The Official Blogger Share Buttons

Blogger has officially announced sharing buttons. These buttons let your readers share posts on social networks like Twitter, Facebook & Google Buzz. The great thing is that it automatically shortens post URL/address because Twitter allows only 160 characters per tweet.

How to Add Share Buttons?

Adding share buttons under posts is very easy. Just go to Design | Page Elements. Edit the Blog Posts gadget and enable Show Share Buttons option. Click the following image to see full size:

Share Buttons Enabled but Doesn't Appear!

If you're using an old template then there is a chance that share buttons won't show up even if you've enabled them. So, go to Design | Edit HTML and check Expand Widget Templates option. The page will automatically refresh. After that, find this code:

<data:post.body/>:

and place the following code right after it:

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

Overall the code should look something like this:

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

Save your template and you're done.

Show Share Buttons Only on Post Pages!

By default, share buttons will appear on all pages. It might look a little messy and some people might want to show share buttons appear only on post pages. We can add a simple if-else condition to do that. Instead of the above code, add this code after <data:post.body/>:

<b:if cond='data:blog.pageType == "item"'>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>

If you've any problem, feel free to leave me a comment.