Solution for Blogger Share Button Not Displaying

If you download a blogger template from http://www.premiumbloggertemplates.com/ and  not displaying Blogger share buttons or only showing blank space, then follow the steps given below to fix that problem.

Go to "Edit HTML" and check "Expand Widget Templates".

Find this and remove it(If you can not found it,skip this step):

<b:include data='post' name='shareButtons'/>

Now find a similar code(not exactly similar) to this:

<b:includable id='shareButtons' var='post'>
  <b:if cond='data:post.sharePostUrl'>
      <a class='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>
      <a class='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>
      <a class='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>
      <a class='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>
      <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, &quot;_blank&quot;, &quot;height=415,width=690&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
  </b:if>
</b:includable>

Look at the picture:

Blogger Share Button Code

Remove This : Blogger Share Button Code

Delete the above code.

Now add below code just above the </head> tag.

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'en-US'}
</script>

If you want to show share buttons below blogger post,then paste your code just after <data:post.body/>.

Blogger share buttons Code :

<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>

Save your template.

7 Responses to “Solution for Blogger Share Button Not Displaying”

  1. Atjeh ONLine™ says:

    Thanks Bro...

  2. Kedar Lasane says:

    Thanks for providing very eye catching templates.

  3. Gaz says:

    I have tried following the above on my template (based on Ecomode) and there are 4 places where exists in the template. What is the correct way to edit?

    Many thanks!

  4. Helena says:

    I searched tons of "solutions" on this issue, and with all no avail. I find your post and fixed it on the first try. Thanks so much for such precise instructions :)

  5. Osaru-yo says:

    THANK YOU ! It was very helpful!! It was easy and very fast and it shows perfectly on my blog!

  6. Van Nguyen says:

    It works. Thanks

  7. Dakota says:

    This is just what I needed. Thanks!

Leave a Reply