Adding Facebook Share Button on Your Blogger Blog

Facebook has now officially introduced the Retweet like facebook buttons for your blogs or sites. Adding a Facebook share count button will show a neat count of how many times your blog post has been shared on Facebook.

Code for Facebook Share count button:

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
*lt;/div>

How to install Facebook Share Count Button on your Blogger Blog?

  • Login to your Blogger Dashboard and navigate to Layout > Edit Html and check the check box which says “Expand  widget templates”.
  • Find this piece of code
    <div class='post-header-line-1'/>
    • and immediately after that place our Facebook share button code (that you copied)
    • If you were unable to find this code in your template,then look for the first occurrence of
    <data:post.body/>
    • and immediately before that paste our Facebook Share button code(that you copied).
    • Save the template and you should get a facebook share count button near each of your blog posts.
    (Thanks to Blogger SEO for this Post)

      9 comments:

      1. This truly is a very important blog. Thanks for sharing this valuable information with us.

        ReplyDelete
      2. Thanks for sharing this post.. I am using it right now...

        ReplyDelete
      3. share button is realy helpful in getting more visitors ... add floating share buttons to blogs

        ReplyDelete
      4. thanks for the post.. :)
        http://yaelsbraintwiztah.blogspot.com/

        ReplyDelete
      5. I tried to add it to my template, but it didn't work. It says a is still open, but I can't find an open one, so I searched for the other code you gave and pasted the quote above before that and it said the same. I wonder what happened. =(

        ReplyDelete
      6. learning to 'blogwalking' .. like u said on yahoo answers.. hhaha
        http://hazzimabuhanipah.blogspot.com/

        ReplyDelete
      7. This is not working now? Is there any other code for the new blogger interface?

        ReplyDelete
      8. These are great ideas! Thank you!!

        http://sexandcupcakes.blogspot.com/

        ReplyDelete

      Share your ideas with us, we will be very greatful to hear from you