Thursday, July 3, 2014

Add Facebook Like Button Below Blogger Post Title

Currently social networking is the most popular thing people do online. And Facebook is the most popular of them. If you are a blogger then Facebook is the best way to engage your visitors with your blog. There are several Facebook gadget that you can place on your blog. I have published a few of them.


In this post I am sharing a simple but very much useful Facebook like widget for blogger. Today I will show how to add Facebook like button below of your blog post titles. As a result the visitors of your site can easily like your post and you can also come to know the popularity of a post.

Add FB Like Button Below Post Title


Placing Facebook Like Button Below Post Title:
  1. First Log Into your Blogger Account and go to Dashboard.
  2. Then click on Template and click Edit HTML. Then you will land on your blog HTML page.
  3. Here in the HTML page find the below Line.

  4. <div class='post-header-line-1'/> 
  1. You will find the above line for Two times on the HTML page. Now Place the below Facebook Like code After the both line.

    <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=standard&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:450px; height:40px;'/>

  1. Now click Save Template button.

Customization: You can change the width and height of the button. To do this just change the value of the Width and Height of the code shown in the red letter.

That's it. Now view your site you will see Facebook Like button just below your Blog post titles. If still have any problem then don't forget to leave your valuable comment.


Stay with www.iTTimesbd.com for more IT related Post

No comments:

Post a Comment