Add Facebook Like Button Below Post Titles (Blogger)

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.

Facebook Like Button

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 HTML
Press 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='&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.  

2 comments:

  1. I have been surfing on-line greater than three hours nowadays, but I by no means found any attention-grabbing article like yours. It is lovely price sufficient for me. Personally, if all web owners and bloggers made excellent content as you did, the internet will be much more useful than ever before.
    Fresh Water Generator

    ReplyDelete
  2. http://uk-driving-test.com/mock-hazard-perception.php

    i tried your script on one of my page but its giving error. do i have to install it on index page or on any specific page i can use it. thank you.

    ReplyDelete