Facebook Like Box Not Showing Faces Error - Solution

uAdding a Facebook Like box  to your blog sidebar is a good way to promote your Fan page as well as blog. Also your blog will shared across the world easily when a user Likes your page. In this post I'll give you a description on how to add a Facebook like box to your blogger blog and solution top one common error - Not showing any of my followers faces.

To get started, we can take TricksWindows fan page as an example. After creating your page, your fan page URL may look like this : http://www.facebook.com/pages/Trickswindows/208540589175656 . Take a note of it and do the following Steps.

1. Click here to open  facebook website to create a like box.

2. In the Facebook Page URL field, enter your Fan page URL. Match the width to your blog's sidebar width. Also set the colour schemes etc. You'll get instant preview with each changes you made. Uncheck show stream button to remove page updates and show only faces.

3. After filling the form, it may look like this

Known Errors and Solutions In this Step: In place of preview I got the following errors

1. The required page cannot be accesses or processed. Solution - Change https:// to http:// in the fan page URL you entered.
2. Plugin cannot be rendered with the specified parameters.

         Solution - Enter the Page URL correctly. 

3. Click Get Code for your Like Box plugin code: The iframe code may look like this

<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FTrickswindows%2F208540589175656&amp;width=200&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=black&amp;stream=false&amp;header=true&amp;height=62" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:62px;" allowTransparency="true"></iframe>

 4. Goto Blogger > Design, click Add a Gadget. Select HTML/JavaScript . Paste the plugin code and click save. Load your blog.

Error - Like Box Not Showing Faces 

Solution - Edit heights correctly. By inspecting the above plugin code, you can find that the height of the box is set to 62px. Anyway this is not enough to show the full object. Change it to 255px. After editing the iframe code look like this.

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fhome.php%23%21%2Fpages%2FTrickswindows%2F208540589175656&amp;width=200&amp;colorscheme=dark&amp;show_faces=true&amp;stream=false&amp;header=false&amp;height:255px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:255px;" allowtransparency="true"></iframe>

Now load your blog after saving the code. The problem should be solved.

Custom Search