How To Add Social Sharing Widget To Blogger Post

 How To Add Social Sharing Widget To Blogger Post

This is also Nice social Bookmark buttons.
This buttons helps you to get more visitors by
sharing your post.

1. Log in to blogger account and Go to Design >> Edit HTML
    (make sure backup your template first)

3. Add check mark in Expand Widget Templates. 

4. Find this tag by using Ctrl+F   <div class='post-footer-line post-footer-line-1'/>

5. Paste below code before <div class='post-footer-line post-footer-line-1'/> code

<b:if cond="data:blog.pageType == &quot;item&quot;">
<style>
.promote_post_bg {
    height: 103px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdhCIMOBiHqUVhaKsAas8im7mz2cm6e_GvEd8GWSkMK2PHL9P8xMdckEp1WIxMYquYOnEeKehSOqGI3GRPV3sEi2PbbTtKQJ0tAZdhFmzSdtZClprdE3ccEJovwM6AQqUPiwgCiYq7KBoE/s1600/sharing-widget.png) 0 -7px no-repeat;
    width: 500px;
    margin-left: 65px;}
.promote_twitter {
    width: 130px;
    height: 38px;
    float: left;
    margin: 0 39px 0 0;
    padding: 65px 0 0 13px;
    text-align: center;} 
.promote_facebook {
    width: 115px;
    height: 40px;
    float: left;
    margin: 0 39px 0 0;
    padding: 63px 0 0 28px;
    text-align: center;}
 .promote_google {
    width: 65px;
    height: 40px;
    float: left;
    margin: 0 39px 0 0;
    padding: 65px 0 0 28px;
    text-align: center;
}
</style>
</b:if>
<div class="promote_post_bg">
<div class="promote_twitter">
<a class="twitter-share-button" data-via="helperblogger" href="https://twitter.com/share">Tweet</a>
<script>
                !

6. Now save your Template. You are done.