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 == "item"'>
Copy code bellow and paste next to
<b:if cond='data:blog.pageType == "item"'>
<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='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><span>Share to Facebook</span></a>
<a class='googleplus' expr:href='"https://plus.google.com/share?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/><span>Share to Google +</span></a>
<a class='twitter' expr:href='"http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-twitter'/><span> Tweet</span></a>
<a class='linkedin' expr:href='"http://www.linkedin.com/shareArticle?url=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-linkedin'/><span> linkedin</span></a>
<a class='pinterest' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:post.firstImageUrl + "&description=" + data:post.snippet' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); 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
Please Donate Only $3 and get simple Social Sharing Button Pro Once Donation Completed and it will redirect you to the coding script social sharing button page and ready to use in to your template or site,