Subscribe to my RSS feed RSS
December 28, 2008

How do I add a Facebook badge to by blog?

  • Written by Owen under blogging |
  • 7 comments already |

I’d like to add a Facebook badge to my blog similar to what I’ve seen on other websites. Where do I get the code from?


I was asked this question by Derek Richardson, a friend of mine who was looking to enhance his new blog.

Adding a Facebook badge to your blog is a simple matter of retrieving the code from Facebook and putting it in the right place on your blog. This page will take about how you get the code, but how you insert it in your blog varies from platform to platform, so I’m assuming you know how to do this. So, here’s how to get your Facebook code.

  • First, log into Facebook and view your profile. If you scroll to the bottom of your left-hand column, you’ll see a link that says “Create a profile badge”

facebookbadge

  • You’ll be given an introduction to Badges if you’ve never created one before. Click “Create a New Badge” to proceed.

facebookbadge2

  • When you click on the button, you’ll be asked if you want a horizontal or vertical badge, if you want it to be an image or Javascript (Javascript is better but may not work in all places) and what items you want to show on the badge.

facebookbadge3

  • Make your selections and click Save. You’ll be given the code you need to insert into your blog at this stage:

facebookbadge4

As you can see, it’s quite easy one you know how. It’s amazing how many things you can do on Facebook, everything but finding out about repairing kitchen sinks it seems; well, I’m sure that information is there somewhere ;)

Feed for this Entry | Trackback Address

7 comments already

  1. Derek on 12.31.2008 at 4:40 am | permalink
  2. Thanks Owen, great post!

  3. mmo on 12.31.2008 at 11:26 am | permalink
  4. Very thorough, thx for the pics and easy to follow explanation.

  5. Name on 03.31.2009 at 3:41 am | permalink
  6. My facebook doesnt give me option for format-javascript… how come?

  7. Massimo on 04.10.2009 at 5:47 am | permalink
  8. Thanks !

    Massimo

  9. katrina on 04.25.2009 at 12:20 pm | permalink
  10. Hi
    Thanks for the info above but I just want to put the blue facebook badge on my website to link it my group rather than my home page
    do you know how I can do this please.
    Facebook say to go to promotion page I cant find this page on facebook???
    Thanks
    Katrina

  11. Harsh Agrawal on 05.12.2009 at 3:50 am | permalink
  12. Adding facebook badge in your blog is a nice idea to give a personal touch to your reader by giving them an option to connect with you.

    Read more: http://pcsplace.com/tutorial/how-to-create-profile-badges-in-facebook/comment-page-1/#comment-3483#ixzz0FHR5TcPD&B

  13. Rich Vigil on 07.23.2009 at 9:13 pm | permalink
  14. Thanks for this pointer and the one on linking facebook to my blog!
    I’m hoping to see my blog grow some visitors and getting facebook and my site aware of each other is a step in the right direction.

Leave a Comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>