How to Add Social Sharing Button in Blogger Posts

Giving your audience an option to share the post through their social network account with their friends helps to many extents in getting viral with your posts. Any of your post can go viral with the help of this simple blogger social widget.

These buttons are really helpful in case where you have no traffic from search engines and your blog consist really really interesting feeds people love to read and share.

You need style sheet coding for these button. So, that's here.

.btt-socialshare{margin:10px 0}
 .btt-socialshareul {
margin:0!important;padding:0!important;
list-style:none;list-style-type:none;line-height:1}
.btt-socialshareul li{
margin:0 10px 0 0 !important;padding:3px 8px!important;
list-style:none!important;list-style-type:none;display:inline-block}
.btt-socialshareul li.btt-share-this{
padding:3px 8px 3px 0 !important}
.btt-socialshareul li.btt-facebook{
background:#3c5b9b!important}
.btt-socialshareul li.btt-twitter{
background:#2daae1!important}
.btt-socialshareul li.btt-google{
background:#f63e28!important}
.btt-socialshareul li.btt-stumbleupon{
background:#eb4924!important}
.btt-socialshareul li.btt-digg{
background:#1b5891!important;margin:0!important}
.btt-socialshareul li a,.btt-socialshareul li a:visited{
color:#fff!important;
text-decoration:none!important;font-style:bold}
.btt-socialshareul li a:hover,.btt-socialshareul li a:active{
color:#fff!important;text-decoration:underline!important}
.btt-socialshareul li p{margin:0}

Now is the time to find out where you have to place that.
Just After the Title or just at the end or both.
Find Below Code

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

Paste Below Code just after it.

<b:if cond='data:blog.pageType == "item"'>
<div class='btt-socialshare'>
<ul class='btt-socialshareul' id='btt-socialshareul'>
<li class='btt-share-this'><p>Share This Article </p>
</li> <li class='btt-facebook'>
<a expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' onclick='window.open(this.href,&quot;sharer&quot;,&quot;toolbar=0,status=0,width=626,height=436&quot;); return false;' rel='nofollow' title='Share this on Facebook'>
<p>Facebook</p></a> </li> <li class='btt-twitter'> <a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url' rel='nofollow' title='Tweet This!'><p>Twitter</p></a> </li> <li class='btt-google'> <a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' onclick='javascript:window.open(this.href, &quot;&quot;, &quot;menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600&quot;);return false;' rel='nofollow' title='Share this on Google+'><p>Google+</p></a> </li> <li class='btt-stumbleupon'> <a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'><p>Stumble</p></a> </li> <li class='btt-digg'> <a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Digg this!'><p>Digg</p></a> </li> </ul> </div>
</b:if>

Now Save your template and enjoy using this widget.