Adding facebook like button on your blog or website

. Saturday, February 19, 2011
  • Agregar a Technorati
  • Agregar a Del.icio.us
  • Agregar a DiggIt!
  • Agregar a Yahoo!
  • Agregar a Google
  • Agregar a Meneame
  • Agregar a Furl
  • Agregar a Reddit
  • Agregar a Magnolia
  • Agregar a Blinklist
  • Agregar a Blogmarks

Hi Guys, If you want to add Facebook Like button on your Blogger its easy just copy/paste thing.first login to your blogger account click on design and then click on edit HTML in this way you will find all of your blog's source html then find the following

in this way you are at the position where you have to put the following code to display Facebook's Like button
Paste the Facebook button code immediately below (after) it:



1<!-- Facebook Like button Start -->
2<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
3<div style='float:left;padding:5px 5px 5px 0;'>
4<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=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=35&quot;'frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:440px; height:35px;'/>
5</div>
6</b:if>
7<!-- Facebook Like button End -->
Now you need to adjust position of button as you want the below table describes that 




Like button typeQueryValueWidth & Height
 standard like buttonlayoutstandard
W: 450px
H: 35px (80px w photos)
facebook like button countbutton_count
W: 90px
H: 20px
facebook like box countbox_count
W:55px
H: 65px
standard like button darkcolorschemedark
n.a.
standard like button recommendactionrecommend
n.a.



0 comments: