How To Add Facebook Like/Recommend Button For Blogger



1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:

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

4.Now Copy your "StumbleUpon" bookmarking buttons code and paste it just below the above code.


NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste your "StumbleUpon" bookmarking buttons code just before <data:post.body/> .


<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 customize above facebook like button changing its values:

You can change,

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+msor font=verdana.

colorscheme=light to colorscheme=dark.

5.Now save your template and you are done.



 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes