Hey guys , well i don't think that i am writing something very new ... but it sure looks sweet ... the animated tag cloud just like you can see right of this page .... it is tags that we put at end of each posts ...... There is a one good lady ... "Amanda" , she actually wrote code for this cloud , i am just copy and pasting her code ... ( ahh , i am not good at coding ... sigh sigh .. )

pre-requisites ...

... you must have some tags ...

... number of tags must not be much ... ( she didn't mentioned this but i was not able to get this thing done for long time till yesterday just because of this reason , i got load of tags for both blogs )


... good skill to do copy and paste ... ( i guess , i am maestro of this skill !!! )

... ability to read english !!! ( .. hmm , i guess i have to put it first :p )

okie .. here are the steps ...

  1. log in into blogger account and then go to layout in it , go to Edit HTML.
  2. make sure to NOT to have checked expand widget templates , it will just make things more complicated .
  3. find , ... in HTML code. ( you can do it by hitting Ctrl+F and then simply search it !!! )
  4. just below this line paste this code ...








<object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >
<param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>



</tags>" />
<p>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></p>
</object>








  1. and preview the template ... if you are lucky , you will see the animated tag cloud just like mine.
  2. You can change parameters like height, width , font color and background colors but for colors you must be knowing HTML color codes.
  3. To change the height and width of cloud simply search and replace the following code,

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

  1. And to change color of fonts and back ground … find and edit following code,

<param name="bgcolor" value="#ffffff" /> ( for background color)

<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags> ( for font color )

Njoy ….



0 Responses