0 Make Rotating Label Cloud

Look to the right post and point your cursor on the sidebar that I gave the title "Categories" interesting is not it? How to make it quite easy but before you make it download it to your template first, here's how:

1. Log into blog 
2. Click Layout
3. Then click the Edit HTML tab
4. Download your first template by clicking Download Full Template
5. Then check the Expand Widget Templates button and locate the reply code like this : 

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

 <b:section class='sidebar' id='sidebarright' preferred='yes'> 
 Note : press the key combination Ctrl + F on your keyboard to find the code quickly and easily  

6 . If the code is found then copy the following code and was placed under the code above :

<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(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

7. Save Template

Note: 

• Change the height, width of the column and background 

Figures "240" is the width of the column

The number "300" is the height of the column
While the # ffffff is the code for the background

• Changing font color : so.addVariable("tcolor", "0x333333");

• Change font size : 

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>");

The font in bold letters above can be altered to your taste and in accordance with their respective criteria. if any difficulty or fail to leave a comment, hopefully can help.

Related Post