Add Social Media Sharing Buttons Widget to Blogger Blog

Social media could be a highly regarded promoting tool currently a days, by sharing journal content with facebook, twitter, Google+ friends and fans will bring heaps of free traffic towards your journal. And thus, we want to feature some social sharing buttons to our blogger blogs for giving guests the prospect to share our content with their friends & circles.  In blogger, there's a sharing contrivance you'll be able to see once every post in default templates. except for a lot of attraction you'll be able to add further sharing contrivance below or on top of each journal post. Therefore, Today, i am sharing a social media contrivance that you'll be able to boost your journal and it'll be showing below each post or below each post title. All major social media networks buttons square measure enclosed during this contrivance.

How to Add This widget to Blog?

1. Go to Blogger >> Template >> Edit HTML >> Jump Break >> Blog1
2. Now find this <data:post.body/> line ( Tip: use Ctrl+F to find )

Note:

Now if you want to add the social buttons below each post title then paste below code right before/above this <data:post.body/> but if you want to add this widget below every post then just paste it below/after this <data:post.body/>.

<b:if cond='data:blog.pageType == "item"'>
<table border='0'>
<tr>
<td><div style='margin-right:5px;'>
<g:plusone expr:href='data:post.url' size='medium'/>
</div>
</td>
<td><div style='padding-top:6px;'>
<script type='text/javascript'>
tweetmeme_style = &quot;compact&quot;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div></td>
<td><div style='margin-right:25px;'>
<script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/></div>
</td>
<td><div style='margin-right:25px;'>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='40px'/>
</div>
</td>
<td>
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<!-- AddThis Button END -->
</td>
</tr>
</table>

• Now search for this </head> tag and just before/above it paste below code

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>

Save your template and currently read your journal. you may see social media buttons showing on your journal posts. Note: Social sharing buttons can solely seem once one post is clicked, on blog's main page it will not seem. fancy the new easy kind of social sharing buttons and do raise queries and queries concerning it in comment section. conjointly share this with everybody. keep Blessed.