Thursday, June 23, 2011

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

7 comments:

Michael said...

This was really helpful. Thanks a lot!

Show Me Your Look Today

Matthew Meyer said...

Thank you! Not seeing the faces was driving me crazy! I thought of the height thing but I forgot to change them in both places. Your solution worked and saved me quite a bit of time. Better than the Facebook Developpers forum!

juegos de ben 10 said...

This was really helpful. Thanks a lot!

claro mensajes said...

Your solution will help pther to make it work and saved then time.

Jackie said...

Cool beans mate, you've just solved my problem too. Cheers.

Anonymous said...

thanx a lot for info.

eko said...

At my blog it's still dont want to show faces of all users. Only show my face. pls. help

www.mlb-prognoze.blogspot.com

Post a Comment

Please enter your name while commenting.

Related Posts with Thumbnails
 
Free Domain Full RSS - Comments RSS Computer Blogs - BlogCatalog Blog Directory Top Blogs Alitu.com - General Website Directory
Powered by Blogger