MEMBUAT LABEL TAG CLOUD ANIMASI

 

MEMBUAT LABEL TAG CLOUD ANIMASI

 Label blog di kenal sebagai kumpulan kategori dari setiap postingan berkategori, label mempunyai 2 jenis tampilan yaitu 'Daftar' dan 'Cloud' tampilan 'Daftar' adalah tampilan yang paling sering blogger gunakan karena bisa di bilang sangat simple, sedangkan 'Cloud' lebih terlihat berantakan karena tulisan besar - kecil tergantung jumlah dari setiap kategori nya, namun siapa sangka ternyata tampilan label cloud ini memiliki kecantikan tersendiri jika di padukan dengan kode css dan menghasilkan sebuah tulisan animasi penuh warna.

Ikuti langkah-langkah dibawah ini :
- Login 'Dasbor'
- Rancangan
- Edit HTML
Sebelum kita melakukan perubahan pada template ada baiknya di backup terlebih dahulu agar anda tidak khawatir jika terjadi kesalahan dalam pengeditan. (|Klik| tutorial membackup template)
- Centang pada Expand Widget
Untuk mencari script, tekan Ctrl+F untuk memudahkan pencarian. (|Klik| tutorial cara cepat menemukan script)

Cari script dibawah ini :

<b:section class='sidebar' id='sidebar' preferred='yes'><br /> atau<br /> <b:section-contents id='sidebar-right-1'>

Jika sudah ketemu silahkan copy script dibawah ini, lalu paste di bawah script yang tadi di cari.

<br /> <br /> <b:widget id='Label99' locked='false' title='Labels' type='Label'><br /> <b:includable id='main'><br /> <b:if cond='data:title'><br /> <h2><data:title/></h2></b:if><br /> <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><br /> <b:include name='quickedit'/><br /> </div></b:includable><br /> </b:widget><br /> <br />

Simpan, lihat lah hasilnya.
Silahkan berkomentar, Terima kasih.

Posted in: Tutorial