how to create a tag cloud rotating

how to create a tag cloud

add tags rotating when the mouse pointer is directed to a tag or label is then the tag will spin, if you click one of the main tag will open a page by tag question. . Usually placed in the sidebar tag cloud blog. You can add the script to the blogger template to display the tag (label) cloud in the sidebar.

To attach a tag cloud in the sidebar of the blog, do the following procedure 1. Log in to your dashboard Choose Layout
-> Edit Html

2. Find the following code

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

If using a blogger template designers try to look like the code below:

<b:section-contents id='sidebar-right-1'>

After the above code insert the following code

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<div class='widget-content'>
<script src='' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href=''>Roy Tanck</a> and <a href=''>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("", "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'><></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
<b:include name='quickedit'/>

3. SAVE template


If the blog site put up a tag cloud and tag list / text, usually not muncul.Jika tag tag cloudnya cloudnya try not appeared in the manual settings a label widget in the sidebar of the blog. Select the option Cloud

If you want to change the color you can try to replace some of the variables

tagcloud", "240", "300", "7", "#ffffff" ->

a. 240 is the width of the widget, the widget 300 high (240 and 300 numbers can be changed according to the width of your widget to make it more neatly),

b. # ffffff is the background color, background color can be changed to another color,

3. so.addVariable ("tcolor", "0x333333"); where, 0x333333 black text color. Another text color you can use:

0xffffff: white

0xFF0000FFF: red

0x00FF00: Color Green

0x0FFFF0: Color Yellow

0x00FF0000: blue

0xFFF000: light blue

0xFFFFFFF: Color Black

0x0FF0FF0: pink