Cara Gampang Memasang Widget Label Cloud Bergerak Berputar di Blog

Cara Gampang Memasang Widget Label Cloud Bergerak Berputar di Blog

Begitu banyak cara yang dilakukan oleh seorang Blogger untuk mempercantik tampilan Blog/ Web atau sejenisnya agar para pengunjung berbetah ria berselancar di blog yang dikunjungi. Salah satunya adalah menampilkan Tags/ Label/ Katogori, ada yang menampilkan apa adanya sesuai bawaan Blogspot seperti Label Flat statis ada juga dengan Label Cloud statis dan ada juga tampilan label dengan flat tapi disuntik sentuhan dinamis seperti bergerak apabila di sentuh kursor dan masih banyak lagi.

Berikut ini saya akan berbagi sedikit tutor tentang menampilkan Label dinamis cloud berputar, yakni menampilkan Tags/ Label/ Kategori secara bergantian dengan cara berputar pada saat di sentuh kursor. Caranyapun cukup simple dan mudah untuk dipahami dan diterapkan ke Blog sobat.

Caranya :
1. Login ke Akun Blogger sobat
2. Pilih Elemen Rancangan
3. Pilih Edit HTML ( tapi jangan lupa centang " Expand template Widget " )
4. Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> 
    Gunakan Ctrl-F untuk pencarian Express!!
5. Copy kode dibawah ini tepat di atas kode <b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='Label99' locked='false' title=' Cloud Comulus 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>

Keterangan kode :
- Nilai ("240") menyatakan Lebar ( Width ) dan bisa diganti sesuai selera
- Nilai ("300") menyatakan Tinggi ( Height ) dan juga bisa diganti sesuai selera

Demikianlah sajian Cara Gampang memasang Widget Label Cloud Bergerak Berputar di Blog, semoga bermanfaat.


Nb :Artikel ini bekerjasama dengan http://dianmotorcell.blogspot.com