16 August 2010

Add Facebook Like button to your Blogger blog

Ever wanted to add Facebook Like or Recommend button to your blog? Now you can do this with folowing four simple steps!

With this button you can let readers and visitors of your to easily share your posts and content with their friends on Facebook. That can really boost your blog traffic and your blog popularity! Because the button is hosted by Facebook it will shows to all visitors, if they're subscribed or not. For the visitors that are signed to Facebook during reading your blog, the button will shows their friends that already liked your posts.

So....let's install this button in 4 simple steps!

I. Sign in to Blogger Dashboard > Design > Edit HTML > Expand Widget Templates

II. Now searh for the code below (Ctrl+F)
<div class='post-header-line-1'/>

III. Now paste this code below the code mentioned before.
<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;'/>

Changes that can be made to design your new button:
  • 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 (Save Template) and you're done! Facebook Like button is added to your blog and your blog posts!


Post a Comment