14 May 2010

Add a Facebook Like or Recommend Button to your Blogger blog.


Ever wanted add this beautiful button of Facebook Like or Recommend to your Blogger blog, now you can by following simple steps.

With this button you and users of your blog can share your content with their friends on facebook, thus can help you increase some traffic to your blog. Since the content is hosted by Facebook, the button can display personalized content whether or not the user has logged into your site. For logged-in Facebook users, the button is personalized to highlight friends who have also liked the page.

I. Login to your Blogger dashboard > Layout > Edit HTML > Expand Widget Templates.

II. Now search for the following piece of code (Ctrl+F)

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

III. Now add following code just below the above mentioned code.

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

You can make following chages in above code to suit your style -
  • layout=standard to layout=button_count 
  • show_faces=false to show_faces=true
  • action=like to action=recommend.
  • font=arial to font=lucida+grande or font=segoe+ui  or font=tahoma or font=trebuchet+ms or font=verdana.
  • colorscheme=light to colorscheme=dark.

IV. Now save your template and you are done.

Related Posts

1 comment

May 22, 2010 at 9:53 AM

Nice topic, I'll try it (:

Post a Comment


Twitter Delicious Facebook Digg Stumbleupon Favorites More