Adding a Facebook Like Button to your WordPress Website

Earlier today during the F8 Conference, Facebook announced some of their new social plugins that can be used through any website. I instantly got excited about this because now I can enable my websites with a Facebook Plugin that will allow viewers to not only share the specific page on my website they were viewing but also “like” it as well.

Installing this plugin on a static HTML website is quite easy, but installing it to work on a WordPress website, such as the website you are reading this blog post on, is a bit more tricky. I am sure that someone will quickly release a nifty plugin for WordPress that will make adding this functionality even easier but for now you can watch my tutorial and get it done yourself.

Items you will need:
A self hosted version of WordPress –
A FTP Client (Mac: Cyberduck, PC: Firezilla)


  • Odd: Typepad Receives Facebook Like Button Love, WordPress Left Out In The Cold? | The Blog Herald
    April 21, 2010 at 10:47 pm

    […] fans are already discussing ways of manually implementing the Facebook like button upon their respective blogs, as a plugin has yet […]

  • Read NEWS
    April 21, 2010 at 10:49 pm

    […] fans are already discussing ways of manually implementing the Facebook like button upon their respective blogs, as a plugin has yet […]

  • Daryl
    April 22, 2010 at 5:28 am

    Hello, thanks to this tutorial, I was able to place the ‘Like’ button on my blog posts. Now, I was wondering, how am I going to monitor those who ‘Liked’ my blogpost?

  • Joanna Paterson
    April 22, 2010 at 5:51 am

    That’s really helpful thanks… and it works 🙂

  • Adam
    April 22, 2010 at 7:51 am

    Awesome! Thank you so much!

  • Adam
    April 22, 2010 at 8:16 am

    Here’s a question, how come it doesn’t allow somebody who “likes” my article to be able to write a comment to share on Facebook as well?
    For instance on when you select “recommend” a box opens up and allows you to comment on it before posting it.

    Any thoughts?

  • Der Facebook Universal ‘like’ Button ist nun auch als WordPress – Plugin verfügbar » Beitrag » Thomas Greves Blog
    April 22, 2010 at 2:39 pm

    […] Universal ‘Like’ Button gesucht hatte, entdeckte ich zunächst auf die Video-Anleitung “Adding a Facebook Like Button to your WordPress Website” von Jerad […]

  • Adding the Like Button to your Self-Hosted Wordpress Site | The Church of Jesus Christ
    April 24, 2010 at 5:25 pm

    […] Yep. Facebook’s ‘Like’ button (that old Fan button) is not internet wide, and you will soon find it on pages throughout CyberSpace. Guess what? You can add it easily on your self-hosted wordpress site. […]

  • Social Graph Series 4: Moving Beyond Social Privacy to Semantic Web | Curly Braces
    May 2, 2010 at 6:53 pm

    […] a like button involves putting an HTML snippet to our website. Some website, such as wordpress, may give more complexity than others. Facebook will post the item that you like in your facebook profile page. Your peer […]

  • Kelvin Lee
    May 2, 2010 at 7:25 pm

    Great video! Learned a few tricks 🙂

    It is actually quite simple to add that piece of code in a regular theme, however it is very tricky to add that piece of code in a child theme however. Still trying to figure it out without luck. Anyone got it working with a child theme?

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Get my Sunday Dispatch right in your inbox
Join 18.5K subscribers