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.
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.
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.
- Go to http://www.facebook.com/pages and login using your Facebook credentials.
- Click on "create page" on the top right side corner.
- You will then see the following screen show up
- 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.
- To create the likebox go the page http://developers.facebook.com/docs/reference/plugins/like-box/
- On the above page you will see the following screen.
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.
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