Tombol Social Share Button For Blogger

Blogspot Google +, Facebook, Linkedin, Pinterest Share Button For Your Blog

Social Share Button for each of your blogspot post
Blogspot Facebook, Google +, Linkedin, Pinterest Share Button For Your Blog
Social Share Button for each blogger post how to :

Open your edit template menu in your blogger setting
Choose edit HTML than Find this code

<b:if cond='data:blog.pageType == &quot;item&quot;'>

Copy code bellow and paste next to <b:if cond='data:blog.pageType == &quot;item&quot;'>

<style>.shareme{position:relative;display:block;overflow:hidden;margin:30px 0;padding:15px 0;border-top:1px dotted #f0f0f0;border-bottom:1px dotted #f0f0f0}
.sa-title{display:block;float:left;height:30px;line-height:30px;margin:8px 15px 8px 0;padding:0}
.sa-title strong{font-size:16px;display:block}
.shareme a{float:left;font-size:12px;line-height:30px;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin:8px 3px;padding:0 20px;height:30px;min-width:30px;text-align:center}
.shareme a:hover{background-color:#222;color:#fff}
.shareme a i.fa{margin-right:7px;font-size:15px}
.shareme .facebook{background-color:#003471; padding: 0 10px 0 10px;}
.shareme .twitter{background-color:#00BFF3; padding: 0 10px 0 10px;}
.shareme .googleplus{background-color:#EA4D29; padding: 0 10px 0 10px;}
.shareme .pinterest{background-color:#C6393D; padding: 0 10px 0 10px;}
.shareme .linkedin{background-color:#0077B5; padding: 0 10px 0 10px;}
.shareme a{padding:0; }
.shareme span{color:#fff}
.shareme i.fa{margin-right:0!important}</style>

<div class='shareme'>
                  <a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><span>Share to Facebook</span></a>


         <a class='googleplus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/><span>Share to Google +</span></a>


                  <a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-twitter'/><span> Tweet</span></a>


                           <a class='linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?url=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-linkedin'/><span> linkedin</span></a>


                  <a class='pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.firstImageUrl + &quot;&amp;description=&quot; + data:post.snippet' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-pinterest-p'/><span> Pinterest</span></a>
</div>

Unable to copy than u need to go through txt file here :
Get Social Share Button Code SocialSharebutton.zip