Monday, May 12, 2014

How to ADD Facebook LIKE box into your Blog without any coding.

To grow audience in our blogspot, there is a need to link our blog to social networking site. Facebook is one of the social networking site where we can easily grow audience. In today's era, facebook is one of the most popular social networking site. So to add facebook like box in your blog, makes your blog popular all over the world. there are few steps to add facebook like box in your blog.

Step 1 : 

First of all open the following link -       https://developers.facebook.com/
In this link you will find a "Docs" menu option like that-


Now click on "Docs" -> "Sharing" -> "Social Plugins" -> "Like box". After clicking on " Like box", you will find a window like that -




In the Red Box, you will find a "facebook url option". In this option, you have to write your blog address.
For Example " http://livetechnoscience.blogspot.in/"
In other options, you can adjust the height and width of your like box plugin that will appear in your blog.
Now click on the "Get Code" button that will appear in the above window, when you will scroll down that page.
After clicking on the "Get Code" button, you will find a window like that - 


Now click on "Log in" button that is red marked. After that you have to login with your facebook account for getting the code. After login, again click on the "Get code" button. now you will find a window like that -


here you have to click on "IFFRAME" menu option, then copy the code.

Step 2:


Now open you blog where you have to add this "like box", then click on "Layout" option.
After that, click on the " Add a gadget" link like that -


After clicking on " Add a gadget" link, you will find a window like that -


Now click on " HTML/JavaScript" option. then you will find a window like that.In this window, paste the code, that is collected from step 1, in the content box , then click on the save button.


Finally click on the " Save arrangement" button  that is appeared in the top right corner of your blog. and enjoy with facebook like box on your blog.

Note: All the pictures are taken by making experiment in my computer and on my blog.

1 comment:

  1. very usefull info... follow step by step given as above and found my wayy ... thank you so much admin

    ReplyDelete