How to add Facebook like box to blog

How to add facebook  like box  to your  blog

Hello friends as you know that a Facebook Fan page Box or Like page  Box is a very good addition to your blog that allows your blog viewer to subscribe to blog updates directly to his/her  Facebook account.If a blog visitor subscribing your blog (by pressing the like button provided in your Facebook fan page box), they will receive blog most recent blog updates on their Facebook page(they receive the updates of those posts which you will post on your facebook page).A Facebook fan page box also displays faces of the people who had liked your page, on your blog. Before you add a Facebook  fan page box in your blog, you should must have a Facebook fan page with the name of your blog and for making a facebook fan page you should must have a Facebook account.

So friends in this post I am sharing the information to add Facebook like box to blog and if you want to know then read the post till last and follow the instructions carefully…

Steps to add Facebook Fan Page (like box) box  to your blog

1) To add facebook fan page to your blog first of all visit to your facebook fan page and from address bar copy the link of your fan page.

2) Now to proceed further visit here to create your code to add to your blog.

3) Now you will get a form,here you have to paste your url which you have copied earlier in the given box as shown in the below picture and empty the “Tabs” box in which you will see written as timeline and untick the “adapt to plug in container width” if you want a fixed width(these settings are most used by the people).

Here you will get the options to edit the look of your fan page box as you wish.You can choose the width and the height of your fan page here and can change the look of your fan page box and can choose the option to show the picture of your page likers friends on it.

4) When you will finally get the look for your fan page box as your wish, then click on the “get code”

You will see the live preview of the facebook as you design  

5) When you will click on the Get Code, then a pop up window opens up an you will see two code options ( Java Script SDK and IFRAME).You will have to use the  iFrame code so click on IFRAME option and the code will appears before you.Now select the code and copy it. Now this is the time to add code in your blog so to add it into your blog proceed further.

6) Now go to the blogger and log in and the dashboard of your blog will be appear from here you have to select the “Layout” option.

7) From the Layout select “Add a gaget” option where you want to show the Facebook like box and when you click on it a pop-up window appears.

8) Now from this window select the 'HTML/JavaScript' option.

9) Now a new window open with two empty space and (in the first box you can give a name that’s appear above the like box if you want)  and in the second box you have to paste the copied IFAME code.

10) At last click on 'Save' button which you will see the below the box and you are don your Facebook fan Page like box will be added to your blog.

I think now you don’t have any problem to add a Facebook Page like box in your blog and if you have any problem then can comment below and if you want  to ask a question related to technology and science then can ask me by commenting below and I am surely help you.

If you like my post then please share it with other and keep visiting  to get more simple tips and tricks about technology and science.

                    Thanks you !