1. Login to your Blogger Account and go to Design > Edit HTML and click on the check box which says “Expand Widget Templates”
2. Look for <data:post.body/> and immediately after that place the following 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:450px; height:40px;'/> </b:if>
This code will show the Like Button on Post pages only. If you want to display it everywhere, then remove the two lines of code in red.
3. Save the template and you should see the Like Button Below each of your posts.
Optional Customisations
a) Now try changing action=like to action=recommend in the code and you will see something like.
b) Try changing colorscheme=light to colorscheme=dark or colorscheme=evil
c) You can change the font by editing the font=arial parameter. You can change it to any of
- font=lucida+grande
- font=segoe+ui
- font=tahoma
- font=trebuchet+ms
- font=verdana
If you have any comments, ideas, or questions, you may post it >HERE<
boleh x kalau tuka show_faces=false kpd true?
ReplyDeleterasanya x dak effect kot..
ReplyDeletegajah dah try.. sbb ni plugin dari facebook :)
I also customized the following parts: show_faces=true (in order to show images of who likes the post, according with profile images privacy settings, of course), but to do so I had also to modify the height of the div block: height:70px;
ReplyDeletethanks
ReplyDeletedo follow blog
Try IT HERE http://helpblog4u.blogspot.com/2011/10/facebook-like-button-below-every-post.html ;)
ReplyDelete