Create a Tag cloud for your blog.

Create a Tag Cloud for your blog so that your visitors can easily navigate through your pages and as a result increase your page views.

a tag cloud will look like this when you will successfully install the widget.

so let's continue with the procedure :-

1. Go to the Layout page of the blog you want to have the tag cloud in .
2. under the page elements , add a pre-functioning gadget called 'labels' .
3. save the elements
4. Goto Edit HTML page , click on the expand widgets and make sure you back-up your template before you edit the code.
5. 
   

   search for <b:widget id='Label1' locked='false' title='Tags' type='Label'/>
   

   
   
6. the code may not be same for all the templates, instead try searching for categories or label11 untill  you find the code.
7. Replace the existing code with the following code:-
8. 
   

   
   

   /*

   
   
   

   Distributed by John Smith at WidgetsForFree.blogspot.com

   
   
   

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

   
   
   

   <b:includable id='main'>

   
   
   

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

   
   
   

   <h2><data:title/></h2>

   
   
   

   </b:if>

   
   
   

   <div class='widget-content' style='text-align: justify;'>

   
   
   

   <script type='text/javascript'>

   
   
   

   /*

   
   
   

   Simple Blogger Tag Cloud Widget

   
   
   

   by Raymond May Jr.

   
   
   

   http://www.compender.com

   
   
   

   Released to the Public Domain

   
   
   

   */

   
   
   
   

   //Settings / Variables

   
   
   

   var max = 150; //max css size (in percent)

   
   
   

   var min = 70; //min css size (in percent)

   
   
   

   var showCount = false;  // show counts? true for yes, false for no

   
   
   

   var minCount = 1;  // what is the minimum count for a tag to be shown? 1 for all

   
   
   
   
   

   //Begin code:

   
   
   

   var range = max - min;

   
   
   
   

   //Build label Array

   
   
   

   var labels = new Array();

   
   
   

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

   
   
   

   labels.push(&quot;<data:label.name/>&quot;);

   
   
   

   </b:loop>

   
   
   
   

   //URLs

   
   
   

   var urls = new Array();

   
   
   

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

   
   
   

   urls.push(&quot;<data:label.url/>&quot;);

   
   
   

   </b:loop>

   
   
   
   

   //Counts

   
   
   

   var counts = new Array();

   
   
   

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

   
   
   

   counts.push(&quot;<data:label.count/>&quot;);

   
   
   

   </b:loop>

   
   
   
   

   //Number sort funtion (high to low)

   
   
   

   function sortNumber(a, b)

   
   
   

   {

   
   
   

   return b - a;

   
   
   

   }

   
   
   
   

   //Make an independant copy of counts for sorting

   
   
   

   var sorted = counts.slice();

   
   
   
   

   //Find the largest tag count

   
   
   

   var most = sorted.sort(sortNumber)[0];

   
   
   
   

   //Begin HTML output

   
   
   

   for (x in labels)

   
   
   

   {

   
   
   

   if(x != "peek" && x != "forEach" && counts[x] >= minCount)

   
   
   

   {

   
   
   

   //Calculate textSize

   
   
   

   var textSize = min + Math.floor((counts[x]/most) * range);

   
   
   

   //Show counts?

   
   
   

   if(showCount)

   
   
   

   {

   
   
   

   var count = "(" + counts[x] + ")";

   
   
   

   }else{

   
   
   

   var count = "";

   
   
   

   }

   
   
   

   //Output

   
   
   

   document.write(&quot;<span style='font-size:&quot; + textSize + &quot;%'><a href='&quot; + urls[x] + &quot;' style='text-decoration:none;'>&quot; + labels[x] + count + &quot;</a></span> &quot; );

   
   
   

   }

   
   
   

   }

   
   
   

   </script>

   
   
   

   <br/>

   
   
   

   <span style="font-size:80%;float:right;">Powered by <a href="http://www.widgetsforfree.blogspot.com">Blogger Widgets</a></span>

   
   
   

   </div>

   
   
   

   </b:includable>

   
   
   

   </b:widget>

   
   

    
   
9. save the template and you should see the tag cloud in your blog,if installed properly.
   
   Hope you liked it :)