Friday, 27 September 2013

How to add a Facebook Page Like box on your Blogger blog.



I am sure that most bloggers who have a blog also have a Facebook page where they share their blog posts on Facebook. Wouldn't it be great if you are able to have a simple and easy way for your blog readers to LIKE  your Facebook page without leaving your site?
Here is a very simple way to add your Facebook page to your blogger blog.

Part 1

1.Make sure you have a Facebook page, if you don't you need to create one before you start.
2 .Get your Facebook page URL by visiting your Facebook page and copy the URL
3. Go to your Facebook developers page.



















4. Paste your Facebook URL in the box that says Facebook page URL
5. Next customise your width  and height.
6. Check boxes for show header, show stream, show border, show faces.(Customise this to suit your taste by selecting or de selecting the boxes.As you select you will see your widget change, once you are happy with the size and customization. Click on get code.
7. Once you click on get code a dialogue box will pop up with 4 options on top:

8. Select I frame and copy the code.


Part 2

9. Log into your Blogger blog and go to layout.
10. Select add a gadget
11. Select html / javascript and click on the + sign
12. Paste the code you have copied from Step 8 into the gadget and click on save.
13.Reposition the gadget to the required position on your sidebar layout by dragging it up or down.
14. Save layout and view blog.
The widget should be showing in your side bar.

You can also watch a video of how to do this here.

You may like:
How to add Link Within to your blogger blog
Posted by at
Labels:

9 comments:

  1. Glad you done a post like this. I have done mine now, but it took me ages to work out how x

    ReplyDelete

  3. I wish I had read this two days ago! Was pulling my hair out trying to work out how to do this, then I managed to figure it out, but would have been much simpler to find your fabulous post!

    ReplyDelete

  4. Thank you sooo much.... It was very helpful...

    ReplyDelete

  5. Ooh this is very helpful!! I will probably pass this on to my blogs design editor for her to use :) x

    ReplyDelete

  7. great tutorial! easy to follow as it can be confusing for others when there are 4 options available

    ReplyDelete

  8. Really good tutorial :) very helpful.

    xx

    www.forevermissvanity.com

    ReplyDelete

  9. these posts are always soo helpful thankyou doe helping us all out x

    ReplyDelete

Without inspiration the best powers of the mind remain dormant. There is a fuel in us which needs to be ignited with sparks.Your valued comments are my inspiration,Thank you for taking the time to leave me these motivational words.
Please spare a moment and click on the widgets in the sidebar to follow this blog to get regular updates.

If you would like regular updates from this blog do take a minute to to join the site via facebook, google friends connect or google plus.

Please do not use this comment platform to advertise your own site, all such comments will be deleted.

Subscribe to: Post Comments (Atom)