How To Add Facebook Like/Recommend Button For Blogger

Posted by Lasantha Bandara on April 29th, 2010 File Under : bookmarks, button, facebook12 Comments

This tutorial will explains how to add facebook like/Recommend button to your blogger blog and how configure it as you like.To add this facebook like button to your blog follow steps given below.

The Like button enables users to make connections to your pages and share content back to their friends on Facebook with one click. Since the content is hosted by Facebook, the button can display personalized content whether or not the user has logged into your site. For logged-in Facebook users, the button is personalized to highlight friends who have also liked the page.

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:

<div class='post-header-line-1'/>

4.Now Copy your "StumbleUpon" bookmarking buttons code and paste it just below the above code.

NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste your "StumbleUpon" bookmarking buttons code just before <data:post.body/> .

<iframe allowTransparency='true' expr:src='&quot;; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

You can customize above facebook like button changing its values:

You can change,

layout=standard to layout=button_count .

show_faces=false to show_faces=true.

action=like to action=recommend.

font=arial to font=lucida+grande or font=segoe+ui or font=tahoma or font=trebuchet+ms or font=verdana.

colorscheme=light to colorscheme=dark.

5.Now save your template and you are done.

File Under : bookmarks, button, facebook

12 Responses to “How To Add Facebook Like/Recommend Button For Blogger”

  1. Beben says:

    always any one thing new from facebook

  2. Prem says:

    hey dude ur awesome man thats really nice

  3. MITHUN says:

    thats really nice
    am really like ur post..

  4. _RosarioZapien_ says:

    Awesome Thanks Friend
    asombroso Gracias amigo

  5. zahid says:


  6. SANJAY says:


  7. Manadoparabola says:

    thanx...its work

  8. Ghaloo says:

    any like botton or live stream didn't work on my blog,
    could u help me 4 that?

  9. NB says:

    nice info 😉
    visit my blogger

  10. Joy says:

    Thanks so much 🙂
    i try to aplied

  11. Rehan Khan says:

    thanks for this wonderful script 🙂

  12. kishore says:

    Nice info

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.