Cara Membuat Widget Animasi Sendiri Di Blog

- Mei 20, 2014
Cara Membuat Widget Animasi Sendiri Di Blog - Dalam Toturial saya kali ini saya akan menjelaskan bagaimana cara membuat widged animasi di blog.
Bagi anda yang suka menghiasi blog tapi tidak tahu cara membuatnya, tenang saja di postingan saya kali ini saya menjelaskannya sangat detail dan sangat teliti jadi anda tidak usah lagi susah-susah.
Terkadang animasi yang tersedia di blog-blog itu tidak disukai kita jadi saya merancang untuk membuat sendiri

Kalau memang sudah tidak sabar tunggu apa lagi 

<div style="position:fixed; bottom:110px; left: 10px; width:10px; heigth:10px;"><a href="http://caramenyusunteks.blogspot.com/2014/05/cara-membuat-skateboard-dengan-bahan.html" target="_blank" title="Click Untuk Membuat Animasi Seperti Ini"><img src="http://i1217.photobucket.com/albums/dd381/funywrld/semutfuny.gif " /></a></div>

Penjelasan:

Biru : (di tulisan biru terdiri berbagai macam style)
  • Position : untuk menampilkan pengaturan posisi gambar. nah di atas adalah fixed. maksudnya jika sang pengunjung meng-scroll ke bawah atau ke atas widget itu tetap berada di tempat (diam ditempat).
  • Bottom : untuk jarak dari bawah
  • Left : untuk jarak dari samping
  • Width :  untuk mengatur lebar gambar
  • Heigth : untuk mengatur panjang gambar
Hijau : (link yang akan dialihkan saat pengunjung mengeklik gambar
  • Href= : Link yang akan dituju
  • Target= : untuk memilih mode klik nya. nah di kode tersebut jika di klik maka akan muncul tab baru.
  • Title : untuk memberi judul jika mouse stand by di gambar


Merah : code atau link untuk menampilkan gambarnya
Untuk mengmbil gambarnya anda harus menngambil di google caranya anda seret gambar animasi yang anda pilih ke alamat bar baru.

Kode diatas tadi akan menampilkan widget yang seperti di bawah ini:

Demikian, Cara Membuat Animasi Widget Sendiri  Semoga bermanfaat bagi anda.
Jonni Mulyawan

Menulis adalah salah satu cara saya menggunakan waktu luang.

RELATED POSTS

Next article
« Prev Post
Previous article
Next Post »

3 Komentar

Unknown 09 Mei, 2015

Terimakasih aa, teteh, informasinya :)
http://goo.gl/PBQkBN

Jonni 09 Mei, 2015

Sama-sama :d

Unknown 16 Mei, 2015

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

Harap tidak memasang live link maupun no live link. Jika komentar Anda mau di tampilkan !
Emoticon