Wordpress style animated label cloud widget - Blogumus for blogger

We all the people on blogger platform envy the animated label cloud widget which is available for wordpress blogs thanks to Blogger Buster. Blogumus is a flash based tag/ label cloud widget which uses scripts converted from Roy Tanck's WP Cumulus plugin in Wordpress which is now available for blogger/blogspot users.

This wordpress plugin now available to blogger users uses the best use of Javascript embedded into the powerful Adobe Flash to display the labels of your blog.


Steps to install the animated flash label cloud widget for blogger is a very easy task. I will guide you to install this amazing blogger widget hack.

(please download your template and create a backup for safety)
Step 1. Go to your blog template through your blogger dashboard, Layout >> Edit HTML.

Search for the following code:

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

or

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

or anything similar to it.

Step 2. After finding the code exactly below it paste the following code

<b:widget id='Label12' locked='false' title='' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> </div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;290&quot;, &quot;210&quot;, &quot;7&quot;, &quot;#EB4604&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0xffffff&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

That's it! as simple as that.. now save your template and check out this amazing blogger animated label cloud.

Now you might want to do some changes like change the clour or increase the size of it, I will teach you how it is done.

The current width is 290 and height is 210 and background color is #EB4604 (orange)

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "290", "210", "7", "#EB4604");

you can tweak it to any size you need and change the background colour to any other #ffffff (for white background)

To change the text colour:

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

change the ffffff to any other colour for example: grey ( paste 333333 instead of ffffff)

Now this animated label cloud is ready to be used.. nay queries related to this you can feel free to ask me or Blogger Buster.