Saturday, June 15, 2013

Facebook like button in blogger

Following are the steps to add facebook like button for each post in your blog.

Step-1: First of all, I recommend you to take backup of your current template to avoid any loss.

Step-2: For backup, go to your Blogger dashboard, click on template and then click on Backup/Restore on top-right side. Click on download full template and save it to your computer.

Step-3: After backup, go to edit HTML and find <data:post.body/> using CTRL+F, if it is more than one then try to finding last one.

Step-4: Copy and Paste the code given below just after the <data:post.body/> and save the template.

<div class="facebooklike">
    <iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url +"&layout=button_count&show_faces=false&width=100& action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:25px;' allowTransparency='true' />
</div> 


Step-5: Go to browser and view your blog, you can see that facebook like button for each post of your blog.

No comments:

Post a Comment