How To Add Cute Custom Facebook Like Box To Blogger

A Facebook Fan Box or Like Box is a great plugin that allows blog visitors to subscribe to your blog updates via their Facebook accounts, without leaving your blog. Once subscribing (by pressing the like button), visitors will receive your most recent blog updates on their Facebook page. This box also displays faces of the "likers" on your blog. This tutorial will show you How To Add Cute Custom Facebook Like Box using CSS To Blogger. Facebook Like Box is the best way to get more fans on Facebook. A Fan Box allows great attract your Blog more visitors or readers to like your Facebook fan page not leaving the like go here. you don't need to do any think you only need to copy and paste the code. I am Sure that this Cool Customize Facebook Like Box With CSS widget attracts your facebook fans increase the count of Likes.
Step 1: Login to Your Blogger Account. After which Go to your Blogger Dashboard,Click on Layout tab from left plane and click on Add a Gadget link.
Step 2:After clicking on Add a Gadget link A pop-up box will open now with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget.
Step 3: Select 'HTML/Javascript' and add the one of code given below. Step 4: Now Click On Save 'JavaScript' . Or Method 2
1. Find out your Facebook fan page URL by visiting your Facebook fan page and copy the URL in the address bar - you can see how your URL should look like in this screenshot:
2. Then visit this page: http://developers.facebook.com/docs/reference/plugins/like-box
3. Paste your URL into the Facebook Page URL field
4. Once you are satisfied with the looks of the Like Box, click on the "Get Code" button
5. You'll be given two codes, titled HTML 5, XFBML and IFRAME. The one we need is the 'iframe' code. Select it and copy the code generated in this box
6. Log in to your Blogger account , go to 'Layout' > click on the 'Add a Gadget' link
7. From the pop-up window, scroll down and select the 'HTML/JavaScript' gadget:
8. Paste the code in the empty HTML box:
9. Click Save and you're done.
I got this video from youtube, hope its helps.

Share this

Related Posts

Previous
Next Post »