Home » » Cara Membuat Sendiri Widget Animasi Bergerak

Cara Membuat Sendiri Widget Animasi Bergerak

nah, ketemu lagi Gan. 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://mastepa.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.
haduh, panjang juga ya? tapi gak papa lah, buat Agan apa sih yang gak saya berikan.

See You Again


11 comments:

  1. Thx bro pencerahanya.. Pertamax dah. (y)

    ReplyDelete
  2. Waah...blogwalking,gan..ane puas banget...berguna banget..makasih gan...

    ReplyDelete
    Replies
    1. makasih buat informasinya,, ijin coba yaa,,,,

      kunjungi juga web kami

      http://toko661.com/
      http://toko-greenworld.com/
      http://obatherbalampuh.com/
      http://obatherbalampuh.com/obat-herbal-asam-urat/

      Delete
  3. KEREN GAN :) SIP ATAS INFO NYA....!!!!

    ReplyDelete
  4. makasih buat infonya,, kunjungi juga yaa..

    makasih buat infony,,,

    http://obatherbalampuh.com/
    http://toko-greenworld.com/
    http://toko661.com/
    http://toko661.com/pengobatan-tradisional-kelenjar-tiroid/

    ReplyDelete
  5. makasih banyak gan buat infonya,, ijin coba yaa...

    http://acemaxsok.com/

    ReplyDelete
  6. makasih bn yak buat infonya,, nice post

    http://toko-greenworld.com/

    ReplyDelete
  7. Terimakasih banyak sob, mantab nih tutornya.. siip

    http://obatasliindonesia.com/obat-herbal-migren-sehat-alami/

    ReplyDelete
  8. nice ka, terimaksih infonya :)
    http://short8.net/uzqZM

    ReplyDelete
  9. Terimakasih agan informasinya :)
    http://goo.gl/PBQkBN

    ReplyDelete
  10. Terimakasih :)
    http://goo.gl/53Tb8k

    ReplyDelete

Berkomentarlah dengan baik, jangan mengandung sara/kata kotor/tidak sopan. karena komentar seperti itu tidak akan kami jawab. atas perhatiannya kami ucapkan terima kasih