that is the screenshot.

go ahead and change the maxsize and minsize according their obvious respective values.
also easy to edit styles: can become any style you want. ex:Live Hawkee Looking Example

as ie doesnt support foreach, you need have to include this:^^code from Mozilla Development Center function tagCloud(tags) {
//set max font-size
var maxsize = 44;
//set min font-size
var minsize = 9;
//preset variables as to create no confusion
var tag=new Array(), ta=new Array();
var cloud='', h=0, val=0, i=0;
//proccess given tag array
//counting the accurances of tags
tags.forEach(function(t){
//current tag has already been recognized
if (tag[t]) {tag[t]++;}
//current tag hasn't been recognized
else{tag[t]=1;ta[i++]=t;}
});
//find the highest amount of tag accurances in the form of a number
ta.forEach(function(g){
//if the current tag count is higher than the current highest, it is the current highest.
if (tag[g] > h) {h=tag[g];}
});
val=(maxsize/h);//get the font-size interval needed to vary sizes
ta.forEach(function(r){//set the size of the current tag by multiplying the interval by the amount of times the tag is used.
//set the size, if it is smaller than the minimum font-size, it is the minimum font-size.
var s=(Math.round(val*tag[r])>minsize) ? Math.round(val*tag[r]) : minsize;
//concatenate finished styled tag into cloud
cloud+="<span style='font-size:"+s+"'>"+r+"</span>";
});
//return cloud.
return cloud;
}