Free Facebook Fans
Thank's    About Me Suatu pembelajaran Otodidak tanpa komersial semata, satu kuncinya : KEMAUAN dan BELAJAR    Contemplations Panduan Praktis Belajar Design dan SEO    FB onk009@yahoo.com    twitter @onkdesign
Obrolan

Memasang Label Cloud dengan Animasi

Memasang label dalam dunia blog bukan hal luarbiasa melainkan lumrah, karena salah satu temen ngomong kalau bolg, website, dll. tidak dibilang bagus.... A masak,...?? Oleh karena itu, akan saya berikan tips memasang label berbentuk cloud dalam blog. Selain itu, label ini mempunyai tampilan yang sangat menarik karena ketika kursor mouse disorot ke area tag cloud tersebut maka labelnya akan berotasi seperti orbit. Sehingga membuat blog kita terasa lebih interaktif.

Cara pemasangannya adalah :
  • Login ke Blogger;
  • Klik Download Full Template untuk membackup template anda;
  • Setelah itu klik Design dan Edit HTML;
  • Klik Expand Widget Template
  • Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'>
  • Kalau sudah ketemu letakkan kode berikut tepat dibawah kode yang diatas

<b:widget id='Label54' locked='false' title='' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://kang-onk.googlecode.com/files/cloudanimasi.js' type='text/javascript'/>
<div id='flashcontent'></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "180", "180", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x00ff00");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "150");
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>

Catatan : silakan ganti sesuai dengan keinginan anda.
  • Angka 180 menunjukkan panjang tag cloud;
  • Angka 180 menunjukkan tinggi tag cloud;
  • Sedangkan kode #ffffff menunjukkan warna background dari tag clound;
  • Warna 00ff00 menunjukkan warna teks;
  • Kode 150 adalah kecepatan berputarnya cloud, angka lebih besar berarti lebih cepat
Selamat mencoba...!!!

0 komentar:

Posting Komentar

  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description

Contact Me

Name
Email
Country
Age
Subject
Message
Mau pasang widget seperti ini, silakan klik disini
© Kang Onk Design | Free

Free Link Exchange For You

Mau pasang widget seperti ini, silakan klik disini
© Kang Onk Design | Free
Follow us?