Tag Cloud untuk Blogspot

Mungkin Qamoe pernah liat awan tag di blog Wordpress ato blogspot yang bisa berputar-putar, agar lebih jelasnya ada di sidebar blog saya. Secara default kalo di blogspot dinamain dengan Label. Kalo makin banyak label tentunya blog kita jadi kurang menarik. jadi berikut langkah2 tuk membuat awan tag tersebut :
1. Login ke blogger.com pake id Qamoe tentunya.

2. Masuk ke Dashboard >> Layout >> Edit HTML dan klik Expand Template Widget

3. Jangan lupa untuk selalu mem-backup template Qamoe.

4. Cari kode dibawah ini

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

5. Kemudian copy dan paste kan kode di bawah ini tepat di bawah kode di atas.

<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”, “0×333333″);
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>

6. Simpan template Qamoe, beres dech

secara otomatis tag cloud cumulus ini akan tertampil di sidebar blog Qamoe. Secara default widget ini akan tertampil dengan keterangan sebagai berikut:

• Width = 240px
• Height = 300px
• Background = white
• Warna text = grey
• Ukuran Huruf = 12

kalo mau memodifikasinya, maka perhatikan hal berikut:

1. Mengubah ukuran widget

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

Qamoe tinggal mengganti kedua angka yang diberi warna tersebut. Warna hijau untuk lebar, dan warna kuning untuk tinggi.

2. Mengubah warna Background

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

Gantilah kode warna sesuai selera anda atau yang sesuai dengan warna template anda. Untuk mengubah background menjadi trasparan, Qamoe tinggal menghapus tanda “//” di depan kode: //so.addParam(”wmode”, “transparent”);.

3. Mengubah warna huruf

so.addVariable(”tcolor”, “0x333333“);

Gantilah angka ukuran huruf tersebut sesuai selera, untuk kodenya dapat Qamoe searching di google.

4. Mengubah ukuran huruf terbesar
so.addVariable(”tagcloud”, “12‘>”);

angka 12 nunjukkin ukuran huruf yang mo ditampilin, silahkan ubah sesuka mu.

5. Mengubah kecepatan rotasi
so.addVariable(”tspeed”, “100“);

Rotasi..ya putarannya itu..