Add Facebook like box to blogger easily-V2

Follow @unziptech

Hello Friends, in this post we will check out an easy way of adding a facebook like box also known as Facebook Fan box into blogger. We have already shared a tutorial for the same but many people got difficulties because it required editing the blogger template. So we are sharing this iFrame code which does not require many efforts and is easy to use. Later in this article you will checkout the live demo and a tutorial to add this widget.

We all know social networks like facebook are playing crucial role in blogging these days. To boost your social networks count you should use widgets like this. Now let us check out the procedure to add this widget in your blog.

DEMO

Recommended for you:

• Sticky Sliding notification bar.
• Social sharing buttons under post titles.
• All in one social networks widget.

How to add Facebook like box using Iframe:

• Login in to your Blogger account.
• Navigate to Layout section of your blogger dashboard.
• Now click on add a gadget and insert a HTML/JavaScript gadget into your sidebar or footer.
• Copy and paste the following code into it:

<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/unziptech&width=300&height=300&colorscheme=light&show_faces=true&border_color&stream=false&header=false&" style="border:none; overflow:hidden; width:300px; height:300px;"/></iframe>

• Now before saving, replace my facebook fan page URL highlighted in red with yours.
• Save the widget and click on View Blog to see this widget in action.

Customization:

If you want to change the dimensions of this widget just change the heights and widths highlighted in green.

I hope you find this tutorial an easy one. If you still face difficulties you can comment here. I will be glad to help you. You can check out our blogger tips and tricks section for more blogger widgets.

If you like my work; you can show your regards by hitting Facebook like button, following us on Google+ or Twitter, stumbling our posts on stumble upon or giving us a link back via the links below. Stay tuned for more updates.

Do you like this post? Please link back to this article by copying one of the codes below.

URL: http://unziptech.blogspot.com/2013/07/add-facebook-like-box-to-blogger-easily.html HTML link code: <a href="http://unziptech.blogspot.com/2013/07/add-facebook-like-box-to-blogger-easily.html">Add Facebook like box to blogger easily-V2</a> BB link code: [url=http://unziptech.blogspot.com/2013/07/add-facebook-like-box-to-blogger-easily.html]Add Facebook like box to blogger easily-V2[/url]

Author: Mohammad Zafar Ahmad

Zafar Ahmad is PHP/Java Developer and a Passionate Blogger. He likes to write about Blogging tips, SEO tips, Blogger Widgets, Smart phones, Tablets and Online Earnings. You can find him on Facebook, Twitter or Google+