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.

17 thoughts on “Solution for Blogger Share Button Not Displaying

  1. 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!

  2. 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 🙂

  3. God, thank you so much for this solution, I have been head bashing over this all day and couldn't find a single website to help me with the code. Luckily, I found this in the end <3 Thanks again!

  4. THANKS!!! You're a genius. I tried some other tutorial before this, but it didn't work. Yours did the job. Thanks!

  5. Thankss a Millionnnnnnnnnnnn!!!!! 4 hour im trying other method from various blogger tutorial , finally found yours,, awesome, gd job myfriend

Leave a Reply

Your email address will not be published. Required fields are marked *