Cara Pasang Animasi Bergerak di Blog

Pada postingan kali ini saya ingin share bagaimana cara memasang animasi bergerak di sudut blog, setelah iseng - iseng mencari sesuatu di mbah google akhir menemukan animasi yang dapat di simpan di sudut blog kita semua.


Tentu bagi para sobat udah nggak sabar untuk memasang animasi gif berikut ini. Sebelum para sobat semua memasang animasi berikut ini, para sobat harus tahu bagaimana cara memasang animasinya di blog soba semua. Berikut ini adalah cara nya.

• Masuk atau login ke blog kalian

• Klik Tata Letak lalu klik Tambah Gadget lalu kalian pilih Html/Javascript 

• Lalu copy pastekan script-script berikut  ini

Setelah sobat tahu bagaimana caranya, sobat tinggal pilih di bawah ini animasi gif yang ingin sobat pasang, animasi tersebut secara otomatis tersimpan di pojok kanan bawah blog sobat semua.

Untuk animasinya silahkan sobat copas script nya.

Keterangan :
Jika sobat ingin mengedit sesuai selera sobat, ubah kode berikut yang ada di script
position fixed : maksudnya adalah posisi animasi akan selalu bergerak . 
jika anda ingin posisi animasi tersebut hanya diam pada satu posisi maka silakan hapus position : fixed ini
bottom : 0px : maksud bottom 0px ini adalah jarak antara animasi dengan sisi bawah . jika kalian ingin membuat animasi tersebut tidak berada di bawah , misalkan kalian ingin animasi berada di atas silakan kalian edit bottom menjadi top
left : 10px : maksud left :10px ini adalah jarak antara animasi dengan sisi kiri . jika kalian ingin membuat animasi tersebut tidak berada di kiri, misalkan kalian ingin animasi berada di kanan silakan kalian  edit left  menjadi right

Animasi Tengkorak

 

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://barisan-bagus.blogspot.com/" target="_blank"><img border="0" src="http://irwan.net/wp-content/uploads/2010/11/animatedgifs.gif " title="lihat lebih banyak animasi tengkorak bergerak" alt="animasi tengkorak bergerak gif" /></a><small><center><a href="http://barisan-bagus.blogspot.com/2013/10/cara-pasang-animasi-bergerak-di-blog.html" target="_blank">Widget Animasi </a></center></small></div>

Animasi Onepiece

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://barisan-bagus.blogspot.com/ " target="_blank"><img border="0" src="http://onepieceindo.files.wordpress.com/2009/10/luffyattack.gif?w=200&h=100" title="lihat Kumpulan Widget Animasi onepiece" alt="kumpulan gambar bergerak"/></a><small><center><a href="http://barisan-bagus.blogspot.com/2013/10/cara-pasang-animasi-bergerak-di-blog.html" target="_blank">Animasi Onepiece</a></center></small></div>

Animasi Naruto

Script:

 <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://barisan-bagus.blogspot.com/ " target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21581772/355351427.jpg " title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a><small><center><a href="http://barisan-bagus.blogspot.com/2013/10/cara-pasang-animasi-bergerak-di-blog.html" target="_blank">Animasi Naruto</a></center></small></div>

 

Waduuuhhhh lumayan capek bro tangan ane ngepost beginian :D

tapi gpp lah resiko seorang Blogger , mudah-mudahan tutorial yang saya buat bisa bermanfaat bagi agan-agan sekalian. Thanks

Selamat Mencoba !