Problems integrating Facebook Fan Box with customized Blogger layouts

Saturday, November 14, 2009

Problems integrating Facebook Fan Box with customized Blogger layouts

Because I have made some changes to my blogger layout when I rearrange page elements I receive a bad blogger errors. Blogger's notes on this

So I created a facebook page for this blog (devcha) and for the reasons mentioned above I had to paste the snippet code into my layout. The blogger validation however failed over and over.
It seems the div's attributes are making Blogger's validation to fail.
It's a pretty stupid bug ... but I can understand the logic behind it.
Bloggers engineers were probably counting/looking for

 <div>...</div>

they haven't used a regex due to optimizations.
<div[^>]*>.*?</div>

NOT working with Blogger
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US" type="text/javascript"></script><script type="text/javascript">FB.init("f7b88a3d6e6dff54a72090bc486c4787");</script><fb:fan connections="10" width="300" profile_id="175801108313" stream="1"></fb:fan><div style="font-size:8px; padding-left:10px"><a href="http://www.facebook.com/pages/devcha/175801108313">devcha on Facebook</a> </div>

working with Blogger
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US" type="text/javascript"></script><script type="text/javascript">FB.init("f7b88a3d6e6dff54a72090bc486c4787");</script><fb:fan connections="10" width="300" profile_id="175801108313" stream="1"></fb:fan><div><a href="http://www.facebook.com/pages/devcha/175801108313">devcha on Facebook</a> </div>

 Digg  Del.icio.us  Reddit  SlashDot

2 comments:

Odys! said...

not working either.
any ideas?
btw, thanks for sharing your problem and suggestions. Now I know, its not only me!!
odysonline.gr

Svetoslav Marinov said...

Hi Odys,

I am assuming that you've used your own API in the init method ?

Svetoslav