Rekan blogger sekalian,biasa kita jumpai Label atau category yang berputar seperti bola dan keliatan juga seperti Awan,nah itu dia yang di sebut Tabel TagCloud berikut cara membuatnya
Ini Langkah Simple yang anda tempuh
Login ke Blogger dengan ID sobat.Klik Klik tab Download dahulu template sobat dengan mengklik Kemudian klik button
dan cari kode yang seperti ini :
Selanjutnya Copy kode dibawah ini dan faste setelah kode diatas :
<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js'
type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy
Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf",
"tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels'
var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
klik
Untuk Mengubah lebar dan tinggi kolom serta warna background
var so = new
SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf",
"tagcloud", "240", "300",
"7", "#ffffff");
- Angka "240" adalah lebar kolom
- Angka "300" adalah tinggi kolom
- Sedangkan #ffffff adalah kode untuk backgroud
Kode2 warna bisa dilihat di sini
| Hitam | #000000 | ||||
|
| Coklat | #5C3317 | |||
|
| |
|
|
|
#0000FF |
|
|
|
|
|
Merubah ukuran font terima kasih buat roytanck dan amanda fazani yang telah menyediakan javascript untuk label cloud ini. "); if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);} |