
How to Add the Facebook Like Button In Blogs
Just copy the code given below for FACEBOOK Recommend or Like button you want for your blog and paste the code in your blog where you want the FACEBOOK Recommend or Like to appear.
<b:if cond='data:blog.pageType == "item"'>
<div><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:400px; height:27px;'/></div>
</b:if>
Note : This Facebook Like/Recommend button will appear on Post pages only. If you want the button to appear on every page of your blog then use the code given below for Facebook Like/Recommend button on your blog.
<div><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:400px; height:27px;'/></div>
Want To Upgrade the Old Like Button to the Newer Design?
If you want to upgrade your Facebook Like button to the newer design which shows the Like Counts, then just look for layout=standard in the above Facebook code. and change it to layout=button_count , save the template. Your old Facebook Like button will change to the Facebook Like Counter button
If you liked this post or blog then please LIKE the Facebook page or the post below, spread the word about the post by sharing it or subscribe Email updates to get latest posts in your inbox.... Thanks