Add Social Media Sharing Buttons Below Post title

Social Networking Sites Like Facebook, Twitter, Google Plus, Digg are the great traffic source for every blog. So we need to thing more about social media. You have seen it on many blogs they used sharing buttons below each post title. Here i am designed popular buttons for your blog. Its easy and simple. Just follows these simple steps.

How to Add sharing button below post title.

First go to Blogger > Design > Edit Html
Backup your template
Search the following code

<div class='post-header-line-1'/>

4. Paste the following code below <div class='post-header-line-1'/>

<b:if cond='data:blog.pageType == "item"'>
<table border='0'>
<tr>
<td><div style='padding-top:6px;'>
<a class='twitter-share-button' data-lang='en' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div></td>
<td>
<script expr:src='"http://www.stumbleupon.com/hostedbadge.php?s=1&r=" + data:post.url'/>
</td>
<td><div style='margin-left:35px;'>
<script type='text/javascript'>
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class='DiggThisButton DiggCompact'/>
</div></td>
<td>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100& action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:35px; width:100px; height:20px;'/>
</td>
<td>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
</td>
</tr>
</table>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
 </b:if>

5. Save your template.
6. You have done. Buttons will be display below each post title.

These buttons will be display when your on a post. If you are on Home page these will not display. With the help of this you can get more visitors for your blog.

Credit

These buttons are Customize by PBT. If you want to share these buttons with your readers, you have to give credits to PBT by attaching a link back to this blog.

Need Help?

If you face any problem, feel free to ask, just do comment your view, I will try to give your reply in time. You can also ask here your individuals problems.

If you want any other type of buttons or anything, please tell us. I will try to full fill your choice.