Friday, March 13, 2009

[Tutorial] cara menggunakan WP-Cumulus untuk web pribadi

WP cumulus yg dibuat oleh roy tanck
WP cumulus atau flash tag ini sebenarnya untuk plugin di wordpress terlihat dari awalan depannya menggunakan WP
Selain untuk WP, flash tag ini bisa digunakan untuk blogspot
dalam tutorial yang dibahas ibnux dibawah ini, flashtag yang digunakan untuk di web biasa atau bukan WP dan blog spot
Jika anda pengguna blogspot silahkan ikuti tutor pada website ini
Untuk pengguna WP silahkan add/download pluginnya disini

WP cumulus selain bisa untuk Tag, bisa juga untuk tempat link teman2 anda
jadi penggunaannya tidak terbatas pada tag saja
hanya kekurangannya tidak bisa open blank, dibuka di jendela/tab baru

OK, langsung aja, ibnux ga mau lama lama

berikut dibawah contoh script untuk menggunakan WP cumulus :
Tag div dibawah ini dipasang di tempat yg akan ditampilkannya WPCumulus

Script dibawah ini dipasang sesudah tag div diatas:
    

Penjelasan variable script:

----------------penjelasan pertama----------------
var so = new SWFObject("tagcloud.swf", "tagcloud", "400", "200", "7", "#000000");

tagcloud.swf jika berada di folder lain tambahkan path nya, jika berada di web lain tambahkan url nya
Contoh: flash/tagcloud.swf atau http://ibnux.net/folder/tagcloud.swf

tagcloud merupakan name dari file flashnya

400 ukuran lebar flash nya

200
ukuran tingginya

7 ibnux ngga tau untuk apa ini, ada yg bisa kasih tahu?

#000000 warna latar file flash nya
----------------akhir penjelasan pertama----------------

----------------penjelasan kedua----------------
//so.addParam("wmode", "transparent");

Hilangkan tanda // jika ingin flash nya transparant
menjadi
so.addParam("wmode", "transparent");
----------------akhir penjelasan kedua----------------

----------------penjelasan ketiga----------------
so.addVariable("tcolor", "0xffffff");
so.addVariable("tcolor2", "0x000000");

ini merupakan variable untuk gradasi warna
misal warna dari hijau ke biru, putih ke hitam
tapi perlu diperhatikan juga warna latar flashnya.
contoh diatas melakukan gradasi warna dari putih ke hitam
untuk melakukan perubahan warna cukup mengganti # menjadi 0x
contoh: #543211 menjadi 0x543211
----------------akhir penjelasan ketiga----------------

----------------penjelasan keempat----------------
so.addVariable("hicolor", "0xFEBD23");

variable ini untuk mengganti warna saat kursor mengarah pada nama tag nya
biasa dikenal sebagai hover
untuk melakukan perubahan warna cukup mengganti # menjadi 0x
contoh: #543211 menjadi 0x543211
----------------akhir penjelasan keempat----------------

----------------penjelasan kelima----------------
so.addVariable("tspeed", "100");

variable ini untuk menentukan kecepatan pada perputaran tags
cukup ganti 100 menjadi angka lainnya
misal jadi 50 agar melambat. atau 200 agar cepat banget
----------------akhir penjelasan kelima----------------

----------------penjelasan ke enam----------------
so.addVariable("tagcloud", "Web iBNuX");

disini tempat untuk menambahkan link linknya
link harus berada diantara dan
style='12' untuk menentukan ukuran hurufnya
pastikan tidak ada garis baru di bagian ini, semua harus sebaris.
contoh diatas menggunakan garis baru agar memudah kan
seharusnya seperti dibawah ini:
so.addVariable("tagcloud", "Web iBNuXBloG iBNuXScript iBNuXTukeran Link");
----------------akhir penjelasan ke enam----------------

----------------penjelasan ke tujuh----------------
so.write("tagcumulus");

ini untuk menentukan dimana tag cumulus harus tampil
yang diambil adalah tag ID
pastikan IDsama dengan tag yg ditujunya
cth:

atau
----------------akhir penjelasan ke tujuh----------------

untuk mendownload contoh script dan file yg dibutuhkan silahkan klik disini

semoga Tutorial yg ibnux tulis ini dapat membantu :)



5 comments:

Unknown said...

ini yg neki cari
tangkyu!

Anonymous said...

berat ki..

Unknown said...

@ganda : masa sih? i'm doubt about ur statement..

Anonymous said...

yes.. it's heavy.. hmmm... blogspot.com is using j2ee. everyone know that java is the most slowest programming languange, and you turn on any swf on your blogspot, it will make your blog loading time a little longer...

Unknown said...

ooo.. begindang!
baru tau ambo'
thanks :)