Install Tag Cloud into your blog

Posted by Sismadi SSM | 10:45 PM | | 5 comments »

This post may be not new but for new blogger will be helping. What are useful tag cloud? Tags or tag cloud

Appearance like cloud, so we called tag cloud.
, tag is alike keyword on meta tag, but you can see it on page.

OK, lets starting...follow me.
1. Go to Layout>Edit HTML in your Blogger dashboard, and search for the following line (or similar):

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

2. Copy and paste the code after it, Or if you have many labels on page accordingly you wanna be place the code.

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<div class='widget-content'>
<script src='' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href=''>Roy Tanck</a> and <a href=''>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
<b:include name='quickedit'/>
Then preview your template. If installed correctly, you should see the tag cloud appear in your sidebar. Then you are free to save your template, edit the colors and dimensions as required, or move it to a different location. That's all!

For modification appearance, you should do this:

var so = new SWFObject("", "tagcloud", "240", "300", "7", "#ffffff");
*Number 240 with red color to set width.
*Number 300 with blue color to set height.
*Number #fffff with green color to set background color.

To set text color find this code and replace with your favorite color

so.addVariable("tcolor", "0x333333");
Hex value #333333 mean dark grey color.

To set font size, find this code and replace the red color number:

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><></a></b:loop></tags>");

OK, it's finish and don't forget leave comments after read it. I'll be back soon with more tips.
Original posting All About Computer

Best regard,

Bookmark and Share


  1. Rossbaru // October 14, 2009 7:29 PM  

    Interesting article for newbie like me, and thank for your commenting on my post

  2. lusi // October 15, 2009 12:26 AM  

    very useful :)

  3. divi // October 15, 2009 11:51 PM  

    very useful :)

  4. Anitha // October 18, 2009 5:38 PM  

    nice blog.....

  5. sam_emie // November 06, 2009 12:29 PM  

    very informative

Let's Go Blogging