Facebook Like Button Below Post Titles (Blogger/Website) - FIX info

Facebook Like Button Below Post Titles (Blogger/Website)

Add Facebook Like Button Below Post Titles (Blogger)

This time we are talking about a Facebook like button for your blog posts. suppose a visitor comes in your blog and reading your article and then they liked your writing style, or the story which is written by you. then how they can show their feeling about your article? however, there are many option available in blogger for your blog readers to show their feeling such as commenting, and share post on social sites using your post's URL. but what about those who don't know about the feature that they have that option to share or comment on your blog.? If they are do not know about the commenting system you have enabled in your blog then you must have a like button which looks professional and anyone, even a newbie can understand or get idea about the button is to show that they like the post. If your reader really liked your post from heart, then definitely he/she will click on the like button to show that he/she liked your post.

What you will get by increasing likes in your blog posts? When a reader of your blog posts likes your post, Your post will be shared on Facebook wall of liker. And this is what we wants, This way you have the chances to increase a good traffic to your blog through Facebook.

Now, if you would like to have this Like button to be installed in your blog right after post titles then follow the simple and easy steps given below :

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

Go to blogger dashboard > Template > Edit HTML
Press CTRL + F to enable search box, and then search for the following code


Now, Above it paste the code below :

<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;'/>

Save your template, and you're done !!

Visit your blog and see the button will be displayed just after the post titles. Feel free to ask any questions you may have.