- Home »
- Tips dan Info »
- Cara Pasang Animasi Bergerak Di blog
Unknown
On Jumat, 30 November 2012
Berikut adalah cara memasang animasi bergerak di sudut blog kalian !!!
pada postingan kali ini ,saya berusaha mencari widget-widget lucu bergerak dan menarik dari berbagai situs, setelah mondar-mandir ga karuan di mbah google ,akhirnya ketemu juga widget-widget yang lucu dan unik yang pastinya bergerak atau berformat gif ,pada kumpulan widget animasi bergerak inipun ada juga animasi seperti naruto dan onepiece, mungkin di antara kalian ada juga yang senang dengan animasi onepice serta naruto yang bergerak ini untuk di paasang ke blog kalian. tapi tentu saja di setiap situs-situs tersebut tidak semua animasi bergerak sama oleh karena itu dalam postingan kali ini saya akan memberikan kumpulan postingan animasi bergerak seperti naruto dan onepiece dari berbagai situs yang telah saya kunjungi .
silakan kalian kalau mau copas kode-kode script berikut di blog kalian .
sebelum kalian meng copas kode kode tersebut .. sebaiknya kalian mengikuti tutorial cara memasang animasi pada blog berikut ini . untuk memasang widget widget animasi bergerak seperti naruto dan onepiece pada blog kalian ..( tepatnya animasi- animasi bergerak naruto tersebut akan ada di sudut pojok bawah pada blog kalian ).dan kalian dapat merubah lokasi penempatannya/ukuran gambarnya sesuai dengan tempat/ukuran favorit anda .!!!
adapun langkah-langkah dalam memasang widget animasi bergerak "seperti naruto dan onepiece serta masih banyak lagi animasi-animasi lucu bergerak lainnya khusus untuk blog kalian" yaitu :
- 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 )
- setelah itu simpan !!!
Ketentuan catatan
=>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.
saran ..!!!!
jika anda ingin mengedit animasi menjadi di kanan dan di atas sebaiknya edit saja seperti ini
"position : fixed ; top:0px;right:10px"
contoh animasi bergerak :
Animasi Bergerak Mata Saringgan |
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://www.zengbogel.blogspot.com" target="_blank"><img
border="0" src="
http://i529.photobucket.com/albums/dd336/estelgrace_bucket/sharingan1.gif" title="Kumpulan animasi Naruto bergerak gif" alt="cara
memasang naruto bergerak
gif" /></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://th244.photobucket.com/albums/gg10/spider-man155/th_Akatsuki.gif
" title="Kumpulan animasi Naruto bergerak gif" alt="cara
memasang naruto bergerak
gif" /></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Sakura2.gif
" title="Kumpulan animasi Naruto bergerak gif" alt="cara
memasang animasi naruto bergerak
gif" /></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://pic60.picturetrail.com/VOL1698/12134860/21582353/355343009.jpg
" title="Kumpulan animasi Naruto bergerak gif" alt="cara
memasang animasi naruto bergerak
gif" /></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://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://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/HinatavsNaruto.gif" title="
Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Naruto</a></center></small></div>
Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Temari.gif
" title="Click to get more."
/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kankuro.gif
" title="Kumpulan animasi Naruto dan gara bergerak gif" alt="cara
pasang animasi naruto bergerak gif di
blog" /></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://th217.photobucket.com/albums/cc54/ivandra79/Naruto/th_SASUKE_GIF.gif" title="Kumpulan animasi sasuke bergerak gif"
alt="cara pasang animasi naruto dan sasukebergerak gif di blog" /></a><small>
<center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Naruto</a></center></small></div>
alt="cara pasang animasi naruto dan sasukebergerak gif di blog" /></a><small>
<center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://pic60.picturetrail.com/VOL1698/12134860/21582353/355343243.jpg
" title="Kumpulan animasi Naruto hitachi bergerak gif" alt="cara
pasang animasi naruto dan hitachi bergerak gif di
blog" /></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://pic60.picturetrail.com/VOL1698/12134860/21582353/355343104.jpg" title="Kumpulan animasi Naruto bergerak gif" alt="cara
pasang animasi naruto bergerak gif di
blog" /></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/Kakuzu.gif"
title="lihat lebih banyak animasi naruto bergerak"
/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/GaaraDeidara.gif
" title="lihat lebih banyak animasi naruto bergerak."
/></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/GaaraSkill.gif" title="Kumpulan animasi gara bergerak gif" alt="cara
pasang animasi gara bergerak gif di
blog" /></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/NejiStrikes.gif
" title="kumpulan animasi bergerak" alt="animasi beregerak naruto"
/></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Leecombo.gif
" title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://i1107.photobucket.com/albums/h385/bogel4/DeidaraBird.gif"
title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/KisameWater.gif"
title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://pic60.picturetrail.com/VOL1698/12134860/21582353/355343266.jpg
" title="lihat lebih banyak animasi naruto bergerak."alt="animasi beregerak naruto"
/></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://pic60.picturetrail.com/VOL1698/12134860/21582353/355343137.jpg"
title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kakashi.gif
" title="kumpulan cartoon bergerak." alt="animasi beregerak naruto"/></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://pic60.picturetrail.com/VOL1698/12134860/21582353/355343104.jpg
" title="klik kumpulan Widget Animasi naruto" alt="animasi beregerak naruto"/></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/3rdHokage.gif
" title="klik kumpulan Widget Animasi naruto " alt="animasi beregerak naruto"/></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://pic60.picturetrail.com/VOL1698/12134860/21582353/355343066.jpg"
title="lihat kumpulan Widget Animasi Naruto " alt="animasi beregerak naruto"/></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://pic60.picturetrail.com/VOL1698/12134860/21582353/355343217.jpg
" title="lihat kumpulan Widget Animasi Naruto "alt="animasi beregerak naruto"
/></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Naruto</a></center></small></div>
Animasi Bergerak Naruto Gif |
<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://pic60.picturetrail.com/VOL1698/12134860/21582353/355342907.jpg"
title="Klik untuk lihat kumpulan Animasi Naruto" alt="animasi beregerak "/></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Naruto</a></center></small></div>
ONE PIECE
Animasi Bergerak Onepiece Gif |
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank"><img border="0"
src="http://onepieceindo.files.wordpress.com/2009/10/luffyattack.gif?w=200&h=100"
title="Kumpulan Widget Animasi"
/></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Onepiece</a></center></small></div>
Animasi Bergerak Onepiece Gif |
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank"><img border="0"
src="http://onepieceindo.files.wordpress.com/2009/10/zoroattack.gif?w=150&h=100"
title="klik Widget Animasi onepiece"
/></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Onepiece</a></center></small></div>
Animasi Bergerak Onepiece Gif |
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank"><img border="0"
src="http://onepieceindo.files.wordpress.com/2009/10/sanji.gif?w=120&h=76"
title="klik Widget Animasi onepiece"
/></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Onepiece</a></center></small></div>
Animasi Bergerak Onepiece Gif |
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank"><img border="0"
src="http://onepieceindo.files.wordpress.com/2009/10/1_121.gif?w=100&h=150"
title="Click Widget Animasi onepiece"
/></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi
Onepiece</a></center></small></div>
Animasi Bergerak Onepiece Gif |
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank"><img border="0"
src="http://onepieceindo.files.wordpress.com/2009/10/ngacir-ala-croc.gif?w=100&h=100"
title="lihat widget animasi onepiece"
/></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi Onepiece</a></center></small></div>
Animasi Bergerak Onepiece Gif |
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank"><img border="0" src=" http://onepieceindo.files.wordpress.com/2009/10/1_19.gif?w=150&h=150"
title="klik untuk lihat animasi "
/></a><small><center><a
href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html"
target="_blank">Animasi Onepiece</a></center></small></div>