How To Add Blogger Official Share Buttons

Posted by Lasantha Bandara File Under : basic, bookmarks 9 Comments

In this tutorial I will explains, how to add blogger new share buttons to your blogspot blog.This will more helpful if your template is a highly customized blogger template.But your template is a blogger default template, then you can add this share buttons editing the Blog Posts widget and enabling Show Share Buttons in Page Elements section.

But this method does not work for you,follow the steps given below to add blogger share buttons to your blog.

Blogger now offers new share buttons. The new buttons can be placed under each post and let your blog readers easily share your post via email, Blogger, and popular social networks—we now support Google Buzz, Twitter, and Facebook, and we plan to add more services in the future.

-From Blogger Buzz

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:

Blogger Share Buttons

<div class='post-header-line-1'/>

 

4.Now Copy below "Blogger Sharing buttons" code and paste it just below the above code.

NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste "Blogger Sharing buttons" code just before <data:post.body/> .

<b:if cond='data:blog.pageType == "item"'>
<div class='post-share-buttons' style='float:right;margin-right:10px;'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>

This will show blogger sharing buttons below post header.But if you want to show share buttons below blogger post,then paste your code just after <data:post.body/>.

5.Now save your template and you are done.

9 thoughts on “How To Add Blogger Official Share Buttons

  1. Got a question, I have tried to use the blogger interface, and checked and unchecked the box, and also tried adding the code manually and I don;t see the share buttons. Any idea what could have happened?

    My blog is at Http:scrapingandstamping.blogspot.com

    Thanks!
    Heather

  2. For some weird reason -- and even when I checked the "Expand widgets template" -- I could not find the codes you mentioned. My blog seems to be working fine, except that none of the share buttons would show up.

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.