How To Add a Tag Cloud in Blogger

Tag cloud is a collection of labels which are beautifully categorized. Hope you may have seen it in many other blogs.Not only in blogger , wordpress but also in web sites too. Now lets see how to add this tag cloud.

1. Edit your Template
2. Now find out

<b:section class='sidebar 

( press 'Ctrl' + F to open your browser's search box)


Now you will find a code line similar to 

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

now just after it , paste these code lines

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







<b:includable id='main'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<div id='Labelcloud'>

</div>

</div>

<script language='javascript' type='text/javascript'>

function Magnifytxt() {

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;&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:&quot; + size + &quot;%'><aexpr:href='data:label.url + &quot;?max-results=100&quot;' style='text-decoration:none;'><data:label.name/></a></span> &quot;;

</b:loop>

obj = document.getElementById(&#39;Labelcloud&#39;);

obj.innerHTML = display;

}

Magnifytxt();

</script>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

Now follow the Safety Saving Steps.

And