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.
Thank's Ya mas Bro...!!!
Jangan Lupa Berkunjung balik ke blog saya http://mencoba-sukes.blogspot.com/
Yaa sama-sama sob..
Aku mau coba ah... Semoga bisa dipakai di template blogku. Tapi bagusnya labelnya yang penting" aja mungkin ya, biar ga terlalu penuh. Nice tips :)
oCe.. Goodluck
makasiii"~
hehehe
.*_^.
sip..sip..nice inpoh gan, skalian nanya bro,klo mo ngrubah background&textnya gmn yak? thx
@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
boleh juga ni..bro..
I'm hEre Boz..^^
ͼ⎝⋗⍜⋖⎠ͽ
@ Asmara Susanto : biasa sob.. sedang. karena ini bukan widget dari pihak ke 3
wah terimakasih ya mas tutorialnya, udah ane pasang di blog ane btw visit back ya www.cettabox.blogspot.com :)
Trima kasih atas iLmunya, blogku smakin bertambah cantik.
keren gan :D
thanks for info.a :)
kunjung balik blog saya ya :D
http://syamsulsite.blogspot.com/
mksh :)
Leave your comment
Thank you.