Animated Flash Tag Cloud For Bloggers

Labels are required to show the categories of the article, by default blogger shows two type of labels like list and cloud. But here is the beautiful animated flash tag cloud for bloggers. You are going to find out that your blog or site looks really beautiful and clean with widget.

Now how to install this beautiful animated flash tag cloud, follow the simple instructions:

1. Login to your dashboard and go Design > Edit HTML.

2. Now press "ctrl+f" and find this code

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

and after this code paste the code given below

<b:widget id="Label99" locked="false" title="Labels" type="Label">
<b:includable id="main">
  <b:if cond="data:title">
    </b:if></b:includable></b:widget><br />
<h2>
<data:title></data:title></h2>
<div class="widget-content">
&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
        &lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
        &lt;param name="bgcolor" value="#ffffff" /&gt;
        &lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
      <b:loop values="data:labels" var="label">
<a expr:dir="data:blog.languageDirection" expr:href="data:label.url" href=""><data:label.name></data:label.name></a>
</b:loop>
&lt;/tags&gt;" /&gt;
        &lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
    &lt;/object&gt;


  </div>
<b:include name="quickedit">
</b:include></div>

3. Now save your template and you are done. Now some modifications.

By default this widget uses following values;

• Width is 250px
• Height is 200px
• Background color is white
• Text color is Black
• Font size is 12

All of this values can be changed.

How to change the height and width. Find this code

&lt;object type="application/x-shockwave-flash&quot; data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250"  height=&quot;200" allowscriptaccess="always" &gt;

Now you can change height and width of the widget.

Change the Background color. Find this code and replace red color hex value with your choice

&lt;param name="bgcolor" value="#ffffff" /&gt;

Change the color of the text: Find 

&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;

Replace red color code with your choices.

To alter the size of tags/links: The size of text/links is by default 12. To change this find the code and replace red one with your choice.

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'>

Enjoy this widget. Make comments for improving this blog.

Thanx..............

If you like our post, Than make a small donation to Tips N Tricks.

Make a donation to Tips N Tricks

It will Help us to maintain this blog.

Subscribe via Email

Enter your email address to get Latest Information

Delivered by FeedBurner

Follow @leadingdynasty