Tutorial Blog: Cara Membuat Animasi Bergerak di Sudut Blog

Mungkin di antara kalian ada yang senang dengan animasi - animasi lucu yang bergerak untuk di pasang di sudut  blog kalian. Yang menambah ketertarikan dan keindahan blog kalian. Kalian juga pengen kan kalau ada gambar naruto, one piece, robot, dll bergerak di blog kalian??? Seperti yang ada di sudut kiri blog saya ini. Gimana?? Bagus nggak?? Kalau mau nih aku kasih tau Cara Membuat Animasi Bergerak di Sudut Blog

Caranya mudah, kalian ikuti saja petunjuk dibawah ini:

• Masuk/Login ke Blogger kalian
• Klik Tata Letak kemudian pilih Tambah Gadget
• Pilih HTML/Javascript
• Lalu copy kode script dibawah ini (Tak usah diberi judul)...

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://tejanugrahamp4.blogspot.com/2013/04/tutorial-blog-cara-membuat-animasi.html" target="_blank"><img border="0" src="Masukkan link gambar kalian disini" title="" /></a><small><center><a href="http://tejanugrahamp4.blogspot.com/2013/04/tutorial-blog-cara-membuat-animasi.html" target="_blank" title="Cara Memasang Widget Animasi Naruto"></a></center></small></div>

Sebelum kalian copas kode tersebut ke blog kalian. Sebaiknya kalian taruh dulu di Notepad dan edit script nya sesuai keinginan kalian. Berikut catatan dan tutorial Cara Membuat Animasi Bergerak di Sudut Blog.

- Untuk mengedit animasi apa yang ingin kalian gunakan silakan edit "Tulisan yang diblok warna biru" dengan alamat/link gambar gif kalian (link gambar bisa cari di google atau kunjungi situs ini ).
- Untuk mengedit tinggi animasi silakan edit : "height : 160px" (angka dapat kalian atur  sesuai dengan kebutuhan)
- Untuk mengedit lebar gambar : "width : 130px" (angka dapat kalian atur  sesuai dengan kebutuhan)
- Untuk mengedit/mengatur lokasi gambar animasi bergerak Silahkan kalian edit "position : fixed ; bottom:0px;left:10px" 
Keterangan untuk mengedit lokasi gambar :
position: fixed : Maksudnya adalah animasi akan selalu bergerak. Jika kalian ingin animasi tersebut hanya diam pada satu posisi maka silahkan 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 ubah tulisan 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".

Saran buat kalian...
Jika kalian ingin mengedit animasi menjadi di kanan dan di atas sebaiknya edit saja menjadi seperti ini "position: fixed; top: 0px; right:10px" 

Berikut tadi tutorial Cara Membuat Animasi Bergerak di Sudut Blog. Terimakasih, Semoga bermanfaat... Jangan lupa tinggalkan komentar yaa...