Animated Tag Label Cloud

Step 1: Go to the Layout>PageElement>Add Gadget>Label




You have to choose to sort the label Alphabetically when prompted, before you save it.


Step 2:
After it is saved, go to the Layout>Edit HTML

• Please do not 'tick' on the Expand Widget Templates

• Find the code that similar to the following codes line:

<b:widget id="'Label1'" locked="'false'" title="'Labels" type="'Label'">

Step 3:

• Paste the following code after or below the code line
  

<br /><b:widget id="'Label2'" locked="'false'" title="'Labels'" type="'Label'"><br /><b:includable id="'main'"><br /><b:if cond="'data:title'"><br /><h2><data:title/></h2><br /></b:if><br /><div class="'widget-content'"><center><br /><br /><script src="'http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js'" type="'text/javascript'/"></script><br /><div id="'flashcontent'">Blogumulus by <a href="'http://www.roytanck.com/'">Roy Tanck</a> and <a href="'http://www.bloggerbuster.com'">Amanda<br />Fazani</a></div><br /><script type="'text/javascript'"><br />var so = new<br />SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf",<br />"tagcloud", "240", <!-- width="240" --><br />"300", "7", <!-- height="300" --><br />"#ffffff");<br />// uncomment next line to enable transparency<br />//so.addParam("wmode", "transparent");<br />so.addVariable("tcolor", "0x333333");<br />so.addVariable("mode", "tags");<br />so.addVariable("distr", "true");<br />so.addVariable("tspeed", "100");<br />so.addVariable("tagcloud",<br />"<tags><b:loop values="'data:labels'" var="'label'"><a href="'data:label.url'" style="'12'"><data:label.name/></a></b:loop></tags>");<br />so.addParam("allowScriptAccess", "always");<br />so.write("flashcontent");<br /></script><br /><br /> <b:include name="'quickedit'/"></center><br /></div><br /></b:includable><br /></b:widget><br />

You have to select the Preview button before you save the template.

Enjoy It...
How was your comment?