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'>
atau
<b:section-contents id='sidebar-right-1'>


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




<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>


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

Comments for this entry

Arga Wijaya Hardy

Thank's Ya mas Bro...!!!

Jangan Lupa Berkunjung balik ke blog saya http://mencoba-sukes.blogspot.com/

Putra Tanjung

Yaa sama-sama sob..

Heni Puspita

Aku mau coba ah... Semoga bisa dipakai di template blogku. Tapi bagusnya labelnya yang penting" aja mungkin ya, biar ga terlalu penuh. Nice tips :)

Putra Tanjung

oCe.. Goodluck

xiah19

makasiii"~
hehehe

Putra Tanjung

.*_^.

priambada

sip..sip..nice inpoh gan, skalian nanya bro,klo mo ngrubah background&textnya gmn yak? thx

Putra Tanjung

@Priambada : yang saya tahu.. cloud ini flash jadi kalau soal background saya ngga tau pasti bisa di ubah atau tidak.
kalau soal teks coba di ganti-ganti aja script : "tagcloud", "240", "300", "7", "#ffffff");
atau
so.addVariable("tcolor", "0x333333");

untuk melihat kode warna html kunjungi link http://se-avancee.blogspot.com/2011/03/code-warna-pada-html.html

rizal

boleh juga ni..bro..

MaPhia BlacK

I'm hEre Boz..^^
ͼ⎝⋗⍜⋖⎠ͽ

Asmara Susanto

apakah ini, mengurai berat blog???
nice, visiting, visitback

Putra Tenzhung

@ Asmara Susanto : biasa sob.. sedang. karena ini bukan widget dari pihak ke 3

Cetta Adhipurusa

wah terimakasih ya mas tutorialnya, udah ane pasang di blog ane btw visit back ya www.cettabox.blogspot.com :)

NOV14R

Trima kasih atas iLmunya, blogku smakin bertambah cantik.

Syamsul Bachri

keren gan :D
thanks for info.a :)
kunjung balik blog saya ya :D
http://syamsulsite.blogspot.com/
mksh :)

Leave your comment

Thank you.