How to make cloud cumulus labels? Just check it out by clicking "read more" below.Ada yang bertanya bagaimana cara bikin label cumulus. Nah makanya kali ini saya akan posting tentang menu " label cloud cumulus ", apa itu? Ya label yang ada di sidebar saya tuh yg berbentuk awan dan bergumul-gumul, ada yang tertarik tentunya ya? karena bisa mempercantik blog kita juga, kalau tertarik kita simak yuk caranya . Pertama tentunya jangan lupa simpan template/download template lengkap dulu ya, dan jangan lupa conteng "expand widget templates" lalu anda cari kode spt dibawah ini :
Frist you must save/download your current template, then fill check box "expand widget templates" and then find out this html code :
<b:section class='sidebar' id='sidebar' preferred='yes'>
(or sidebar1, sidebar2)
(jangan bingung, mgkn ada yg menemukan dg "sidebar1 or sidebar2", itu hanya masalah letak nantinya di sidebar kok, sikat aja langsung kode tsb)
Nah tepat dibawah kode diatas, copy kode dibawah ini dan paste tepat dibawahnya
Copy and paste this html code just below of html code mentioned above
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/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://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "280", "330", "5", "#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 dan Selesai
Save and Done
Untuk merubah lebar dan tinggi kolom anda bisa merubah angka merah yg ada di :
To change widht and high of its coloumn just replace/change the red number :
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "280", "330", "5", "#ffffff");
Lebar/Width : 280
Tinggi/heigh : 330
Warna tulisan/ font color : 333333
Backround Color : #ffffff
Nah untuk merubah warna backround jadi transparan sesuai warna blog kamu, maka hilangkan "//" pada code berikut ini :
For transparancy backround color you must erase "//" code in this html code :
//so.addParam("wmode", "transparent");
Bila code transparan aktif, maka code warna (Backround Color : #ffffff) otomatis tidak berlaku
Good Luck
Posted by Aryo
20 komentar:
salam sobat
info menambah ilmu nich,,
trims sudah diberikan kopi kodenya,,
bisa dicoba,,membuat label awan cumulusnya.
@nura: sama2, ya dicoba tak mengapa, asal simpan template dulu, jadi klo gagal dan menyerah bisa ungguh template yg sudah disimpan.
Trial and error untuk perkembangan blog itu udah biasa
pengin nyoba tapi contohnya ada ga mas ?
@fatur : ya itu di side bar (LABELS)sebelah yg klo di taruh mouse pasti bergulung2
salam sobat
yang ini nampak mudah ya, mau juga aku coba nih
aku copy ni sob, bukan untuk posting cuma bungkus dulu. boleh ya...
terima kasih, info menyenangkan
@al-basri:silahkan, soalnya ada yg tanya cara bikin dan kebetulan jg bingung mau posting apa hehehhe...
sekarang kan blogger udah bisa di setting label nya jadi cloud.
tapi gak flash ya.. hehe
"berkomentar di tempat saya, maka saya akan berkomentar ditempat anda"
@google basic: iya bisa, tp gak flash/animasi, tinggal ke tambah gedget label aja.
Mantab mas aryo :)
ilmu baru lagi... mau coba di blogku yg lain ach... thanks yaakkkss mas
oia, salam kenal dari sayah...
haduh ada eror..
The element type "b:section" must be terminated by the matching end-tag "".
Exp
@hitler Jr: :)
@Ducky: b:section harus ditutup dg tag yg matching/cocok, ada urutan begini gak setelah di copas? </b:widget>
</b:section> (ini tag pentutupnya dari b:section diatas)
</div>
aku penasaran nih.. ga bisa juga. htmlku kayak gini nih mas...
[div id='sidebar1-wrapper']
[b:section class='dbx-group' id='sidebar1' preferred='yes']
<>diganti [] soalnya ga terbaca dikolom komen nih
@ducky: ya coba copas dibawah itu, jangan lupa copas yg bener, di tempatku sih gak ada yg "DBXGRUOP" ya..
Mengenai posting gak bisa <> karena itu adalah kode html, klo mau diposting dengan munculan spt itu harus di encode html dulu, baru copas ke postingan or koment, dibawah blog saya ada tuh untuk encode html, atau di blog tutorial cara posting code html
ga bisa juga hiks... apa krn templatenya ya...
ini linknya kalo mau liat. thanks ya mas.. gpp deh klo ga bisa.. :( yg blog ku yg luveducky jg ga bisa sy coba sedih deh.. mau keren2an ga bisa hahaha
Terimakasih tutorialnya sobat, salam sukses selalu sobat
mantap sob..mau buat ah..tampak keren..
@ducky: jangan menyerah
@blog 4 blogger: Sama2
@come n share: dengan senang hati
info yg keren gan
sebenarnya kalau menurut aq lebel model awan bagus cuma sayangnya g bisa d klik kanan
oy bener kata cah dueso
sebaiknya kode verifikasinya d hilangkan aja biar nyaman bin g awang2ngen yg ngasih coment
Posting Komentar