How to Add Facebook Like to Blogger

How to Add Facebook Like to BloggerSteps

1. 1
   Go to the "Facebook Developers" page:http://developers.facebook.com/docs/reference/plugins/like.
   
   
   

   Ads by Google

   Auto Publish Your Blog

   Distribute Your Blog to Twitter Fast. Easy. Free. Schedule Posts.
   dlvr.it
2. 2
   
   Set the options you want. Specifically, select whether you want a "Like" or a "Recommend" button. The sample button on the page will automatically update to reflect your selections.
3. 3
   
   Leave the "URL to Like" field blank. You will be replacing that soon.
4. 4
   
   Click "Get Code". You will see something that looks like this:
   
   
   
5. 5
   Replace the following text:
   • src= above with:

     expr:src=' 
   • http%253A%252F%252Fexample.com%252Fpage%252Fto%252Flike&layout part with:

     " + data:post.url + "&layout 
   • light" with:

     light"' 

     -- notice the new trailing apostrophe
   • height:px with:

     height:35px 

     -- otherwise, Firefox will make the iframe really big.
   • Leave a copy of the final code somewhere accessible for you to transfer to Blogger.
6. 6
   
   Go to your Blogger Dashboard.
7. 7
   Open your blog's layout and click Edit HTML.
   
   
   
8. 8
   Back up your template! Do this by clicking Download Full Template.
   
   
   
9. 9
   Check Expand Widget Templates.
   
   
   
10. 10
    Find a place to put the Facebook "Like" code into your HTML layout. A good location is directly after or below:
    • Use the browser "Find" mechanism to help you locate it.
11. 11
    Save and check that the button has appeared. Once you can see it, you're done!
    
    
    

    Ads by Google

    do you have a BLOG?

    add your blog for free to the Indian blog directory
    www.indiae.in

    Personal Email Account

    Get Spam Free & Ever Growing Inbox With Free Online Storage.
    Explore.live.com/WindowsLiveHotmail