Posting to save others time (and hair) is always a great pleasure. The most important thing to remember, is you have the power to find answers to all your challenges. Being resourceful on the Internet can be the difference between landing that next big IT job or moving up the food-chain.
This post is strictly for those looking to resolve their IE8 and Live (fan) Box from Facebook. As it turns out, Facebook provides you with a nifty widget that allows you to stream most recent wall posts and top friends on your company (or personal) website.
Live Box Interface Settings
Facebook does a great job of giving you an easy to use configuration interface to set up your Live Box – and with a quick copy/paste, you’ll be up in no time.
There is one caveat however, and that is with the default code Facebook provides. It utilizes the asynchronous method to help speed up load times and not drag your page through the mud when loading.
Apparently, Internet Explorer 8 doesn’t care for “the new and improved” and totally renders the widget useless.
Solution
Go for the static non-asynchronous route. Make sure you include Facebooks all.js file and make your script call straightforward. The sample below masks the appId which should be replaced with your own. Some of you just blew past that line of instruction, so I’ll repeat it again…
USE YOUR OWN APP ID, K? Thanks!
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js" ></script>
<script>
FB.init({appId: '123456789', status: true, cookie: true, xfbml: true});
</script>
<fb:like-box profile_id="123456789" width="292" connections="0" stream="true" header="true"></fb:like-box>
No go make some fans.
