Tag Cloud

Cara Membuat Label Berbentuk Awan ( Tag Cloud )

WellCome to http://tutoriad.blogspot.com

Okelah kalau begitu, saya akan langsung ke pokok pembicaraannya. Cara untuk membuat Tag Cloud adalah sebagai berikut :

• LogIn ke Blogger.com
• Klik tata letak, lalu edit HTML
• Setelah jendela muncul, backup terlebih dahulu templatemu. Setelah itu, beri tanda centang pada Expand Tepmplate Widget.
• Langkah selanjutanya cari code seperti dibawah ini

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

• Apabila tidak ketemu, kalian hanya tinggal mengurangi code tersebut sedikit demi sedikit agar code yang kita cari akan terlihat atau akan ketemu, setelah itu ganti code tersebut dengan code dibawah ini



<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<div class='widget-content'>
<div id='LabelDisplay'>
</div>
</div>
<script language='javascript' type='text/javascript'>
function zoomStyle() {
var max = 0;
var min = 10000;
<b:loop values='data:labels' var='label'>
if (<data:label.count/> &gt; max)
max = <data:label.count/>;
if (<data:label.count/> &lt; min)
min = <data:label.count/>;
</b:loop>
var display = &quot;";
<b:loop values='data:labels' var='label'>
var delta = <data:label.count/> - min;
var size = 80 + (delta * 100) / (max - min);
display = display + &quot;<span style='font-size:" + size + "%'><a
expr:href='data:label.url + "?max-results=100"'
style='text-decoration:none;'><data:label.name/></a></span> &quot;;
</b:loop>
obj = document.getElementById(&#39;LabelDisplay&#39;);
obj.innerHTML = display;
}
zoomStyle();
</script>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Setelah itu selesai, tinggal kalian save......
Taraaaaaa,.,.., Sekarang anda telah memiliki sebuah Tag Cloud... Tidak lupa saya ingatkan, dalam menyalin kode2 tersebut, jangan sampai kurang atau lebih karena berakibat fatal untuk blog atau website anda....