Cara bikin Tag Cloud pada Blogger

Sesuai dengan janji Tia dipostingan kemarin tentang cara membuat readmore, kali ini Tia ingin sharing cara membuat Tag Cloud pada Blogger, yang hasilnya bisa kakak lihat sendiri pada Label di bawah Friends Link Tia.

Ternyata eh ternyata untuk memasangnya nga pake susah loh kak tinggal edit dikit trus kopas jadi deh, nga pake lama gitu deh n kalo menurut Tia sangat bagus hasilnya tertarik nga kak bikin tag cloud juga kayak Tia? untuk lebih jelasnnya yuk kak ikutin pembahasan Tia berikut

1. Login kedalam www.blogger.com masukin dengan username dan password kakak

2. Trus kakak klik Layout>>Edit HTML dan klik pada Expand Template Widget

3. Oiya kak jangan lupa untuk selalu mem-backup templatenya sebelum dimodifikasi, klik di Download Full Template, buat jaga-jaga ajah sih kak kali aja nti ada kekacauan editan

4. Kakak cari kode yang kayak gini :

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

5. Trus kakak tinggal kopas kode ini tepat di bawahnya.
<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>
<center><div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'></div>
<script type='text/javascript'>
var so=new SWFObject ("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "200", "150", "7", "#F4A2EC");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x000000");
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='14'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div></center>
</b:includable>
</b:widget>

Yang diedit ada pada bagian ini kak, supaya bisa disesuaikan dengan bentuk template blog kakak

Warna Merah : untuk lebar dari Tag Cloud
Warna Biru : adalah tinggi dari Tag Cloud
Warna Kuning : adalah background dari Tag Cloud, kalo yang ini pink kak.
Tapi kalo kakak mau backgroundnya jadi Transparant, tinggal kakak hapus tanda "//" di depan kode: //so.addParam("wmode", "transparent") uhmmm tapi waktu Tia coba di template ini nga berhasil sih kak, silakan kakak coba deh kali aja di template kakak sukses :
Warna Hijau : adalah Warna Text dari Tag Cloud, yang ini warnanya hitam, kalo susah milih warnanya, kakak bisa minta bantuan Online tools yang pernah Tia bahas dipostingan sebelumnya
Warna Putih : adalah ukuran huruf dari Tag Cloud yang Tia pakai 14px
Warna Orange : adalah kecepatan rotasi dari tag cloud, makin besar nilainya, makin keceng Tag Clodnya bergerak kak ihihihi jadi inget maenin globe

6. Pindahkan letaknya sesuai dengan keinginan kakak, jangan lupa klik Save Template. Misi selesai

Gampang kan kak? iya donk Kalo udah disave, coba reload website kakak deh, Tag Cloud Cumulus ini bakal tampil secara otomatis pada tempat yang kakak ingin kan, oiya Tia suka pake Tag Cloud ini, tanya kenapa ? coz ukurannya jadi lebih minimalis n nga ngambil banyak tempat di sidebar kayak Label yang dulu Tia pakai trus keren aja bisa bergerak muter-muter sendiri

Pake Tag Cloud yuk kak,biar labelnya lebih ringkas