Pasang Flash widget yuuk?

Pasang hewan peliharaan di Blog/web

www.bunnyherolabs.com (cyber pets)

Cyber pets adalah memelihara hewan dunia maya dengan menggunakan fasilitas flash player pada web browser, kita bisa meng embed file flash tersebut untuk di tampilkan di blog/web kita. Seperti website penyedia konten flash lainya kita tinggal me Copy paste code html nya. Warna nya pun bisa kita Customize terlebih dahulu.

Contoh cyber pets dari www.bunnyherolabs.com

adopt your own virtual pet!

Code nya (embed) adalah:

<bunnyhero><br /><div style="width: 250px; padding: 0; margin: 0; text-align: center"><br /><embed src="http://petswf.bunnyherolabs.com/adopt/swf/hamster" width="250" height="300" quality="high" bgcolor="ffffff" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="cn=gumi&an=anime7&clr=0xdeca09" type="application/x-shockwave-flash"></embed><br /><br /><br /><small><a href="http://bunnyherolabs.com/adopt/">adopt your own virtual pet!</a></small><br /></div><br /><bunnyhero>

Code di atas bisa di customize, diantaranya untuk:

• Mode background transparent


• Menambahkan Background Image


• Dan merubah warna text

Berikut ini adalah contoh edit code nya:

Merubah mode transparent background

tambahkan code wmode="transparent" ke tag embed. contohnya seperti ini:

<BUNNYHERO PET START />
<div style="width: 250px; padding: 0; margin: 0; text-align: center">
<embed wmode="transparent"
src="http://petswf.bunnyherolabs.com/adopt/swf/bunny" width="250"
height="300" quality="high" bgcolor="ffffff"
pluginspage="http://www.macromedia.com/go/getflashplayer"
flashvars="cn=sparx&an=bunnyhero&clr=0xe8e8e8"
type="application/x-shockwave-flash">
</embed><br />
<small><a href="http://bunnyherolabs.com/adopt/">adopt your own virtual pet!</a></small>
</div>
<BUNNYHERO PET END />


Selanjutnya mengkombinasikan background transparent dengan BACKGROUND IMAGE! masukan code berikut
;background-image: url(masukan alamat URL background image) ke style attribute di antara tag div pada code keseluruhan. Yakinkan code tadi berada di dalam tag div dan jangan lupa menambahkan tanda ";", contoh:


<BUNNYHERO PET START />
<div style="width: 250px; padding: 0; margin: 0; text-align: center ;background-image: url(http://petimage.bunnyherolabs.com/adopt/bg/tree.jpg)">
<embed wmode="transparent"
src="http://petswf.bunnyherolabs.com/adopt/swf/bunny" width="250"
height="300" quality="high" bgcolor="ffffff"
pluginspage="http://www.macromedia.com/go/getflashplayer"
flashvars="cn=sparx&an=bunnyhero&clr=0xe8e8e8"
type="application/x-shockwave-flash">
</embed><br />
<small><a href="http://bunnyherolabs.com/adopt/">adopt your own virtual pet!</a></small>
</div>
<BUNNYHERO PET END />


merubah warna teks (text colour)

Jika kita bosan dengan warna yang di tampilkan pada text (seperti pet's name, dan "adopted by"), maka temen, sobat, kawan tinggal enambahkan tag flashvars untuk merubah warna nya.

cari code flashvars. contoh code nya sperti ini:
flashvars="cn=hoppy&an=bunnyhero&clr=0xffffff"
setelah itu tambahkan code &tc=0xhhhhhh di dalam code tersebut, code 0xFFFFFF ini adalah code warna nya sedangkan untuk merubahnya tinggal di ganti 6 digit angka/huruf di belakang "0x".

sebagai contoh lihat code di bawah dan perhatikan huruf yang di beri tanda bold/tebal:


<BUNNYHERO PET START />
<div style="width: 250px; padding: 0; margin: 0; text-align: center">
<embed src="http://petswf.bunnyherolabs.com/adopt/swf/bunny"
width="250" height="300" quality="high" bgcolor="ffffff"
pluginspage="http://www.macromedia.com/go/getflashplayer"
flashvars="cn=sparx&an=bunnyhero&clr=0xe8e8e8&tc=0x00ff00" type="application/x-shockwave-flash">
</embed><br />
<small><a href="http://bunnyherolabs.com/adopt/">adopt your own virtual pet!</a></small>
</div>
<BUNNYHERO PET END /