How to Add Facebook Like to Blogger

1. Go to the "Facebook Developers" page: http://developers.facebook.com/docs/reference/plugins/like.
   
   
   
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:
   
   
   

   <iframe src="http://www.facebook.com/plugins/like.php?href=
   

   
   

   http%253A%252F%252Fexample.com%252Fpage%252Fto%252Flike&layout=standard&
   

   
   

   show_faces=false&width=450&action=like&colorscheme=light"
   

   
   

   scrolling="no" frameborder="0" allowTransparency="true" style="border:none;
   

   
   

   overflow:hidden; width:450px; height:px"></iframe>
   

   
   
   
   
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
   Find a place to put the Facebook "Like" code into your HTML layout. A good location is directly after or below:

   <div class='post-footer'>
   

   
   
   
   
   • Use the browser "Find" mechanism to help you locate it.
9. 9
   Save and check that the button has appeared. Once you can see it, you're done!
   
   
   

Author : Unknown

Share this

Related Posts