Selasa, 23 April 2013
0 komentar

Cara Pasang Animasi Bergerak Naruto Onepiece Di blog



Berikut adalah cara memasang animasi bergerak di sudut blog kalian !!!



pada postingan  kali ini ,aldi 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 aldi akan memberikan kumpulan postingan animasi bergerak seperti naruto dan onepiece dari berbagai situs yang telah aldi kunjungi .
silakan kalian kalau mau copas kode-kode script berikut di blog kalian .big hug

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 .!!!

News Flash !!!
mau pelihara hamster kaya gini di blog ??? klikdisini
                                   
catatan !!!
coba anda klik pada kotak hamster di atas  !!!
bagaimana ??? kerenkan


lanjut ke tutorial pasang animasi naruto onepiece dll di sudut blog

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 ..
Animasi Helikopter Gif

silakan copas :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="widget animasi lucu bergerak atau gif"  alt="animasi bergerak naruto dan onepiece"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">animasi bergerak helikopter</a></center></small></div>

setelah itu simpan !!!

                   idea Ketentuan catatan idea

=>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"



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

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 .:
Animasi Tengkorak 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://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>




KibaAkamaru Koleksi Gambar Animasi Bergerak Naruto GIF Lengkap
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/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>







KisameWater Koleksi Gambar Animasi Bergerak Naruto GIF Lengkap
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/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>

Animasi Onepiece 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://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>





DeidaraBird Koleksi Gambar Animasi Bergerak Naruto GIF Lengkap
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://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>


JiraiyaSummoned Koleksi Gambar Animasi Bergerak Naruto GIF Lengkap
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>




th gif Koleksi Gambar Animasi Bergerak Naruto GIF Lengkap
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>

Animasi helikopter 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://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>


SmileyCentral.com
Animasi Icon Bergerak  

<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>

0 komentar:

Poskan Komentar

 
Toggle Footer
Top