Cara Membuat Label Berputar ( Label Cloud )

Share this history on :

Tweet

Dalam pemasangan label menu Blog selera orang memang berbeda beda, ada yang suka menampilkan dalam
bentuk deretan menu horizontal, menu vertikal, berdasarkan alphabet, berdasarkan tanggal dan yang lainnya. Untuk melengkapi keinginan para peblogger dalam menampilkan label, dalam post kali ini akan dibahas tentang label yang penampilannya selalu berputar atau lebih dikenal dengan nama label clouds.
Contohnya bisa di lihat di bawah ini

Bagi yang ingin menampilkan label dam bentuk berputar (label clouds), silahkan anda ikuti langkah-langkah dibawah ini.

1. Masuk ke Blogger dengan ID anda
2. Pilih Rancangan
3. Pilih Edit HTML
4. Kasih tanda contreng pada Expand Template Widget
5. Back up dulu template kalau takut gagal
6. Cari kode ini : <b:section class='sidebar' id='sidebar' preferred='yes'>
7. Copy seluruh kode dibawah ini, kemudian paste tepat dibawah kode tadi.
   
   <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://sites.google.com/site/bloggerustemplatus/code/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://sites.google.com/site/bloggerustemplatus/code/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>
8. Gantilah tulisan yang berwarna merah dengan tulisan yang ingin anda tampilkan
1. Angka 240 dan 300 merupakan width dan height dari label clouds, ganti oleh anda sesuai dengan ukuran lebar sidebar blog anda
2. Kode warna #ffffff merupakan kode dari warna hitam yaitu warna dari lay out label clouds, gantilah dengan warna pilihan anda
3. Kode 0x333333 merupakan kode warna putih dari tulisan yang akan muncul, ganti kode warna tersebut dengan warna pilihan anda.
4. Angka 100 merupakan kecepatan perputarantulisan dalam label clouds, semakin besar angkanya semakin cepat berputarnya tulisan dalam label clouds, begitu juga sebaliknya bila angkanya makin kecil semakin lambat tulisannya berputar.
5. Angka 12 merupakan ukuran tulisan yang akan muncul di dalam label clouds, semakin besar angkanya semakin besar tulisan yang muncul, begitu juga sebaliknya semakin kecil angkanya semakin kecil pula tulisan yang muncul di dalam kabel clouds.
9. Setelah selesai pengeditan klik tombol Simpan template.
10. Lihat blog anda sekarang, jika sukses maka tag cloud anda akan terlihat.

Catatan,
Jika di blog tempat memasang tag cloud dan tag daftar/text, biasanya tag cloudnya belum muncul.Jika tag cloudnya belum muncul coba di setting manual widget label yang ada di sidebar blog. Pilih option Cloud
Selamat mencoba semoga sukses...

Artikel Terkait: