How To Add Facebook Like Button For Blog

In Facebook we can like our friend's status. We just click the like button. But in blog, we didn't find this feature. So, I try to bring it to blog. For example you can see it in my every post, there is facebook like button on the top. OK, if you want to try this trick to your blog, just follow the steps below.

1. Log in to your blogger account
2. Go to Design>>>Edit HTML
3. Thick "Expand Widget Templates"
4. Find this code : <div class='post-header-line-1'/>
5. Then copy the below, and paste under <div class='post-header-line-1'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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;'/>
</b:if>


6. But, if you didn't find <div class='post-header-line-1'/>, try to find this code <data:post.body/>
7. If you use  <data:post.body/>, paste the facebook like button code above <data:post.body/>
8. Save it

10 comments:

Post a Comment

:) :( :)) :D =))
Loading Comment Form