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

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

    <b:includable id='main'>

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



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

    <script type='text/javascript'>


    Simple Blogger Tag Cloud Widget

    by Raymond May Jr.

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




    var urls = new Array();

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




    var counts = new Array();

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



    //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 != &quot;peek&quot; &amp;&amp; x != &quot;forEach&quot; &amp;&amp; counts[x] >= minCount)


    //Calculate textSize

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

    //Show counts?



    var count = &quot;(&quot; + counts[x] + &quot;)&quot;;


    var count = &quot;&quot;;



    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; );





    <span style="font-size:80%;float:right;">Powered by <a href="">Blogger Widgets</a></span>




  9. save the template and you should see the tag cloud in your blog,if installed properly.

    Hope you liked it :) 


Promote blog