How to Add Facebook Like Button Below Post Titles?

How to Add Facebook Like Button Below Post Titles in Blogger?

How to Add Facebook Like Button Below Post Titles in Blogger?

In this article you will learn How to Add Facebook Like Button Below Post Titles in Blogger?

Adding Facebook like button below posts will your visitors to like your post directly from your blog without going to your Facebook page. This like button will be shown below titles of your blog post which will encourage your visitors to like your post.

Maybe you know that how Facebook likes helps to get our site ranked. If you will get post like then the friends of the user who liked your post will also see your blog post. This can help you to get more audience on your blog post.

How to Add Facebook Like Button Below Post Titles?


1. Login Blogger Account.
2. Go to Template > Edit HTML.
3. Search for the following code.

<data:post.body/>

Important Note: You may find the above code more than one time. You should stop at 2nd or 3rd if this method doesn't works at 2nd.

4. Just above the searched code, Paste the following code.

<p><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:100px; height:20px;'/></p>

5. Save Template.
6. Done! Adding Facebook Like Button Below Post Title.

Get Notifications Via Email