Cara Memasang Widget Label Cloud Animasi Di Blog

Cara Memasang Widget Label Cloud Animasi Pada Blog mungkin adalah cara yang sedang anda cari untuk mempercantik blog anda, cara ini berbeda dengan cara Memasang Widget Histats. Pada dasarnya ada dua jenis label cloud untuk blog, yang bisa anda pakai untuk mempercantik blog anda, yang pertama adalah label cloud blog yg bentuk tag nya tidak sama dari ukuran, yang kedua adalah label cloud animasi yang berputar apabila anda mendekatkan mouse/ kursor ke label tersebut, untuk lebih jelasnya saya beri gambar untuk ilustrasinya dibawah.

Anda sudah dapat ilustrasinya kan!!!

Ok dech...kalau begitu mari kita langsung ke pokok pembahasan
Berikut cara memasang widget label cloud animasi diblog:

• Masuk ke akun Blogger Anda.
• Klik Rancangan.
• Klik tab Edit HTML.
• Klik Download Template Lengkap, untuk berjaga-jaga kalau nanti terjadi kesalahan dalam mengedit template.
• Beri tanda centang pada Expand Template Widget.
• Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> Bila Anda menggunakan browser Mozilla Firefox, tekan tombol Ctrl + F, lalu isikan kode yang dimaksud untuk memudahkan pencarian.
• Copy kode berikut dan paste dibawah kode <b:section class='sidebar' id='sidebar' preferred='yes'>  

<b:widget id='Label99' locked='false' title='Kategori' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='https://sites.google.com/site/scriptawalk/javascript/tagcloudawalkblogs.js' type='text/javascript'/>
<div id='flashcontent'>Tag Cloud <a href='http://abas-kerja-online.blogspot.com/'>kerja online</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "300", "320", "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>

.Silahkan sahabat blog tekan Preview atau Pratinjau terlebih dahulu untuk melihat hasilnya sebelum melakukan save template anda. Jika sudah silahkan Save Tamplate.

 Keterangan:

• Lebar widget : 300px
• Tinggi widget : 320px
• Warna latar (background) : putih atau #ffffff
• Warna huruf : abu gelap atau 0x333333
• Ukuran huruf : 12

Sahabat blogger bisa mengubah settingan tersebut jika diperlukan untuk penyesuaian dengan blog sobat. Misalnya ukuran siderbar dan code warna, untuk kode warna anda bisa cari disini

Demikian sahabat blogger mengeanai Cara Memasang Widget Label Cloud Animasi Pada Blog, semoga postingan ini bisa membantu dan bermanfaat untuk sahabat blogger dalam membuat label cloud animasi pada blog anda.
Selamat mencoba semoga berhasil.