Custom gadget Doesn't Work

Hi,

I'm building a custom social link gadget for use in Blogger. Here's the 
complete code I'm working with:

<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="Social Links" author="Biyan" height="180" 
scaling="false" description="A widget that displays links to your social 
networks."/>
<UserPref name="facebookid" display_name="Facebook" default_value="" 
datatype="string"/>
<UserPref name="twitterid" display_name="Twitter" default_value="" 
datatype="string"/>

<Content type="html"><![CDATA[

<ul id="LinkSocials"></ul>
 <script type="text/javascript">
var prefs = new gadgets.Prefs();

function displaySocials () {
var facebookid = prefs.getString("facebookid");
var twitterid = prefs.getString("twitterid");

var element = document.getElementById('ExtensvSocials');

if(facebookid != ""){
html += '<li class="icon-facebook"><a href="http://facebook.com/' + 
facebookid + '">Facebook</a></li>';
}

if(twitterid != ""){
html += '<li class="icon-twitter"><a href="http://twitter.com/' + twitterid 
+ '">Twitter</a></li>';
}
}
gadgets.util.registerOnLoadHandler(displaySocials);

]]></Content>
</Module>

My problem is, the gadget doesn't work. What am I missing here?

-- 
You received this message because you are subscribed to the Google Groups "Blogger Developer Group" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/bloggerdev.
For more options, visit https://groups.google.com/d/optout.