Facebook Likes and Comments Social Plugin (Tutorial)

Hi there! I've been finding ways on how to add these FB likes and comments to my blog. And after several tries, analysis and flashbacks of my html lessons in college, I finally did it. This may not be the exact way of using those FB codes but I managed to somehow make it work. So I'm sharing these all to you.


To gain likes for your blog:

Click here to directly go to the page that is shown below.

Copy the codes and go to your blogger interface
(Note: I'm using the old Blogger interface.)

Go to DESIGN. Click on "Add a Gadget" and choose HTML/Javascript. Paste the codes there. Save your changes and you're done!

To gain likes for a post or a page on your blog:

After writing your blog entry, click on the "Edit HTML " section:

Paste the codes preferably on the bottom after the html codes that were previously generated. Save the changes.

For users to comments on your blog:


Click here to open the page shown below:

Copy the codes from the first and second boxes. Go to your blogger interface. Same as adding the Like button, go to DESIGN. Click on "Add a Gadget" and choose HTML/Javascript. Just paste all the codes there. Save your changes and you're done!

For users to comments on an entry or page on your blog:

Just the same process as placing the Like button, click on the "Edit HTML " section, paste all the codes preferably on the bottom after the html codes that were previously generated. Save the changes. 

When the user clicks the like button or comments on your blog, that story will automatically appear in the user's friends' News Feed with a link back to your blog.

Hope this helps! Please feel free to leave a comment for any questions, suggestions, or for more techie discoveries. =)