Tuesday, August 21, 2012

How to add nice looking Facebook fan box......?

JavaScript - 06

In last article on Javascript we discussed set how to add a Facebook lie button to a blog. I think it might make your blog nice. I hope you will read how to add nice looking facebook like button to your blog. Today it is in a same topic but in a different approach. I am quite sure that This would help you a lot to get more traffic and like while making your site attractive. So you can try this with today it self with in 2 minutes if you have a fan page already. Unless make a fan page first and join this tutorial after that.

What are the requirements you should have fulfill.......?

1. As I mention earlier post you should make a Facebook fan page first.

2. Then you have to make your template active for Iframe. (To this please read my earlier post on how to add your Facebook fan page by gadget)

3.If you have any kind of Facebook gadget or widget you do not need to add above html code. Please check before you add the Iframe.

How can you add the gadget...........?

1. First go to dashboard of blog.

2. Then select html/ javascript.

3. After that add the html code as following.


<div class ="fb-like-box"  data-href="http://www.facebook.com/BlogTricksplus" data-width="300" data-height="300" data-colorscheme="dark" data-show-faces="true" data-border-color="blue" data-stream="false" data-header="true"></div>

4. Edit the green text with your fan page name

5. change the "Dark" by light if your site is in light background.

6. Save the template after preview.

I think you can enjoy the gadget. So please contact me if you have any queries.

For more reference;
Facebook developers


  1. We appreciate any comments form you.......

  2. Good Work Brother!
    Best Of Luck :)

    1. Thanks friend.. You would be able to see nice set of gadgets here enjoy them.

  3. its a really nice gadget that we can add !!! really piece of work man

    1. thanks friend, its really nice to hear that you are enjoying the gadget....