How to Make a Spinning Label Tag Cloud

How to Make a Label Tag Cloud Spins - You must be very familiar with the label right? Labels are grouping blog posts in one category...

How to Make a Label Tag Cloud Spins - You must be very familiar with the label right? Labels are grouping blog posts in one category, and then usually in pairs or perhaps in the sidebar at the bottom of the template. 

Current model or there are 3 forms of labels, general label or the usual (standard), label cloud , and the cloud label is spinning. Yeahh.. That we discussed was the label cloud spinning .

The label cloud will look very attractive because of the motion that is very dynamic. The special of this script is, if the mouse over the motion, it also will follow cursor. 

Please remember!! To make the Label Cloud is very complicated and and the HTML code is quite lengthy, so it's recommended to backup your template first so that you are in a "Safe Zone". LOL..

Here's How to Make a Label Cloud Spins: 

(Click here for picture)

1. Go to Dashboard ->> Template ->> "Edit HTML"
2. Click "Proceed" and make sure you check the box to "Expand Widget Templates"
3. Now, find the code <b:section class='sidebar' . It will be similiar like this.. <b:section class='sidebar' id='sidebartab1' preferred='yes'> . How to find? Control+F and type <b:section class='sidebar'
4. Copy and paste the script below, then put the code AFTER the similar tag.
5. Save template
6. YOU ARE DONE!!

	<b:widget id='Label99' locked='false' title='Labels' type='Label'>
	<b:includable id='main'>
	<b:if cond='data:title'>
	<h2>
	<data:title/></h2>
	</b:if>
	<div class='widget-content'>
	<script src='http://sites.google.com/site/bloggerustemplatus/code/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://sites.google.com/site/bloggerustemplatus/code/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>
	<b:include name='quickedit'/>
	</div>
	</b:includable>
	</b:widget>

view raw Spinning Label Tag Cloud hosted with ❤ by GitHub

That's all, thank you. Enjoy!!