Blogumus: Animated Label Cloud Widget For Blogger

(Update) Some changes have been made to the previous code. If you have been using the previous code and not being able to view the tag cloud, please replace the entire widget with the new code provided below.

Demo:

Installing the widget:

In your Blogger Dashboard, go to Design > Edit HTML and search for the following line (remember to backup your template before editing):

<b:section class='sidebar' id='sidebar' preferred='yes'>

Paste this code immediately after the above line

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://bloggerhosting.appspot.com/serve/dualtranz.googlepages.com/swfobject.js' type='text/javascript'></script>
<div id='flashcontent'></div>
<script type='text/javascript'>
var so = new SWFObject("http://www.swfcabin.com/swf-files/1265483417.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
</div>
</b:includable>
</b:widget>

Preview the template and you should see the Blogumus on your sidebar. Save your template. You can now adjust the widget's position in Design > Page Elements.

Important Note:

Do not use the apostrophe or quote character (' or ") in your Labels or the widgetwill stop working.

Customizing Blogumus:

"tagcloud", "240", "300", "7", "#ffffff");

width
heigth
background color

so.addVariable("tcolor", "0x333333");

text color

so.addVariable("tspeed", "100");

rotation speed

values='data:labels' var='label'><a expr:href='data:label.url' style='12'>