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?

SyafzPIC Breezip template

SyafzPIC Breezip is released!

The theme has a unique header image that has been designed by SyafzPIC Design Studio. The theme is design for the bloggers who like simple blog. It is compact with gadgets served and can be viewed in any type of internet browser such as Mozilla Firefox, Internet Explorer (IE), Opera, and more...

The template looks like a modified three column version of the default minimal templates that blogger has. Apart from that the blog has a few things like the navigation bar that has been removed and a label cloud built into it.

The template is simple apart from that and has two columns on either side of the main column. Apart from the continuation of the green colour there is nothing that makes the rest of the blog match its nature theme. Although if you like the theme you can download it from below.

Download the SyafzPIC Breezip Blogger theme Now
Demo