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
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.
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
This is looks like this2. Place the code for your plugin wherever you want the plugin to appear on your page
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 :
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
Post a Comment