Thursday, August 9, 2012

How to create a facebook likebox

facebook logo
Today i will show you how to create a Facebook likebox for your website or a blog.I will try to make this as simple as i can as setting this up initially made me tear my hair out.For those who are not sure what a like box is checkout the picture further below.So lets get started.Before you create a Facebook likebox you will need to create a Facebook page.




  • Click on "create page" on the top right side corner.


  • You will then see the following screen show up
facebook page options

  • Select Band and product--->category ---> website and select a short name of your website--->next.You can now fill in all the details like a photo for the Facebook page and other details in relevance to your blog or website.Congratulations you now have an active Facebook page but your job is only half done now you can proceed to create a likebox.




    • On the above page you will see the following screen.
    Facebook likebox creation tool

    On the Above screen enter your Facebook URL and other relevant options you would like to have based on your website or a blog like width,height,color,show faces etc.The moment you select an option it will show you a preview on the right hand side so you can judge what will look best for your blog or website.


    An example of how to create facebook likebox


    Once you are happy with the preview click on get code it will show you a list of codes to choose from such as HTML5,XFBML,IEFRAME or URL,You can choose the best for your website.


    Also there is a minor bug with facebook where it shows two same faces on likebox or an extra like dont worry about that.You will notice that once you log out of your Facebook and go to your website it will show the correct number of likes and faces.


    Hope this helps,If you encounter any problems let me know,I'm no expert in Web designing but ill try my best to help you out.

    No comments:

    Post a Comment