How To Add Flash Tag Cloud For Blogger

Blogumus is an Flash based tag cloud widget which uses scripts converted from Roy Tanck's WP Cumulus plugin for Wordpress. I fell in love with Roy's original Cumulus plugin when I saw it, and simply had to learn how to convert this for use in Blogger powered blogs. The result is the widget you can see in action at the top of this post. Hover your mouse over the Flash object to see the animation begin. In this post, I'll explain how you can add it to your own Blogger layout.

1) Login to Blogger

2) Go to Layout > Edit HTML

3) Search for the following code(Ctrl+F)

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

4) Copy and paste following codes below that codes.

<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://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/> <div id='flashcontent'>FlashTagCloud by <a href='http://www.pakarpc.com/'>PakarPC.com</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;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);<!--transparencyStart so.addParam(&quot;wmode&quot;, &quot;transparent&quot;); --> so.addVariable(&quot;tcolor&quot;, &quot;0x333333&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><br/><a href='http://rahmanbashri.blogspot.com'>FlashTagCloud</a> <b:include name='quickedit'/> </div> </b:includable> </b:widget>

5) Save

Customization :

In this default installation, Blogumus includes the following preset variables:

• Width is set to 240px
• Height is set to 300px;
• Background color is white
• Test color is grey
• Font size is "12