Wednesday 31 July 2013

Add Facebook like box to blogger easily-V2




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.
Facebook like box
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.

Recommended for you:



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: HTML link code: BB link code:
author pic
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+

12 comments:

  1. Nice Sharing bro thanks for that

    ReplyDelete
  2. That was good, keep up good working

    ReplyDelete
  3. Hi Zafar Ahmad?
    dear Brother, i am a student and its my wish to improve my Web skills, i am new on Blogger as-well.
    I tried different Codes including my ad sense ads, Fb like box etc but no one work,
    i am requesting to you please help me,
    i shall be very thankful to you.

    ReplyDelete
    Replies
    1. you can email me at admin@unziptech.com..I will try to help you..

      Delete
  4. Thanks so much! I've been trying to do that for about two months now, I've tried everything and this is the first one that works!

    ReplyDelete
    Replies
    1. I am Gald that it worked for you..don't forget to get in touch with us on our social profiles..keep visiting..

      Delete