Cara memasang label cloud berputar pada blog

Memasang animasi flash label cloud berputar ternyata cukup mudah. Selain untuk mempercantik tampilan label anismasi label cluoud ini juga membuat orang tertarik untuk memutar-mutarnya. Jika bli tertarik dengan label cloud berputar ini, ikuti langkah-langkah berikut.

Cara Membuat Animasi Flash Cloud Berputar

Masuk ke ID blogger Anda. Pilih Tata Letak >> Klik Edit HTML >> jangan lupa untuk centang kotak kecil yang bertuliskan Expand Template Widget. Cari kode yang sama atau yang mirip dengan kode di bawah ini, untuk memudahkan pencarian tekan tombol F3 di Keyboard Anda.

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

Jika sudah ketemu, copy dan paste kode berikut ini tepat dibawah 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", "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>

Simpan Template dan lihat hasilnya
Untuk mengganti default nilai lebar label "240" dan tinggi label "300" sesuai dengan template blog Anda ubah kode yang berwarna merah. Untuk merubah warna background putih menjadi warna lain silahkan ganti #fffff mejadi warna lain.

SEMOGA SUKSES DAN SELAMAT MENCOBA. . . .

By : Bomz Art

~KEEP SPIRIT  FOR YOUR LIFE~

Posted in: Tutorial