BarokOnline

Blogumus. That is its new name. This is originally a plugin for Wordpress called WP Cumulus plugin by Roy Tranck. Amanda of Blogger Buster did a great effort of converting this lovely stuff to work with Blogger Blog.

This is a flash-based widget. So make you have  updated your browser's flash plugin. This is the updated code as mentioned on Blogger Buster.Update your code if you have installed the previous version.

How to inject the code in your Blogger Blog.
Installing Blogumus is as simple as copy and paste procedure. Some tweaks may require editing of the code. But don't worry, instructions will be provided.

So here goes the procedure:
1. Go to Layout>Edit HTML in your Blogger dashboard, and search for the following line or something similar:

2. Paste the code below after <b:section class='sidebar' id='sidebar' preferred='yes'> 
<b:widget id='Label99' locked='false' title='Labels' type='Label'><br /> <b:includable id='main'><br /> <b:if cond='data:title'><br /> <h2><data:title/></h2></b:if><br /> <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> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div><script type='text/javascript'> var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.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><br /> <b:include name='quickedit'/><br /> </div></b:includable><br /> </b:widget>

3. Preview your template. If you have successfully installed the code, the tag cloud should appear on your sidebar.
4. Save you template.

There are customizable areas in your Blogumus. These are the following:

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

Look into these line of code to customize your Blogumus:
<br /> var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");<br />

Look into these line if you wanted to edit the text color. Change the value of 0x333333 to your preference.
<br /> so.addVariable("tcolor", "0x333333");<br />

Look into these line if you wanted to adjust the font size. Just change the value of style='12' to your preferred size. 
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>");

Note: While you are able to edit these values, you can also preview the changes before saving your template.

We took advantage of this great work of art for FREE. Please leave the the credit links in the widget intact. Leave me a comments if you have problems installing the code and I'll try to help you set things up on your blog.

Check the main website: kOrAb's Tech Blog for a live preview. The widget is located at the lower left.


Related Articles:
How To Invite Your Facebook Friends To Join a Group or Fan Page
Setup Vanity URLs For Your Facebook Fan Page
Add Digg "Dugg", Twitter "Tweet", Facebook "Share" Buttons To Your Blogger Blog

"Follow Me And I'll Follow You" Principle In Twitter
Filtering Facebook Emails And Notifications Inside Yahoo Mail
Add Auto-hide Sexy Bookmarks to Blogger
How To Add Facebook Fan Page In Blogger
Unfollow Twitter User's Who Ain't Following You Back - for Dummies