Facebook like button with a like counter. Another most useful button with biggest social site. It will allow readers to quickly share posts with their Facebook Friends and also can monitor how many times have shared.
How to add facebook like button to blogger?
01. Go to your blogger Design >> Edit HTML >> and click on Expand Widget Templates.
02. Search this line <data:post.body/> and paste following code below or above it, that's depend on where you want to appear this button below post title or end of the post content.
<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:310px; height:40px;'/>
If you want to appear the like button only post pages, use below code.
<b:if cond='data:blog.pageType == "item"'>
<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:310px; height:40px;'/>
</b:if>
Also you can change the "like" to any other word, just change blue color highlighted area as you want. All done, now visitors can easily share your posts with their friends on facebook.
0 comments:
Post a Comment