Tuesday, July 28, 2009

Add a Facebook button to your blog

If you have a Facebook (FB) page for your business, you might like to put a fancy button on your blog so people can pop over to your page and become a fan. There are 2 varieties: one is a small “Find Us On Facebook” button, and the other is a much larger badge that shows a couple recent posts and a random selection of fans’ avatars.

SMALL BUTTON:

Finding the button
When you're logged into FB and on your business page, click on "Edit Page." It's located right below your profile pic, top of the left column. Then look for the Communication section, towards the bottom of the righthand column. Click on "Promotion Guidelines." This page gives you all the information about how you can reference FB and link to them. About halfway down is the actual button, including a hi-resolution version. If you're posting it on your blog, you don't need the hi-res one... just right-click on the button and save it somewhere on your computer.

Adding the button to your blog
(For blogger) If you're looking at your actual blog and you're signed in, click "Customize" at the top. If you're on the Dashboard, click "Layout." Then click "Add a Gadget" and select "Picture." You can enter a title and/or caption, or just leave it blank. Copy and paste the link to your FB business page into the "link" section. Upload the button picture from wherever you saved it on your computer. Click "save" and rearrange the gadgets so the button is where you want it in your layout.


LARGE BADGE:

Finding the badge
When you’re logged into FB and on your business page, click “Add Fan Box to your site.” It's located right below your profile pic, top of the left column. Select which items you want to include (the posts, the fans, or both), then copy all of the text in the box titled “Code to add to your site.”

Adding the badge to your blog (For blogger) If you're looking at your actual blog and you're signed in, click "Customize" at the top. If you're on the Dashboard, click "Layout." Then click "Add a Gadget" and select "HTML/Javascript." You can enter a title or just leave it blank. Paste the text that you copied from the “Code to add to your site” box. Click "save" and rearrange the gadgets so the badge is where you want it in your layout.

Good luck!

3 comments:

Sue Pariseau Pottery said...

Thanks for this valuable information Kelly. I'm going to go do that right now.

cutiepiescustomcreations said...

THANK YOU! I have been trying to do this for over a week & had not found cut and dry instructions. This was super easy :)

Gotham Gardens said...

You have by far the clearest and simplest directions on how to do this. My Compliments and a big thank you.