In my previous posts, i have already shared many widgets which is related to
Facebook fanpage like box and
popup Facebook like box etc. but some times like box widgets are not working and effects to the
page loading time. because of this reason i have decided to share an another
Facebook like button which can be added anywhere you want inside your blog and the best and recommended place is below post title. having a Facebook like button right after the title of your blogger post have more chances to increase likes as well as traffic.
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 :
Also see : Add WikiHow Styled Like us on Facebook Slide out Widget to Blogger
How to Add Facebook Like Button Below Post Titles in Blogger?
Go to
blogger dashboard > Template > Edit HTMLPress
CTRL + F to enable search box, and then search for the following code
<data:post.body/>
Now, Above it paste the code below :
<iframe allowTransparency='true' 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: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.