Create Tag Cloud

Share |

Have you created Tag Cloud.? It's simple and easy to do .. It makes your blog more lively, ..! It is true, follow me:

Sep 1: login to your blog.


Step 2: go to Layout > Edit Html


Step3: Now you need to search for the code that looks like this( press F3 to search)

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

Step 4: Replacing the "Old Code" with the "New Code" below:

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

<div class='widget-content'>
<div id='LabelDisplay'>
</div>
</div>

<script language='javascript' type='text/javascript'>
function zoomStyle() {
var max = 0;
var min = 10000;
<b:loop values='data:labels' var='label'>
if (<data:label.count/> &gt; max)
  max = <data:label.count/>;
if (<data:label.count/> &lt; min)
min = <data:label.count/>;
</b:loop>
var display = &quot;";
<b:loop values='data:labels' var='label'>
var delta = <data:label.count/> - min;
var size = 80 + (delta * 100) / (max - min);
display = display + &quot;<span style='font-size:" + size + "%'><a expr:href='data:label.url + "?max-results=100"' style='text-decoration:none;'><data:label.name/></a></span> &quot;;
</b:loop>

obj = document.getElementById(&#39;LabelDisplay&#39;);
obj.innerHTML = display;
}


zoomStyle();
</script>

<b:include name='quickedit'/>
</b:includable> </b:widget>

Step 5: Previewing the New Tag Cloud  

Before saving the template make sure to click preview. The new tag cloud should now be visible. If not, make sure that you've completed all the steps correctly.

Today Collectibles