fix post share button not functioning properly

Posted by gumbung on 11:13 PM

Post Share buttons are the buttons can be used by visitors who to assess and share links or content specific to who they like social media, Facebook, Twitter, Google +, etc. Sharing is an important feature for bloggers. When your readers find an interesting post, they probably want to share it with other people used Post Share buttons; this in turn brings more traffic back to your blog. Blogger now offers new Post share buttons. The Post share buttons can be placed under each post and let your blog readers easily share your post via email, Blogger, and popular social networks.

Blogger also has a Post share buttons link in the navbar, but for improved convenience you can now have Post share buttons below the post (we also gave them nice rollover icons). For Twitter, also integrated the goo.gl URL shortener to give you the maximum space in the Tweet to add your own remarks. You can start having the new Post share buttons show up under your posts by editing the Blog Posts widget and enabling Show Post share buttons in Design | Page Elements. Go ahead and turn the new Post share buttons on, and let some fun sharing begin!

from several templates circulating on the internet, there is no support Post share buttons. then with we do research, how to share post can function button again. If you download a blogger template from internet 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>

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.