cara menampilkan Gambar Animasi pada Blog (1)

Hay Sobat semua, Jumpa lagi diposting kali ini saya akan mengulas tentang bagaimana cara membuat animasi swf tampil pada blogger.

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 )


 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 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 editbottom                              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  editleft                              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" 

nahhh , sekarang coba kalian lihat hasilnya  ..prok ..prok ..prok ..jadi apa  !!!!

adapun script widget animasi yang lainnya seperti naruto - one piece dan banyak lagi yang telah aldi temukan di mbah google , lihat di bawah ini : ( animasi naruto dan one piece banyak terletak di bagian bawah artikel ).

tinggal copy paste'in saja yaa .:

<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://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://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Widget Animasi </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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/KibaAkamaru.gif " title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan 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>

<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." /></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>

<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://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Onepiece</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://i1107.photobucket.com/albums/h385/bogel4/DeidaraBird.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 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/JiraiyaSummoned.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan 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 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://th280.photobucket.com/albums/kk197/chanhonglok/naruto/th_gif.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Widget Animasi</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://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://zengbogel.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://smileys.smileycentral.com/cat/36/36_2_20.gif" title="Kumpulan Widget Animasi" alt="kumpulan gambar bergerak"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Bergerak</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://isroi.files.wordpress.com/2010/01/ag00317_.gif?w=468" title="Kumpulan Widget Animasi" alt="kumpulan gambar bergerak"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Bergerak</a></center></small></div>

[-] Dilarang Copy Paste, usahakan Kerja Sendiri ! CUKUP SULIT? gk sulit kok, cuman Susah-susah Gampang :m:

[-] Tunggu Animasi Swf berikutnya !

[-] Pastikan Anda Menekan Tombol LIKE dari FACEBOOK di sebelah kanan blog ini,. DIJAMIN SUKSES !