Home  /  Blogger Tutorials  /  How to Add a Facebook Badge to your Blogger Blog

How to Add a Facebook Badge to your Blogger Blog

Written by
Blogger Tutorials 12 Comments

Badges are a customizable way to share your Facebook information on other web sites. When you put your badge on a site, it will be automatically updated and visible to anyone even to non-Facebook users. You can use this profile badge to replace blogger’s default profile widget which do not look cool. Facebook profile badge is nicely designed and gives a professional look to your blog.

To add a Facebook badge to your website/blog, simply follow the steps given below:

  1. First click on this link
  2. Copy the code given there. You can also customize the badge before copying the code by clicking on Edit this badge button.
  3. Now sign in to your blogger blog and go to
    Dashboard -> Layout -> Page Elements
  4. Click on Add a Gadget button in the sidebar, a new window will open and select HTML/JavaScript.
  5. Now paste the code in HTML/JavaScript window and save it.
  6. That’s all. Now your Facebook badge will be displayed on your blog.

Simrandeep Singh

Simrandeep is the owner and editor-in-chief of TricksDaddy. He is a part-time blogger from India. Catch him on Google+, Facebook and Twitter.

12 Comments

  1. Leila
    May 4, 2009 at 5:59 am

    Thanks, you are right to the point! I appreciate it very much, as I have no idea what the others are talking about!!

    Leila’s last blog post..I’m trying to power on through.

  2. Promotional badges
    June 22, 2009 at 8:08 pm

    It’s a good points to add a facebook badge to your website/blog. Promotional badges are real badges that used for rewards.

  3. Sherryl
    October 29, 2009 at 5:30 am

    This was very easy! Thanks!

  4. BEBEN
    December 11, 2009 at 6:28 pm

    may be any interest for add facebook on blogspot ? A widget facebook on blogger ?

  5. Kathie Sherard
    April 2, 2010 at 1:47 am

    I wanna thank the blogger so much not only for this post but also for his all previous efforts.

  6. LB
    April 26, 2010 at 5:21 am

    Thank you, most helpful. I have been trying to work that out for a while – great step by step!

  7. jhonoo
    May 3, 2010 at 5:53 am

    Thanks for this information. Now I have my fb link on my blogger blog. ease and fast. So long!

  8. nota
    September 30, 2010 at 9:42 pm

    Hi,
    Thanks for writting the post…
    I think blogger has changed the options recently – I don’t have an option to add javascript in gadgets – although I can edit the whole template, I don’t know where to place the badge code to get it display at the top of my page…
    Any ideas?

  9. Christine
    July 23, 2012 at 7:50 pm

    Thank you so much, you made it very simple to add a facebook page badge to my blog !

  10. pahot
    August 6, 2012 at 12:57 pm

    It was not succes on my blog,,please help me,,my profil badge was not shown on my blog

  11. Reynan
    November 3, 2012 at 2:47 pm

    thanks for the guide for this facebook badge for my blog. a great help!

  12. ash
    December 17, 2012 at 12:12 am

    hi trying to get this to work on my blog, but its just not working, it keeps saying its a broken url or widget thing?!

    pelase help!!!

    ty in advance

© Copyright 2014. Theme by BloomPixel.