How do I add a Facebook "like" box to my blog?
I've been inspired by your Facebook fan page, Dave, and have one of my own. Now that I have it, though, I'd like to be able to inclue a "like" box on my blog so that people not only see a link to the fan page, but see a few members, etc. I have seen it done on other blogs but can't figure out what they did. Is it a Wordpress plugin?
This is something I've been thinking about adding to my site too, so your timing is good: it spurred me into exploring and figuring out the solution. Turns out that the capability to add a little mini-Facebook area to your blog (or any other page you manage, of course) is built-in to Facebook, but it's a bit tricky to find and, more likely than not, it'll move by the time you change it as the UI is ever-evolving. No Wordpress plug-in required!
What I'm assuming is that you aren't interested in just a "Like" button, but in something that's more sophisticated and useful to your potential fans, something where they'll see it, read through what's there, and click on "join" or "like" and join your Facebook family too. Hope I'm right! :-)
To start, go to Facebook and log in to your account. Now, on the left side, click on:
Once you click on "Ads and Pages" you'll see a list of the pages you're administering. Mine looks like this:
As you can see in the highlight, you want to click on "Edit Page" here. Now, scroll down and look on the right side for the following:
That's what we want. Click on it and if you're like me, you'll see a very slick ad box for someone else's fan page. Not sure what's up with that, but we'll fix it to reference my fan page in a second. For now, here's what you'll see:
Unless you have lots of screen space to devote to this widget, I suggest that the first thing you disable is the news stream from the group. Do that by unchecking the box adjacent to "Show stream".
Now it's a bit more manageable:
Let's fix things so that it's highlighting my Facebook fan page. To do that you will probably need to open up a new tab onto Facebook, then go to "Edit Page" again. Notice the URL address bar in the browser. It'll look like this:
The numeric sequence at the end -- in this case 207652508738 -- is what we need in the "Facebook Page ID" box. Select it in the address bar, copy it, then paste it into the box. Suddenly you're looking at your own fan page:
Notice here that I've limited it to show five fans, but the box hasn't shrunk down and now has some empty space. Not so good. One last tweak I'll make is to have it be a more standard 250 pixels wide by changing that field:
Looks good, so click on "Get Code" and the scary HTML pops up:
Simply copy and paste the code in the first box, an iframe, into the HTML source of your page or blog template, and you should be good to go!
Here's the end result:
More Useful Facebook Help Articles:
✔ How can I block event invites on Facebook?
I have a friend who keeps inviting me to webinars where he pitches his make-money programs. I really like the guy, but hate...✔ Shortcut for blocking games on Facebook?
I saw your article from a while back about blocking Coasterville notifications on Facebook and was wondering if you had a shortcut or...✔ Update Facebook profile picture without notifying friends?
Hey Dave! Whenever I change my profile picture on Facebook all my friends are notified of this change. Not good. How do I...✔ How do I permanently block CoasterVille on Facebook?
My brother is really into Facebook games and the latest that he seems obsessed with is called CoasterVille. I think it's all about...✔ Disable audio notification sound in Facebook?
This is something new: When I'm logged in to Facebook I now get an annoying audio beep every time someone posts something new...
Let's stay in touch!
Sign up for my weekly AskDaveTaylor Newsletter and you'll receive even more tech and gadget help right to your inbox, along with exclusive news and industry updates. It's good stuff. I promise!
I do have a comment, now that you mention it!
Check This Out Too...
Look for Answers
All Our Categories
Apple iPad Help
Articles and Reviews
Auctions and Online Shopping
Blogs and Blogging
Building Web Site Traffic
Business and Management
Computer and Internet Basics
d) None of the Above
Google Gmail Help
Google Plus Help
Industry News and Trade Shows
iPhone and Cell Phone Help
iPod, Sony PSP and MP3 Player Help
Kindle Fire Help
Mac OS X Help
Pay Per Click (PPC) Advertising
Search Engine Optimization (SEO)
Shell Script Programming
Tech Support Video Help
The Writing Business
Twitter, LinkedIn and Social Network Help
Unix and Linux Help
Video Game Tips and Help
Windows PC Help
Find Me on Google+
ADT on G+