Monday, 24 December 2012

How to add facebook like button to blogspot

Holllaaaa readers! =)

Some of you might not know how to add facebook LIKE button on blog. 
So here is the tutorial. 
I hope this will help you ok! =)

1. Log in to your blog/website.

 2. Next on the Overview window, look for template and click it. Then, go to Edit HTML

3. In the Template window, click on Proceed.

4. Check on the Expand Widget Template

5. Search (CTRL+f) for <data:post.body/> in the html script. 
Now there are 2 matches, and we just need the first <data:post.body/>.

6. Copy the FB like button html code:

<!--This is a comment. Put before <data:post.body/> your like button will be on the TOP left-->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<iframe allowTransparency='true' expr:src='&quot;; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/>

7. Once copied, then paste it BEFORE <data:post.body/> statement.

8. Finally, save the template and DONE!


**good luck to all of you.. =)

Aienn Latifi


  1. salam. this is such a nice and simple tutorial. I've been searching for this kind of tutorial in the website, and some of them are too advanced for me. Your simple tutorial simple helps. thanks a lot, sister! ;)

    1. Most welcome Max. Glad my entry helped you finding easier way to add the like button! Happy blogging =)