Langsung ke konten utama

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:



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 /


Label:

Postingan populer dari blog ini

Download Photoshop Brush 2011

Halo kawan kawan pecinta design dan photoshop ? Semoga hari ini dan seterusnya diberikan kesehatan dan ide-ide brilliant untuk tetap berkarya. Akhirnya hari ini saya bisa menunaikan janji saya kepada kawan-kawan yang request di komentar artikel sebelumnya Download Brush Photoshop satu , dua dan tiga tentang download brush photoshop.
Baca selengkapnya

Javascipt Nudity Detection Photo

Informasi seputar teknologi dunia Web mengenai pemanfaatan javascript untuk membuat sistem web menjadi lebih smart (pintar). Seperti judul artikel di atas Javascript Filter Image Photo Sebetulnya informasi ini sedikit kurang penting untuk para Blogger , mungkin karena esensi dan pemanfaatan nya sangat sedikit. Uups maaf, hehe... It's Oke langsung saja saya bahas apa sih yang dimaksud dengan Javascript Filter Image Photo ? Cekidot!
Baca selengkapnya

Membuat Flash Banner Generator

Terinspirasi dari Anime7Graphic Emoticon Widget kali ini saya akan membahas tutorial membuat Flash Banner Generator dengan Flashvars Custom Link untuk flash embed HTML tag. Mungkin bagi sebagian temen temen bertanya apa itu Flash Banner Generator? Singkatnya Flash Banner Generator ini fungsinya adalah untuk membuat sebuah Code Widget Flash, Image Banner, atau widget widget yang lainnya untuk di pasang di halaman blog dengan Link Tombol Customize. Penasaran? OK, langsung ke pembahasan. Sebelum ke tahap coding action script saya mau memberi gambaran bagaimana implementasi dari fungsi widget Flash Banner Generator (Flashvars Custom Link) menggunakan Action Script 2.0. Code Generator ini biasanya digunakan untuk membuat link referral dari sistem affiliasi dengan menambahkan option banner yang akan dipasang oleh user atau partner. Dan banner nya seudah disediakan sebelumnya oleh advertiser. Saya mencoba trick ini di javahostindo.com (widget bisa di lihat di sidebar paling bawah...
Baca selengkapnya