Cara Membuat Widget Animasi Bergerak

Cara Membuat Sendiri Widget Animasi Bergerak sebenarnya tidaklah sulit. cuma kadang kita bertanya-tanya, gimana sih cara buatnya? nah pada artikel saya ini saya akan mengajarkan itu. apakah bisa? tentu saja bisa, apa yang tidak bisa di dunia ini sih? yang tidak bisa kita lakukan adalah kita menjadi Tuhan. hehehe, just kidding.

kembali ke topik, membuat widget animasi bergerak untuk di tampilkan di blog kita. apa fungsinya? guna untuk mempercantik blog kita. langsung saja TKP:

disini saya akan kupas secara detail tentang Cara Membuat Sendiri Widget Animasi Bergerak. di bawah ini contoh kode widget yang di akan di pasang di blog kita.

<div style="position:fixed; bottom:0px; left: 10px; width:125px; heigth:160px;"><a href="http://sumberuangqu.blogspot.com/" target="_blank" title="Klik untuk dapat lebih banyak animasi bergerak Naruto"><img src="http://enkiwockeez.files.wordpress.com/2011/07/naruto-31.gif" /></a></div>

kode di atas akan menampilkan gambar seperti ini:
 
itu hanya sekedar contoh, lalu bagaimana cara membuat sendiri? ya ini baru saya bahas, rincian:

Merah -->> semua style yang akan di tampilkan di blog, ya disini stylenya.

• position: untuk menampilkan pengaturan posisi gambar. nah di atas adalah fixed, maksudnya jika pengunjung meng scroll mouse ke atas/ bawah, gambar akan tetap berada pada tempat awalnya.
• bottom: ukuran jarak dari bawah
• left: ukuran jarak dari sebelah kiri (jika anda ingin meletakkan di atas/kanan/kiri terserah anda)
• width: ukuran panjang gambar
• height: ukuran tinggi gambar

Biru -->> link yang akan di larikan si pengunjung di saat dia menge klik gambar tersebut.

• href: link yang akan di larikan
• target:  untuk memilih jenis model kliknya, seperti contoh di atas jika gambar di klik maka membuka tab baru(jika tidak ingin seperti itu cukup hilangkan kodenya)
• title: untuk memberi judul jika mousenya Standby digambar tersebut.

Hijau -->> ini adalah kode untuk menampilkan gambarnya.

• src: langsung aja di isi link gambarnya, sebagai contoh gambar di atas.

.

See You Again

Share on Google Plus

About SumberUangQu