Pages

Search in the web

Saturday, September 1, 2012

Add Facebook Like Button on your Blogger

Facebook has a great feature called the "Like Button Icon" available for bloggers and website owners. This feature has instantly become a hit among bloggers and website owners.

Here's how you do this simple trick:

Adding a Facebook Like button to each of your posts is very easy, you have just copy and paste below code in the your blog or your site.
This code is for button_count

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/></b:if>

This code is for button_box

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_box&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/></b:if>


This is your choice where do you want to be your Like Button in the your blog or site. For example my like button is in the footer, so if you like use the footer for like button, you can search post-footer in the your  Template and choice your place want to be there.