How to add a "like" box for your Facebook page to your blog or website

You may have noticed that I have recently added a "like" box for my Facebook page to this blog. It's somewhere over to the right ------->

You can also choose to display a simple badge, but a "like" box will allow people to "like" your facebook page without having to visit the facebook website, thus remaining on your blog or website.

So, how do you do it?

• Click "edit page" on your author/writer page.

• Click "marketing" from the options at the side.

• Click "add a Like Box to your website".

• You will now see a blue box with options that you can fill in. As you edit these options, the preview on the right-hand side will change accordingly so that you can see what it will look like.

• Copy the url (web address) of your writer/author page (you may need to do this in a new tab or browser so that you may keep the Like Box page open) and paste it into the first part of the blue option box.

• Choose a width - I found that 200 was ideal for the sidebar on my blog. Experiment to find what suits you best.

• Play around with the "Show Faces", "Stream" and "Header" options. Try unticking some of them and see what your Like Box will look like. I chose to just have "Show Faces".

• Once you are happy with your Like Box, click "Get Code". You will be given a choice of two codes that you can use to place the Like Box on your website. I found that the XFBML worked properly on my blog*, whereas the other one wasn't showing correctly. Try both to see which one works best on your website.

*I use blogspot, and to add HTML code I go to "Add a gadget" under the "design" tab and select "HTML/Javascript" from the options. I paste my code into it and click save - voila!

Now go add shiny Like Boxes to YOUR website or blog! :)