Otomotif and Computer

Sebenarnya apa WP Tag Cumulus itu? Sejenis apakah dia ? WP Cumulus adalah sebuah fitur/widget/plugin berkaitan dengan Label, Categories, dan Tag. Awalnya saya menemukan widget ini pada pengguna wordpress. Jika anda pengguna wordpress mungkin tidak akan susah untuk memasangnya pada blog anda. Tetapi jika menggunakan blogspot, tentu saja perlu kejelian dan kemahiran sedikit tentang bahasa HTML.

Tetapi jangan khawatir, tidak ada ilmu yang tidak bisa dipelajari ya kan ?. Kenapa harus bersusah payah mau menggunakan Tag Cumulus ini? Sebenarnya yang menarik dari widget ini adalah menampilkan tag, label atau kategori berbentuk animasi yang berputar. Berbeda dengan tag yang statik. Tag ini memiliki nilai seni yang jauh lebih menarik :) Silahkan lihat contoh pada Blog The Doctor Mania.

Nah skarang kita akan mencoba membuatnya.

1. Pertama silahkan login ke account blogger anda.
2. Kemudian pada kontrol panel masuk kebagian tata letak atau layout, lalu pilih edit html dan centang expand widget. (jika templatenya takut rusak, sebelumnya backup dulu template anda)
3. Untuk mempermudah pencarian klik tombol Ctrl + F pada keyboard anda dan masukkan cari dibawah ini :

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

Setelah ketemu kemudian lakukanlah copy paste kode dibawah ini tepat dibawahnya.

b:widget id='Label9' locked='false' title='Tag' 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", "300", "200", "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

Jika telah selesai, silahkan klik tombol save dan refresh halaman depan anda.
Sampai disini apakah sudah selesai ? Sebenarnya belum. Karena kita masih bisa untuk merubah sesuai dengan template yang digunakan. Untuk menyesuaikan ukuran widget ini dengan desain blog anda, silakan di edit pada bagian yang terlihat dibawah ini

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "300", "200", "7", "#ffffff");

Perintah diatas artinya adalah angka 300 menyatakan lebar, 200 menyatakan tinggi, dan #FFFFFF menyatakan warna background dari widget.
Untuk merubah warna tulisan atau teks dari widget ini silakan edit pada angka yang bertuliskan 333333 dibawah ini :

so.addVariable("tcolor", "0x333333");

Jika anda ingin merubah besarnya huruf yang ditampilkan silakan edit pada bagian seperti dibawah ini yang bertuliskan
12 menjadi angka yang anda inginkan.

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>");

Note : Teks / angka yang bertuliskan #FFFFFF atau 333333 merupakan kode hexadecimal untuk warna dalam html. Jika ingin melihat code warna lain bisa kunjungi HTML color codes