Facebook fan box widget that loads faster on your blog

Most of us use the Facebook fan box widget for our blogs, the default iframe or xFBML is slower to load. Here is a trick to create your own widget.

Most of the blogger uses the code for Facebook fan box widget copy-pasting from the official page blindly, either the iframe code or the xFBML code from there. Prerequisite is only your existent Face book page. Just copy the code page id from there for our own Facebook fan box widget creation.

How to get the FaceBook page ID for creating this Facebook fan box widget?

Just go to your FaceBook page, hover the mouse over your logo and the ID will appear in the lower pane of your browser; just like this:

Get ready for your own Facebook fan box widget

Go to this url:

http://www.facebook.com/plugins/fan.php?id=169395346410041&

Copy it, paste to Notepad, change the number (= ID) marked red with your own ID, again copy it and paste it to your browser and hit Enter. You will see something like this:

That means, it is a primitive Facebook fan box widget. If you are already a fan, and logged in, it must be showing you like the page.

This is the code to make it appear in your sidebar:

<iframe src=”http://www.facebook.com/plugins/fan.php?id=169395346410041&amp;”></iframe>

For more customization, for example; to show only the header and Like in the Facebook fan box widget; we will use this code instead:

<iframe src=”http://www.facebook.com/plugins/fan.php?id=169395346410041&amp;width=330&amp;header=true&amp;style=”border:1px;”></iframe>

You can play with the full code too:

<iframe src=”http://www.facebook.com/plugins/fan.php?id=169395346410041&amp;width=330&amp;connections=5&amp;stream=false&amp;header=true&amp;locale=en_US” scrolling=”no” frameborder=”0” style=”border:none; overflow:hidden; width:330px; height:200px”></iframe>

You can change the red texts to customize your own Facebook fan box widget. This is conventional. But we will make a faster loading Facebook fan box widget.

You can took a snapshot of the full Facebook fan box widget, say with 20 faces; chop the the part showing faces of your fans and place it below the first code. Above, you can use another image looking like FaceBook header.

So, the number of http request will only three, instead of 20 + 2 = 22. This a sample:

Combine these two in your sidebar:


 

Incoming search terms:

Visitors Read This Post Also Read:

1. Create a QR code (Quick Response) for your blog or Facebook page The QR code (Quick Response) is the kind of hieroglyph is seen more and more...
2. How to automatically publish your blog posts on Twitter and Facebook? Publishing post links manually on Twitter or Facebook page really take too much time.There are...
3. Tips and tricks to start and continue a professional and successful blog In this article we will give you some tips for a having a successful  and...
4. 7 basic and essential SEO tips to optimize your blog This are basics of SEO. You must tweak these points rightly in order to get...
5. Faster loading website : minimize HTTP requests As we started the series about how to create a faster loading website; we will...
6. WordPress Plugins to create a glossary in your blog Be faster and more precise, what many bloggers love. Using a glossary is widespread in the...
7. Reasons to use WordPress for business or a blog website Presentation of features a WordPress Blogging platform   WordPress is the blogging platform used most...
8. Editing Blogger’s theme template to have some features like WordPress Many bloggers using Google Bloggers want a custom theme that is SEO optimized. We thought...
9. Customize the logo of your WordPress login page : second method Want to customize the logo of WordPress admin login page? This is possible by inserting...
10. Making your WordPress website W3C validated Previously, we discussed the importance of W3C validation and SEO and shown examples of our...
11. Avoid duplicate content issue in webmaster tool for wordpress blogs Lately, every now and then the question is asked how to avoid duplicate content in...
12. Tips for your blog reloaded This is the second article of the reloaded series. As we said before, in reloaded...
13. Get your Twitter’s tweet as RSS feed and JSON’s url plus widget codes Unbelievable, right? yes, you have read rightly: Twitter’s tweet as feed as well as JSON....
14. Understand the different types of visitors to optimize your blog A blog is essentially a website that receives visitors who clicked and came to your...
15. Moderating comments on your blog When you speak on the community website, one thing is certain, you may at one...