Code default social sharing button of blogger.

This code is default social sharing button of blog, I'm usually to design social share button on blogger, I'm always to close it, so I'm stored to working, if it's not you find don't read this post.

 

 Code default social sharing button of blogger (HTML). 

<div class="post-share-buttons goog-inline-block">
    <a class="goog-inline-block share-button sb-email" href="https://www.blogger.com/share-post.g?blogID=7846166105687430852&amp;postID=5442576116891189058&amp;target=email"
target="_blank" title="Email This">
        <span class="share-button-link-text">Email This</span>
    </a>
    <a class="goog-inline-block share-button sb-blog" href="https://www.blogger.com/share-post.g?blogID=7846166105687430852&amp;postID=5442576116891189058&amp;target=blog" onclick="window.open(this.href, &quot;_blank&quot;, &quot;height=270,width=475&quot;); return false;" target="_blank" title="BlogThis!">
        <span class="share-button-link-text">BlogThis!</span>
    </a>
    <a class="goog-inline-block share-button sb-twitter" href="https://www.blogger.com/share-post.g?blogID=7846166105687430852&amp;postID=5442576116891189058&amp;target=twitter" target="_blank" title="Share to Twitter">
        <span class="share-button-link-text">Share to Twitter</span>
    </a>
    <a class="goog-inline-block share-button sb-facebook" href="https://www.blogger.com/share-post.g?blogID=7846166105687430852&amp;postID=5442576116891189058&amp;target=facebook" onclick="window.open(this.href, &quot;_blank&quot;, &quot;height=430,width=640&quot;); return false;" target="_blank" title="Share to Facebook">
        <span class="share-button-link-text">Share to Facebook</span>
    </a>
    <a class="goog-inline-block share-button sb-pinterest" href="https://www.blogger.com/share-post.g?blogID=7846166105687430852&amp;postID=5442576116891189058&amp;target=pinterest" target="_blank" title="Share to Pinterest">
        <span class="share-button-link-text">Share to Pinterest</span>
    </a>
    <div class="goog-inline-block google-plus-share-container">
        <div id="___plusone_0" style="text-indent: 0px; margin: 0px; padding: 0px; background: transparent none repeat scroll 0% 0%; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 300px; height: 20px;">
            <iframe title="+1" data-gapiattached="true" src="https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;annotation=inline&amp;width=300&amp;size=medium&amp;source=blogger%3Ablog%3Aplusone&amp;hl=en_GB&amp;origin=https%3A%2F%2Fbnson.blogspot.com&amp;url=http%3A%2F%2Fbnson.blogspot.com%2F2016%2F06%2Fhow-to-create-facebook-fanpage-like.html&amp;gsrc=3p&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en.2cv2ukNQR74.O%2Fm%3D__features__%2Fam%3DEQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCMArRZEhpZerHsGuFgpB6Y0oAsgqg#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&amp;id=I0_1466311620053&amp;parent=https%3A%2F%2Fbnson.blogspot.com&amp;pfname=&amp;rpctoken=29946096" name="I0_1466311620053" id="I0_1466311620053" vspace="0" tabindex="0" style="position: static; top: 0px; width: 300px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 20px;" scrolling="no" marginwidth="0" marginheight="0" hspace="0" frameborder="0" width="100%"></iframe>
        </div>
    </div>
</div>

Code default social sharing button of blogger (Design Template).

<b:includable id='shareButtons' var='post'>
    <b:if cond='data:top.showEmailButton'>
        <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
            <span class='share-button-link-text'>
                <data:top.emailThisMsg/>
            </span>
        </a>
    </b:if>

    <b:if cond='data:top.showBlogThisButton'>
        <a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
            <span class='share-button-link-text'>
                <data:top.blogThisMsg/>
            </span>
        </a>
    </b:if>
  
    <b:if cond='data:top.showTwitterButton'>
        <a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
            <span class='share-button-link-text'>
                <data:top.shareToTwitterMsg/>
            </span>
        </a>
    </b:if>
  
    <b:if cond='data:top.showFacebookButton'>
        <a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
            <span class='share-button-link-text'>
                <data:top.shareToFacebookMsg/>
            </span>
        </a>
    </b:if>
  
    <b:if cond='data:top.showPinterestButton'>
        <a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'>
            <span class='share-button-link-text'>
                <data:top.shareToPinterestMsg/>
            </span>
        </a>
    </b:if>
  
    <b:if cond='data:top.showPlusOne'>
        <div class='goog-inline-block google-plus-share-container'>
            <data:post.googlePlusShareTag/>
        </div>
    </b:if>
  
</b:includable>