Munting blog ni Chayd: How To Add Facebook Like Button On Wordpress

Wednesday, January 16, 2013

How To Add Facebook Like Button On Wordpress

Well this is English! Hooray!

It's funny that I'm going to teach you about Wordpress and yet I'm using Blogger. You don't have to know the reasons. There are few ways on how to add Like Buttons on your Wordpress blog/site, there are plugins available too. But based on my experience this is the best and easy way to add Like Button on your Wordpress. I assume that you already set a Facebook page for your Blog or Site. If not, create your page first by logging in to your facebook account and visiting this link: https://www.facebook.com/pages .

1. Go to your page and COPY your PAGE URL paste it in (Notepad/Wordpad)

2. Go to your page and find EDIT PAGE, then UPDATE INFO

3. Click the RESOURCES and under the Connect with people, click the Use social plugins

4. Click the Like Button plugins

5. Scroll down a little bit until you see the: Step 1 - Get Like Button Code part. Under the URL to like(?) paste your FACEBOOK PAGE URL that you copied on STEP 1.

6. Read the Attributes for more info or click the (?) if you want to know more about the current attribute you're editing. You can play with the different settings and see the live preview on the right side. Make sure that the WIDTH of your Like Buttons fits on your Wordpress widget/sidebar or wherever you're going to put it. As for this example, i typed in 200.

7. Click the Get Code button and we will use the HTML5 code.

8. Copy the first part of the code:

9. Log in to your Wordpress Admin Panel as Administrator. The link should look like:
http://yourdomain.com/wp-admin see the image below:

10. Once you're inside of your Wordpress Dashboard. Go to APPEARANCE and click EDITOR

11. Now that you're on the EDIT THEMES part, on the right side of the code editor find the HEADER (header.php) and click it.

12. Find the opening tag <body> and paste the code you copied on the STEP 8. Click UPDATE FILE.

Before Pasting the code:

After Pasting the code:

13. Go back to the Your Like Button plugin code: and copy the 2nd part of the code.

14. Go back to your Wordpress Appearance and click Widgets

15. Now, on the available widgets, find the TEXT widget and drag it to wherever Widget area you want to put the Facebook Like button. On the Title area (you guess it?) put a title or something. Now paste the 2nd part of the code you copied on step 13 onto the wide space of the TEXT widget. Click save.