Facebook Like box Widget In Blogger

Hi guys, Today let's see how how to add facebook like box widget in blogger blog? Facebook is most the most popular social network and will give the opportunity to promote your blog dramatically. Thousands of people use facebook regularly. Using facebook for promoting our blog, can drive thousands of visitors every day. But to do this, we must have a niche community. The best option to make this community is promoting our blog through facebook like box widget.

If we add facebook like box widget on our blog, people will have the opportunity to like our facebook page from our blog and  therefore increase site visitors everyday. Am gonna show you how to add the widget using following instructions carefully.

1. Log in to your blogger account and choose your blog from the left drop down.
2. Click on the layout section
3. Now come to the sidebar area and click on the add widget link.

4. A new popup will open before you, choose HTML/javaScript from the list. Click on the blue plus button to add this in your blog.
5. Now copy the iframe code and paste it into the box as shown below.


<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fblogassistz&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=white&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" style="border: white; overflow: hidden; height: 215px; width: 300px;background:#fafafa;"></iframe>
6. Replace the highlighted “blogassistz” with your facebook page id or number. You can also increase or decrease the widget’s width by changing the highlighted width “300“. Click on the save button and then press save changes.
Go to your blog and refresh it. You will see the facebook like box widget appear.

In this way, you have to create your own facebook fan page via facebook developer. After creating the facebook fan page, you will be able to generate your own iframe code to embed the facebook like box on your blog. This is also very easy method. It needs few more clicks than the method 1. Let’s do it.

1. Go to the facebook developer page and log in with your facebook login details.

2. Scroll down a little bit. If your fan page is associated with the logged in facebook account then this will get your facebook fan page URL automatically. Otherwise, you can copy your facebook fan page URL (As like: https://www.facebook.com/facebook/) and paste it into the “Facebook Page URL” box. Here is a screenshot:

3. If you wish to show your fan page timeline right after the like box then leave the “Tabs” section as it is. Otherwise, remove the word “timeline” from the box.

4. You can also decide the custom height and width for your facebook like box but I recommend to leave it blank and check “Adapt to plugin container width and Show Friend’s Faces” boxes. (See the screenshot above).

5. If the configuration is done then click on the “Get Code” button. A popup box will open. At the top of this box, you will see the “IFrame” link. Click on that. Now copy the iframe code as shown below.

6. Login to your blogger account > Go to the “Layout” section > Click on the “Add a gadget” link of the sidebar or where ever you need to appear your like box > Add an “HTML/JavaScript” widget > Paste the code into the box and save your template. That’s it.

Now go to your blog and refresh it. Hope you will see that your facebook like box widget is working properly on your blogger blog.

You can choose any of the methods to add facebook like box widget in blogger blog. I recommend the first method because it is easier than the second one. Both the method will do the same task for you. If you like this post then please share it.

Click to comment