How Do You Add A Facebook Badge To Your Site?

In a previous post I told you how Facebook could drive traffic to your site, but how do you get people to add you on Facebook easier? Why not add a little Facebook badge to your website (like mine on the right)?

This post was created to specifically answer the question above, which I received from @ChuckAinsworth via my Twitter account. Hope it helps Chuck! (Tweet this article to your friends if you like it, use the blue bird icon on the right. Thx!)

facebook1.jpg

OK first things first, login to Facebook.

profile

Click on your ‘profile’ page.

link

Scroll down the left hand side till you see this little link labelled ‘Create a Profile Badge’ and click it.

badge

Modify the look and content of your badge. The screen shot doesn’t show it, but there’s a preview of the badge as you make the changes so you can see what you’re doing.

Click ‘Save’ when you’re done.

addbadge.jpg

For blogger and myspace users, click on the buttons that you see on the screen and it’ll do it for you automatically.

widget

For WordPress users, copy the code you see in the bar and then login to your WordPress blog.

Under ‘Appearance’, click ‘Widgets’ and add a text widget like what you see above. Paste the code into the text box that opens up, give it a title if you want, click ‘Done’ then click ‘Save All Changes’.

You’ll also want to rearrange the widgets to place the text box higher or lower up on your sidebar.

That’s it, reload your webpage and you’re done!

Hope you found this little tutorial useful!

If you did, Tweet it…

Thx,

-William Lee

This entry was posted in Traffic Tips and tagged , , , , . Bookmark the permalink.

7 Responses to How Do You Add A Facebook Badge To Your Site?

  1. mai says:

    Hello William

    Thanks for this value steps ..

    I have added it and followed ur easy steps. When I updated my status in FB, it was n0t updated in wordpress. I have refreshed the page more than once. Nothing changed.

    Can u help me in this?

    Shouldn’t be in RSS? But when I paste it it doesn’t work

    I really appreciate ur help on this

  2. William says:

    Hi Mai,

    If you change your status in Facebook, it does take a while to change on ur site.

    If you’re having problems, try using the html (not JAVA) version of the button.

    Also, make sure it’s pasted in a Text box and not in your RSS box.

    Do you have WP-CACHE plugin installed on your site? If so, try turning it off.

  3. Bobby says:

    HI William
    I use a site powerd by google apps
    I cant get the facebook html code to work I belive google doesnt run off html do you know another code to get the fb button to work with a google apps site.

    Thanks

  4. William says:

    Sorry Bobby, not too sure about Google Apps… what you can do is email Google themselves and ask them.

    I’ve done that before and they get back to you pretty fast.

  5. Corsen Yeoh says:

    Great explanation on this. I think it will help me a lot in the facebook page.

  6. Howdy! Do you know if they make any plugins to assist with SEO? I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good success. If you know of any please share. Many thanks!

  7. William says:

    My favorite plugin is the all in one seo pack.. You can dow load it for free from the word press website, or just google ‘all in one seo pack’

Leave a Reply

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

*

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