Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Adding a Tag cloud

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 'Ctr
l' + 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>
<div class='widget-content'>
<div id='Labelcloud'>
<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/>;
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;%'><a expr:href='data:label.url + &quot;?max-results=100&quot;' style='text-decoration:none;'><></a></span> &quot;;
obj = document.getElementById(&#39;Labelcloud&#39;);
obj.innerHTML = display;
<b:include name='quickedit'/>

Now follow the Safety Saving Steps.


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

Share the post

Adding a Tag cloud


Subscribe to Blogger Template Editing

Get updates delivered right to your inbox!

Thank you for your subscription