Tuesday 13 March 2012

"Facebook Like" Button For Blogger

Facebook has many new sets of Social plugins which enable you to provide engaging social experiences to your users with just a line of HTML. The Facebook Like Button is One of them.

I am gonna show you how to place the Like Facebook like Button after every post of your blog.
Follow the following steps:

How to Add the Facebook Like Button Below every Post

  • Login to your Blogger Account and go to Design > Edit HTML and click on the check box which says “Expand Widget Templates”
  • Look for <data:post.body> and immediately after that place the following code:
      <div>
      <fb:like expr:href="data:post.url" layout='standard' send='true' show_faces='false' font="arial" action="like" colorscheme="light"></fb:like>
      </div>
    • Now look for </head>
    and immediately above that paste the following code
    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
    (Note: you don't have to add this if you have already added this code for some other Facebook widget)

    No comments: