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
- 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...
Artikel Terkait
