Saturday, 30 June 2012
Cara:
- masuk atau login ke blog kalian
- klik Rancangan / Design kemudian klik Elemen laman / page Elements
- Lalu klik tambah gadget / add gadget , setelah di klik akan muncul banyak pilihan ..
- pilih HTML/JAVA SCRIPT
- lalu copy pastekan script-script berikut ini ( sebaiknya jangan di beri judul )
script di bawah ini telah di setting sedimikian rupa agar animasi tersebut ada tepat di pojok kiri bawah blog . jika kalian tidak mau animasi tersebut berada di pojok kiri bawah blog kalian .. silakan kalian hapus atau edit kembali script yang berwarna hijau pada contoh di bawah ini setelah gambar animasi ..
Ketentuan:
untuk mengedit animasi apa yang kalian ingin gunakan silakan edit "Tulisan berwarna
biru "( ubah alamat animasi favorit yang anda suka)
untuk mengedit tinggi animasi silakan edit : "hegiht : 130px"
( angka dapat kalian atur sesuai dengan kebutuhan)
untuk mengedit panjang gambar : "width : 110px"
( angka dapat kalian atur sesuai dengan kebutuhan)
untuk mengedit/ mengatur lokasi sesuai kebutuhan misal animasi bergerak ini dapat di
buat agar tidak ada di pojok/sudut blog . melainkan diam / berada pada posisi
yang kalian ingin kan , jika kalian tertarik untuk mengeditnya .
silakan kalian edit "position : fixed ; bottom:0px;left:10px"
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.
Niote:
jika anda ingin mengedit animasi menjadi di kanan dan di atas sebaiknya edit saja seperti ini
"position : fixed ; top:0px;right:10px"
biru "( ubah alamat animasi favorit yang anda suka)
untuk mengedit tinggi animasi silakan edit : "hegiht : 130px"
( angka dapat kalian atur sesuai dengan kebutuhan)
untuk mengedit panjang gambar : "width : 110px"
( angka dapat kalian atur sesuai dengan kebutuhan)
untuk mengedit/ mengatur lokasi sesuai kebutuhan misal animasi bergerak ini dapat di
buat agar tidak ada di pojok/sudut blog . melainkan diam / berada pada posisi
yang kalian ingin kan , jika kalian tertarik untuk mengeditnya .
silakan kalian edit "position : fixed ; bottom:0px;left:10px"
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.
Niote:
jika anda ingin mengedit animasi menjadi di kanan dan di atas sebaiknya edit saja seperti ini
"position : fixed ; top:0px;right:10px"
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" error-99.blogspot.com " target="_blank"><img border="0"
src=" http://content.sweetim.com/sim/cpie/emoticons/00020389.gif"
title="lihat lebih banyak animasi helikopter". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://error-99.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Helikopter</a></center></small></div>
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="
www.zengbogel.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://error-99.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Onepiece</a></center></small></div>
Copy Kode:
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="
www.zengbogel.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://error-99.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Onepiece</a></center></small></div>
Hanya Itu Yang dapat Saya Berikan semoga bermanfaat!!!!
Jangan Lupa Jempolnya!!!!
Gunakanlah bahasa yang sopan
Tidak mengandung SARA (Agama, Suku, Dll)
Tidak menyertakan link aktif.
Jika melanggar syarat diatas komentar akan saya anggap SPAM
Konvert KodeMember AktifJoin This Blog