Loading...

How to add facebook fanpage like box to blogger..?

This tutorial is for everyone who has already a Facebook Fan Page. If have not created one, try making one. A Fan Box or Like Box allows your Blog visitors to like your Facebook fan page, without leaving your blog. It can also display faces of the “likers” on your blog.
To add the fan box to blogger, follow these steps:

1. Find out your Facebook Fan Page URL. To do that, just visit your Facebook Fan Page, and copy the url in the address bar.

In my case it is http://www.facebook.com/tekadda(The url which you see in the address bar when you visit your fan page.) .Copy this url from your address bar.





2. Visit This page http://developers.facebook.com/docs/reference/plugins/like-box

You have already copied the Facebook fan page url. Paste this into the Facebook Page URL field Select the choices appropriately and you can see a live preview of the Like/Fan box.





If select show stream updates will be shown like this





we can chose color stream as dark it looks like as it below






3.Once you are satisfied with the looks of the Like Box, Click on the “Get Code” button

4.Copy the fb xml code which gets generated
   In this  you will get two codes for HTML

         1.Include the JavaScript SDK on your page once, ideally right after the opening <body> tag
  2. Place the code for your plugin wherever you want the plugin to appear on your page
This is looks like this




5.Now login to your Blogger account and go to Design > Page Elements

  Click Add a Gadget Link and Add an HTML/JavaScript Gadget

6.Paste the generated code as the Gadget’s Content and Save the Gadget.

1 comments :

Anonymous said...

Excellent post. I was checking constantly this blog and I am impressed!
Very helpful information particularly the last part :) I
care for such info a lot. I was seeking this certain information for
a long time. Thank you and best of luck.

Here is my webpage Adonis Golden Ratio

 
TOP