Tuesday, February 1, 2011

Add facebook like and unlike button in each post in your blog


Result: see my blog. The step is as follow:
1) Log into your blogger account, then go to Layout and click Edit Html.
2) Check Expand Widget Templates box.
3) Find the Code
<div class='post-header-line-1'/>
4) Copy the following code just right under <div class='post-header-line-1'/>


<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;'/>
5) Click save template
6) Done!

No comments:

Post a Comment