MakeOver,Tag Cloud Widget by Labels

Tag Cloud Widget by Labels ini sangat bagus untuk ditempatkan pada Blog anda, selain akan mempercantik tampilan blog anda, juga akan memudahkan pengujung untuk mengetahui artikel apa yang banyak dibahas di blog anda.

Cara MakeOver,Tag Cloud Widget by Labels

1. Klik Layout, Page Elements, Add a Gadget, pilih Labels. (ini jika anda belum memasang sebelumnya )

2. Jika anda sudah memasang Label sebelumnya, maka klik Layout, Edit HTML
pastikan "Expand Widgets Template" tercentang.

Carilah code dibawah :

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

Kemungkinan id='Label1' berbeda dengan punya anda, tapi gak masalah.
Replace kode diatas dengan kode dibawah ini :

/*

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 != &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?
if(showCount)
{
var count = &quot;(&quot; + counts[x] + &quot;)&quot;;
}else{
var count = &quot;&quot;;
}
//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="float:right;">Powered by <a href="http://makeoverblogs.blogspot.com/2009/08/makeovertag-cloud-widget-by-labels.html">MakeOver Blogs</a></span>
</div>
</b:includable>
</b:widget>

3. Save dan lihat hasilnya.