How To Add Blogger Official Share Buttons

Posted by Lasantha Bandara on July 1st, 2010 File Under : basic, bookmarks9 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.

File Under : basic, bookmarks

9 Responses to “How To Add Blogger Official Share Buttons”

  1. M. Faroz says:

    Thank 4 your info, it's nice simple tips

  2. Anonymous says:

    @M. Faroz

    Yes.Simple, but useful.Thank you.

  3. Beben says:

    the finnaly my friends...xixixixi
    stats too on draft my friends...hihihihi

  4. nf* says:

    This not work for me sorry...

  5. Penn Sexpert says:

    Thank you SO much, this was so helpful and easy to do.

  6. Talia says:

    It doesn't work for me.

  7. Heather Pilz says:

    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

  8. teecup says:

    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.

  9. Anandha Raja says:

    its not working for me. iam using Dominate blogger template.

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.