Industry guru Dave Taylor offers tech support on technical and business topics, including iPhone, iPod, Microsoft Windows, Sony PSP, cellphones, online advertising, CSS, Web design, business, Unix, Linux, SEO, Mac OS X, and shell script programming.     


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?


Dave's Answer:

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:

facebook add like button blog web page 1

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":

facebook add like button blog web page 2

Once you click on "Marketing" you'll see a number of different options that will prove helpful:

facebook add like button blog web page 3

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:

facebook add like button blog web page 4

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:

facebook add like button blog web page 5

When it all looks good to me, I click on "Get Code" and the complicated HTML necessary is displayed:

facebook add like button blog web page 6

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!
    Enter your name: and your email addr:  




Categorized: Facebook Help   (Article 9723, Written by )
Tagged: facebook apps, facebook fan pages, facebook pages
Previous: Can I block pop-up windows in Google Chrome?
Next: Can I save / redirect a Web page printout to a secure PDF?




Reader Comments To Date: 1

kris said, on January 2, 2011 1:49 AM:

great tutorial..also if you want to add a "like" button to your blog posts you can search for the facebook like button plugin, if you use wordpress, and then it will add a like button at the bottom of all your posts or however you want to set it up..I don't think it links to your fan page but does post to the users facebook profile that they "liked" you post and can be somewhat viral.

Starbucks coffee cup I do have a lot to say, and questions of my own for that matter, but first I'd like to say thank you, Dave, for all your helpful information by buying you a cup of coffee!

I do have a comment, now that you mention it!











I will never send you any unsolicited email. Ever.






Check This Out Too...

 
Look for Answers
Need Help? Ask Dave Taylor!


Follow Me on Pinterest

Find Me on Google+
ADT on G+
© 2002 - 2013 by Dave Taylor. All Rights Reserved.

Note: This web site is for the purpose of disseminating information for educational purposes, free of charge, for the benefit of all visitors. We take great care to provide quality information. However, we do not guarantee, and accept no legal liability whatsoever arising from or connected to, the accuracy, reliability, currency or completeness of any material contained on this web site or on any linked site. Further, please note that by submitting a question or comment you're agreeing to my terms of service, which are: you relinquish any subsequent rights of ownership to your material by submitting it on this site. My lawyer says "Thanks".
"Ask Dave Taylor®" is a registered trademark of Intuitive Systems, LLC.