Add Facebook “Like” Box Beneath Your Blogger Posts

During recent years Facebook has dynamically made its entrance in life of every person especially among the youth Internet users. The craze towards Facebook can be witnessed from the fact that a person not having a Facebook account is considered as an out dated person who does not run according to time. An interesting feature of Facebook is that it facilitates the registered users to share their interesting likes with their other friends. Going through this benefit of Facebook, blog writers have started integrating a designer Facebook “Like” box at the bottom of their blog enabling them to share some interesting post (s) with their friends.

Integrating facility of sharing Facebook “Like” box in blog is an easy process that is provided by Blogger Plugins.  In this tutorial we shall be discussing the process of integrating this facility in your blog by making use of required codes.

Installing designer Facebook Like box in your blog:

For this you need to click on installation page and provide the necessary information in the necessary form. This form has following fields which you need to fill.


As soon as you fill these fields the code at the bottom of form will be upgraded automatically. If you are working on the new Blogger templates (which works simultaneously with Blogger Template Designer) you have option of integrating CSS style code in Design>Template Designer>Advanced>Add CSS option of your Dashboard. Now add the customized code at the bottom of data:post.body/> tag in HTML code of your blog, and save this. Once this exercise is done, you will find Facebook Like box appearing on pages of your blog.

Installing Simple Facebook Like box in your blog: 

For installing simple Facebook Like box in your blog you need to install widget as shown in figure below:


For installing this widget you need to click on Design>Edit HTML of your blogger Dashboard and click on “Expand Widget Templates’ option. Search for <data:post.body/> tag using your browser and paste the following code just below it.

<b:if cond='data:blog.pageType == &quot;item&quot;>

<iframe allowTransparency='true' expr:src='&quot;; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=292&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:292px;height:30px;'/>


However in the above code you need to make few changes.

1.  If you are interested in displaying the avatars of people liking your page then change the “false” code into “true”;

2.  To change the pixels of your widget change the figure “292” according to your requirement.

As the final step you have to save your Facebook Like box according to your requirement.

I hope you would have enjoyed this tutorial please feel free to share your comments with me.


No comments:

Post a Comment

Man Behind Ribbun Software

vikas Singal Vikas Singal is a professional Internet marketer from Jaipur, India.

Apart from Blogging , he is a fun loving person. His areas of Interest are php, wordpress and joomla.

At Ribbun-Software he Writes about Blogging, Wordpress, Technology, Making Money online.

You can read more about him at About me page.


My Tweeter Updates

    Follow me @ribbuntweeting

    Also Check