Senin, 28 September 2009

Membuat label awan cumulus / make cloud cumulus label

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(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;280&quot;, &quot;330&quot;, &quot;5&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</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(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;280&quot;, &quot;330&quot;, &quot;5&quot;, &quot;#ffffff&quot;);

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(&quot;wmode&quot;, &quot;transparent&quot;);

Bila code transparan aktif, maka code warna (Backround Color : #ffffff) otomatis tidak berlaku

Good Luck

Posted by Aryo


20 komentar:

NURA mengatakan...

salam sobat
info menambah ilmu nich,,
trims sudah diberikan kopi kodenya,,
bisa dicoba,,membuat label awan cumulusnya.

Aryo Halim mengatakan...

@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

faturafandy mengatakan...

pengin nyoba tapi contohnya ada ga mas ?

Aryo Halim mengatakan...

@fatur : ya itu di side bar (LABELS)sebelah yg klo di taruh mouse pasti bergulung2

al-basri mengatakan...

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

Aryo Halim mengatakan...

@al-basri:silahkan, soalnya ada yg tanya cara bikin dan kebetulan jg bingung mau posting apa hehehhe...

Google Basic Hacking mengatakan...

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"

Aryo Halim mengatakan...

@google basic: iya bisa, tp gak flash/animasi, tinggal ke tambah gedget label aja.

Hitler Jr. mengatakan...

Mantab mas aryo :)

ducky mengatakan...

ilmu baru lagi... mau coba di blogku yg lain ach... thanks yaakkkss mas

oia, salam kenal dari sayah...

ducky mengatakan...

haduh ada eror..

The element type "b:section" must be terminated by the matching end-tag "".
Exp

Aryo Halim mengatakan...

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

ducky mengatakan...

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

Aryo Halim mengatakan...

@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

ducky mengatakan...

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

blog buat bloggers mengatakan...

Terimakasih tutorialnya sobat, salam sukses selalu sobat

come n share mengatakan...

mantap sob..mau buat ah..tampak keren..

Aryo Halim mengatakan...

@ducky: jangan menyerah
@blog 4 blogger: Sama2
@come n share: dengan senang hati

newbi mengatakan...

info yg keren gan

Rizky2009 mengatakan...

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