Logo

1. Get your profile ID for your Fan Box in Facebook

put your mouse to your profile picture and right click -> "Copy Link Location" (in Mozilla)

example here :

http://www.facebook.com/album.php?profile=1&id=120233627995690

the ID is 120233627995690

2. Sign in to Blogger and go to Layout > Page Elements.

3. Click Add a Gadget.

4. Choose Basics > HTML/Javascript

5. Add a Title and paste this code for your Facebook Fan Box under Content.

<script src="http://static.ak.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US" type="text/javascript"></script><script type="text/javascript">FB.init("dbf5a5d1d300ac010c486eeaae5e8e4d");</script><fb:fan connections="6" width="230" profile_id="PUT_YOUR_PROFILE_ID" height="550" stream="1"></fb:fan><div style="font-size:8px; padding-left:10px"><a href="http://www.facebook.com/pages/PAGE_NAME_GIVEN_BY_FACEBOOK/PUT_YOUR_PROFILE_ID">YOUR_PAGE_NAME</a> on Facebook</div>

and you need to change :

PUT_YOUR_PROFILE_ID

PAGE_NAME_GIVEN_BY_FACEBOOK

PUT_YOUR_PROFILE_ID

YOUR_PAGE_NAME


6. Click Save.

7. Preview and edit again if necessary. You can customize certain settings of the fan box.

8. Don't forget to Save the changes once you are finished :)


Note: The scroll bar doesn't work in preview mode.