This Tutorial will show you How to add Google +1, Tweet, Facebook Like, Pin it Buttons Horizontally after post title in blogger.
LIVE DEMO
Google +1, Tweet, Facebook Like, Pin it Buttons Horizontally after post title Demo
How To Add Social Share Buttons Horizontally In Blogger
- Go to Blogger Dashboard
- Click on DropDown Menu and select Template
- Backup your Template before making any changes to your blog
- Now Click on Edit HTML --> Proceed --> Expand Widget Templates
- Press Ctrl + F and search the code shown below
<data:post.body/>
- Now Paste the following code Before/above it
<div class='addthis_toolbox addthis_default_style '>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-50472e2c18da11a7"></script>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-50472e2c18da11a7"></script>
- If you want to show these buttons at the bottom of the post then add the code Below/After <data:post.body/>
- Now save your template and check the widget
Like it? Share it.
2 comments
Why every time i tried to put your code to my blog always doesn't work?
I've followed step by step and still doesn't work. please help me, perhaps something wrong with my template?
@Hyuga Fahmi You will find <data:post.body/> in your template 2 times paste the code after the second one
Click to Add a New Comment