Pages

How to Add the Facebook Like Button Below every Post

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 == &quot;item&quot;'> 
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&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>

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.

src: http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html

4 comments:

9Beer said...

I like this Tip !

I can like all of your posts, and its appear on my Facebook too !

: )

Wilairat said...

I gain knowledge about how to add the facebook...
If you have free time, would you please me how to do it one day.

Leigh said...

Cherry, that is a really neat tool! Thank your for sharing how to do this.

Paponpat S said...

Thank you I'll try to do that!

Post a Comment