How do I add a Facebook "like" button to my blog?
I'm getting more into Facebook now that it has so many darn users and would like to have the people who visit my Web site and blog become fans of my Facebook page too. I have seen on some sites - yours included - that there's a nifty little Facebook box that makes it easy to "like" your Facebook page. How do I add that for my own site?
It's not too hard to set up, actually, but there's a step in the process that doesn't really make too much sense, so let me show you what I did to get the Facebook like button and information box on this site.
The first step is really to figure out the Facebook URL of the page you want to link to. This is probably most easily done by going to the page on Facebook and looking in the address box of your browser to see what it shows. For my fan page, it's http://www.facebook.com/askdavetaylor
You'll want to know yours: in fact, it might be easier to just have it in a different tab in your browser when you go through the rest of the process.
Now, while you're looking at that page, notice the "Edit Page" link on the top left:
Click on it and you'll see that there are more options than just "editing" the "page", fortunately, notably including the one we want: "Marketing":
Once you click on "Marketing" you'll see a number of different options that will prove helpful:
You can go back and experiment with the other choices another time. For now, stay focused and click on "Add a Like Box to your Website". Here's where it gets confusing if you're not paying attention:
What it's showing you here is the Like box for a page that isn't your actual Facebook page. It's for the Facebook platform itself, something you are probably less interested in promoting than your own content!
In the first box, you'll want to replace the URL shown -- http://www.facebook.com/platform -- with your own Facebook page URL. That's the tricky little secret of getting this to work. While you're at it, you might fiddle with some of the other settings, as I have done:
When it all looks good to me, I click on "Get Code" and the complicated HTML necessary is displayed:
Fortunately, it's a copy and paste, you don't have to understand what's going on, just not add any glitches when you paste it onto your page! When I paste it here into this blog entry, for example, here's the result:
Roll your cursor over the elements above and you'll see that they're all clickable links. If you're already a fan you won't see a "Like" but instead an "unlike" link too.
Slick, eh? To get it to appear on every page, I just added it to the template of my blog pages and had the blog app rebuild all the pages to include the new code. Done!
Now, have you clicked on "Like" yet to test how that works? :-)
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+