Mohon Perhatian!

Dikarenakan terjadi beberapa kesahalan code, silahkan setelah membuka read more article dan keluar kotak komentar lakukan stop load (tanda silang di browser samping refresh).
Saya mohon maaf atas ketidak nyamanan kawan kawan blogger yang mampir kesini.
Terimakasih

26 Mei 2008

Pasang Flash widget yuuk?


26 Mei 2008

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 /


 

About

Foto saya
Seorang pemuda Indonesia biasa yang terlanjur berkecimpung di dunia digital seperti Web Designer freelance, Digital Imaging Design, Menulis artikel di Blog www.medialiterasi.co.cc, moderator di www.marketingkami.net. Penggagas, developer dan moderator di www.olinklist.com

My Friends [Do follow blog, Self List Link and Banner Friends]

Share to Facebook Share to Twitter Stumble It More...