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

Widget Toolbar Blog with JQuery (NavBar Plus)

Widget Toolbar Blog with JQuery (NavBar Plus) untuk blogger (blogspot) ini di buat berawal dari ketertarikan saya untuk mencoba memasang Strip Bar yang di adaptasi dari widget Wordpress dan berlanjut menjadi Menu Plus ala Anime7Graphic. Alhasil menjadikan sebuah Widget sederhana baru yang di beri nama Toolbar Navigasi menu Plus ala Anime7Graphic , widget ini menggunakan JQuery system untuk engine Interface nya dan sedikit improvisation Cascading Style Sheet (CSS). Widget Toolbar Blog with JQuery (NavBar Plus) ini sangat membantu sekali untuk menambahkan fasilitas [pada Blogspot] tambahan secara simple dan pastinya eye catching dan tidak memberatkan loading blog yang kaya akan fasilitas dan fitur. Untuk contohnya silahkan kawan test aja di NavBar blog ini (sejajar dengan navbar default blogspot). Dan untuk cara membuatnya Silahkan lihat kode d bawah! Sebelumnya Download keseluruhan Source Code navbar plus ini. Java Script jQuery versi 1.3.2/lates Thickbox Engine Code (Jika di butu
Baca selengkapnya

Animation Visual Effect Video

Halo salam jumpa kembali dengan saya Anime7Graphic. Tak terasa sudah 3 tahun berlalu blog ini berdiri tegap dengan visitor dari kalangan yang beragam. Terimakasih kawan kawan masih sudi mampir kesini walaupun dengan konten yang alakadarnya. Kali ini saya akan sedikit mengulas beberapa informasi mengenai penggunaan Animation Visual Effect Video sebagai salah satu cara explorasi kreatif dalam produksi konten video dan motion graphic, yups saya sudah sertakan contoh dan beberapa tutorial nya. (ada sekitar 25 web tutorial dan tips membuat effect untuk clip)
Baca selengkapnya

Seni Poster dan Design Pamflet

Kedengarnya sangat serius jika kita bicara tentang Seni Poster dan Design Pamflet sebagai salah satu apresiasi dari kreatifitas para awak media. Tidak seperti pembahasan poster yang dulu sempat saya muat di blog ini ( 10-aturan-membuat-pamflet-yang-baik ). Padahal dari situlah awal mula nya media poster menjadi faktor pendukung penting di bidang Industri, agama, politik dan sosial di seluruh dunia berkembang pesat hingga sekarang. Dalam Kaca Mata Sejarah: Tercatat beberapa dekade seniman poster dan pamflet menjadi elemen penting dalam perubahan dan peradaban dunia sehingga melahirkan beberapa presepsi akan deskripsi poster dilihat dari sudut pandang seni murni (art), industri dan ekonomi, politik juga sosial. Dimulai ketika sebelum Perang Dunia 1 dan 2 saat para seniman di eropa nan jauh disana memulai sebuah penemuan baru yang dijadikan alat propaganda politik di sela sela fase sejarah Perang Dunia satu dan dua.
Baca selengkapnya