Sabtu, 18 September 2010

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.

Selamat mencoba, terima kasih.


Artikel Terkait:

3 komentar:

  1. Salam kenal, Pak Raharjo Ismail. Saya salut dengan Anda, blog-nya sangat interaktif. Saya tertarik untuk mengembangkan blog seperti Anda.

    BalasHapus
  2. Makasih pak, nanti bapak coba-coba kembangkan blog seperti milik saya, pasti bisa yang penting berusaha

    BalasHapus
  3. Edit HTML di Tata Letak koq gak ada? kalo di template ada, mohon bantuannya gan
    terima kasih

    BalasHapus