How to Add a Facebook Badge to your Blogger Blog

by Simrandeep Singh on April 17, 2009

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.

Article by

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.

Simrandeep has written 538 awesome articles.

{ 12 comments… read them below or add one }

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.


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.


Sherryl October 29, 2009 at 5:30 am

This was very easy! Thanks!


BEBEN December 11, 2009 at 6:28 pm

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


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.


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!


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!


nota September 30, 2010 at 9:42 pm

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?


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 !


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


Reynan November 3, 2012 at 2:47 pm

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


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


Leave a Comment

Previous post:

Next post:

© 2008-2013 TricksDaddy. All Rights Reserved | Privacy Policy | Sitemap | Designed by Simrandeep Singh