May 29th 2009

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.

Clouds for Kids – 5 Charming Facts ab…
The Grand Canyon – 19 Fantastic Thing…
Google Cloud to Help Web3 Builders Fa…
The problem of praying to be healed
15 Free Image Banks to Use In 2023 | …

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'>

<b:if cond='data:title != ""'>

</b:if>

</div>

function Magnifytxt() {

var max = 0;

var min = 10000;

<b:loop values='data:labels' var='label'>

if (<data:label.count/> > max)

max = <data:label.count/>;

if (<data:label.count/> < min)

min = <data:label.count/>;

</b:loop>

var display = "";

<b:loop values='data:labels' var='label'>

var delta = <data:label.count/> - min;

var size = 80 + (delta * 100) / (max - min);

display = display + "<span style='font-size:" + size + "%'><a expr:href='data:label.url + "?max-results=100"' style='text-decoration:none;'><data:label.name/></a></span> ";

</b:loop>

obj = document.getElementById('Labelcloud');

obj.innerHTML = display;

}

Magnifytxt();

</script>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

Now follow the Safety Saving Steps.

And

This post first appeared on Blogger Template Editing, please read the originial post: here