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)
      Posted by Fahad
      Labels:

      9 comments:

      1. moving servicesMarch 21, 2011 at 12:57 PM

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

        ReplyDelete
      2. uaMay 26, 2011 at 8:27 PM

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

        ReplyDelete
      3. AthulJuly 15, 2011 at 1:23 PM

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

        ReplyDelete
      4. yaelfabulousSeptember 4, 2011 at 7:42 AM

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

        ReplyDelete
      5. Job Interview QuestionsOctober 28, 2011 at 4:38 AM

        I am using it right now...Thanks for your information...

        Contact Lenses for Big Eyes

        ReplyDelete
      6. Makyaj TutkusuJanuary 23, 2012 at 4:30 PM

        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
      7. AnonymousApril 19, 2012 at 1:22 PM

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

        ReplyDelete
      8. Priyanka BhattMay 23, 2012 at 11:17 PM

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

        ReplyDelete
      9. Boston's FinestJune 9, 2012 at 8:18 PM

        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

      Subscribe to: Post Comments (Atom)