Green Stickman™'s

Last time I made a post about How to Add a Facebook Like BOX in your website. Now I am going to teach you how to add a Facebook Like Button for each article or post in your blog.

Facebook Like Button

The facebook like button is a facebook plugin that you can see at the top left of every post or article in this site. There are some options in displaying this facebook plugin. There are three layouts available for the button. The standard type, the button count, and lastly, the box count (this is the layout that I am using!).

Aside from these, you can also change the text inside the box. You can select between: “LIKE” or “RECOMMEND”. For me, I always want to make a quality post so that I can recommend my site link to other sites. And so I preferred to use the word “RECOMMEND”. It will depend upon your taste and on the layout of your site.

You can also choose from different types of fonts for the text inside the facebook like button. These are: arial, lucida grande, segoe ui, tahoma, trebuchet ms, and verdana (this is the font that I am using!)

How to add the Facebook Like Box

If you want to make a like button in your post, you have to go in this link

In that link, you will see a text field or text box for the URL. Of course while making your post(like this one!), you do not have a proper URL yet because your post is not yet published. In order to get the desired URL of your post, you have to publish first your post. (I actually published an unfinish post! Whew! Do not imitate my style! It’s wrong actually. Hehehe… You have to complete the content before you publish your post!)

When the post is published, view the post and copy the URL from the address bar.

When you are satisfied with the looks(layout, text, font, etc.) of your facebook like button, press the “Get Code” button.

Copy the iframe like button plugin code. Then go back to your admin and edit your post. Paste this facebook like button plugin code at the beginning of your post and Viola! You now have successfully added your own facebook like button on your blog site.

If you have any questions, do not hesitate to post a comment at the end of this post.

---

Is this post helpful? If it does, please help me to publish quality articles like this. Send some donation to keep this website alive by clicking the button below: Be a Green Stickman™ fan. Click my Facebook "like" Button Here:
To all the people who clicked the "LIKE" button of my Fan Page, THANK YOU VERY MUCH! :D

Do you want to add a facebook like box in your website? What is a facebook like box anyway?

Facebook Like Box

The facebook like box is a facebook plugin that you can see at the top right column of this article and at the end of my post. There are some options in displaying this facebook plugin. You can show the faces of those people that “liked” your fan page like this:

You may also add this plugin in your website to show the streams and activities in your fan page:

I myself used this Facebook Like Box with Streams on my home page. Check it out!
If you want, you can even see the faces and streams at the same time. It really depends on your taste.

How to add the Facebook Like Box

If you already have a facebook website fan page, you probably have a URL. In my case, my facebook fan page URL is www.facebook.com/green.stickman

Oh by the way, if you are a new user, your ID will contain lots of numbers for the account ID. Before, the URL and ID that I have been using is: http://www.facebook.com/pages/gayward-conceptscom/188841104478517. You will only have an easy to memorize fanpage URL link if you will have at least 25 followers.

If you do not have a facebook page yet for your website, it is also easy to make one. Just open your personal facebook account.

At the left column of your home page, you will see Ads and Pages. Just click it and set it up.

Anyways, if you obtained your facebook fan page URL, all you have to do is click this link to set this plugin in your website. You have to insert your URL to the Facebook Page URL text field or text box. Then you can experiment with the different settings and flavors to personalize your Facebook Like Box Plugin.

Getting the Facebook Plugin Code

When you are decided and satisfied with the appearance of your plugin, you have to click the Get Code button!

A Facebook Like Box Plugin Code will appear. Get the “iframe” code and paste it on the body of your html code.

Well that’s it! Now you will have the Facebook Like Box Plugin in your website like I did!

---

Is this post helpful? If it does, please help me to publish quality articles like this. Send some donation to keep this website alive by clicking the button below: Be a Green Stickman™ fan. Click my Facebook "like" Button Here:
To all the people who clicked the "LIKE" button of my Fan Page, THANK YOU VERY MUCH! :D