Edit Article

Facebook has recently added the ability for its users to "Like" just about any content on the web and have that activity posted to the users' walls. This facility lets you share content more readily and also gives you an idea of how some of your readership traffic is responding to your content.


This article provides step-by-step instructions on how to add the "Like" button to your Blogger (BlogSpot) blog, one of the more commonly used blogging services.

Ad

EditSteps

  1. Add Facebook Like to Blogger Step 1.jpg
    1
    Go to the "Facebook Developers" page: http://developers.facebook.com/docs/reference/plugins/like.
    Ad
  2. Add Facebook Like to Blogger Step 2.jpg
    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. Add Facebook Like to Blogger Step 3.jpg
    3
    Leave the "URL to Like" field blank. You will be replacing that soon.
  4. Add Facebook Like to Blogger Step 4.jpg
    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. Add Facebook Like to Blogger Step 5.jpg
    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. Add Facebook Like to Blogger Step 6.jpg
    6
    Go to your Blogger Dashboard.
  7. Add Facebook Like to Blogger Step 7.jpg
    7
    Open your blog's layout and click Edit HTML.
  8. Add Facebook Like to Blogger Step 8.jpg
    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. Add Facebook Like to Blogger Step 9.jpg
    9
    Save and check that the button has appeared. Once you can see it, you're done!
    Ad

We could really use your help!

Can you tell us about
mind hacks?
Yes
No
mind hacks
how to scare yourself
Can you tell us about
body tricks?
Yes
No
body tricks
how to make yourself cough
Can you tell us about
computers?
Yes
No
computers
how to dock a laptop
Can you tell us about
homesteading?
Yes
No
homesteading
homesteading your home
Thanks for helping! Please tell us everything you know about
...
Tell us everything you know here. Remember, more detail is better.
Tips
Provide Details.
Please be as detailed as possible in your explanation. Don't worry about formatting! We'll take care of it. For example:
Don't say: Eat more fats.
Do say: Add fats with some nutritional value to the foods you already eat. Try olive oil, butter, avocado, and mayonnaise.
Submit

EditVideo



EditTips

  • As of May 16, 2010 this feature is only available in the English language.

EditWarnings

  • Always back up your blog's template before making changes to its layout!
  • It is recommended that you keep "Show Faces" unchecked and use the "button_count" layout. Otherwise, less-savvy users who did not configure their privacy settings properly may be turned off by their profiles appearing on your blog after "Liking" it.

EditThings You'll Need

  • Blogger account
  • Facebook account

EditRelated wikiHows

How to
Put a Widget on Blogger

How to
Add a Cyber Pet on Your Blogger Sidebar

How to
Add Google Analytics to Blogger

How to
Create a Blogger Blog

How to
Make a New Facebook Account

How to
Deactivate a Facebook Account

How to
Permanently Delete a Facebook Account

How to
Add a Blog Background

How to
Add Pictures in Blogspot

How to
Add a Powerpoint to Blogger

How to
Add a Horoscope to a Facebook Page

How to
Blog on Facebook

How to
Add Twitter to your Website or Blog

Article Info

Featured Article

Categories: Featured Articles | Blogger | Facebook

In other languages:

Español: Cómo agregar el botón "Me gusta" de Facebook en Blogger, Italiano: Come Aggiungere il Pulsante Mi Piace di Facebook su Blogger, Português: Como Adicionar a Opção Curtir do Facebook ao Blogger

Thanks to all authors for creating a page that has been read 227,645 times.

Did this article help you?
Yes No

Become
an Author!

Write an Article