Widget Animasi untuk blog

Banyak hal yang dapat membuat sebuah blog dikatakan menarik, selain dari isi content atau postingan, ternyata ada hal-hal lain yang bisa membuat si blog terlihat lebih menarik dan tentunya banyak pengunjungnya. Nah selain postingan, disain dan animasi/pernak-pernik blog ternyata dapat meningkatkan performa dari suatu blog... gak percaya? cobalah anda berkunjung ke suatu blog yang disainnya polos hanya berisikan artikel saja kemudian bandingkan dengan blog yang berisi postingan menarik dengan disain yang menarik pula. Pasti kita akan lebih betah berlama-lama di blog yang berisi artikel menarik dan disain/animasi yang menarik itu bukan? tentunya. Dan, memberikan efek animasi di blog itu gak sulit kok, dan pilihan animasinya pun beragam bergantung selera... nah dibawah ini ada beberapa contoh widget animasinya.

Seperti biasa, langkah pertama yang harus kita lakukan adalah masuk dahulu ke http://www.blogger.com menggunakan akun kita, kemudian.
Ikutilah langkah-langkah di bawah ini :

1. Klik Tata Letak
2. Klik Tambah Gadget
3. Pilih Gadget HTML/Javascript
4. Kemudian, Salin dan tempel HTML di bawah ini untuk memasukkan widget ini pada laman web Anda.

 - Helicopter :

Add    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://enoparnoabiezz.blogspot.com/2012/11/cara-memasang-widget-gambar-animasi.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Cara Memasang Widget Gambar Animasi Bergerak Di Blog" alt="animasi bergerak" /></a>caption

- Ekspresi Muka

Add cap  <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://enoparnoabiezz.blogspot.com/2012/11/cara-memasang-widget-gambar-animasi.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="Cara Memasang Widget Gambar Animasi Bergerak Di Blog" alt="animasi bergerak" /></a>caption

- Kodok Mata Gede :

Add <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://enoparnoabiezz.blogspot.com/2012/11/cara-memasang-widget-gambar-animasi.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46606.gif" title="Cara Memasang Widget Gambar Animasi Bergerak Di Blog" alt="animasi bergerak" /></a> caption

- Spiderman Gokil :

Add    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://enoparnoabiezz.blogspot.com/2012/11/cara-memasang-widget-gambar-animasi.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/3/th/312.gif" title="Cara Memasang Widget Gambar Animasi Bergerak Di Blog" alt="animasi bergerak" /></a> caption

- Muka Senyum :

Add    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://enoparnoabiezz.blogspot.com/2012/11/cara-memasang-widget-gambar-animasi.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif" title="Cara Memasang Widget Gambar Animasi Bergerak Di Blog" alt="animasi bergerak" /></a>caption

 - Doraemon Gokil :

Add cap  <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://enoparnoabiezz.blogspot.com/2012/11/cara-memasang-widget-gambar-animasi.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1031/th/103123.gif" title="Cara Memasang Widget Gambar Animasi Bergerak Di Blog" alt="animasi bergerak" /></a>tion

 

- Spongebob Squarepants :

Add ca   <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://enoparnoabiezz.blogspot.com/2012/11/cara-memasang-widget-gambar-animasi.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="Cara Memasang Widget Gambar Animasi Bergerak Di Blog" alt="animasi bergerak" /></a>ption

5. Simpan Pengaturan.

Catatan :

    - Kamu bisa mengatur dimana kamu ingin meletakkan animasi bergerak tersebut sesuai keinginan kamu, Caranya dengan mengedit tulisan yang saya beri warna MERAH pada script tersebut.
    bottom (bawah), top (atas), left ( kiri), right (kanan),

    - Contoh : jika kamu ingin memasang di pojok kanan atas, berarti kamu harus mengubahnya menjadi top dan right. Selamat Mencoba :)