Senin, 28 Januari 2013

Cara Membuat dan Memasang Animasi Bergerak di Sudut Blog



Pasang Animasi Lucu di Blog


Setelah lama berusaha mencari widget-widget animasi lucu bergerak dan menarik dari berbagai situs untuk anda dalam memasang animasi di sudut atau pojok blog dan membuat tampilan blog anda semakin segar dengan adanya animasi yang bergerak di sudut blog.

Akhirnya ketemu juga widget-widget yang lucu dan unik yang pastinya bergerak atau berformat gif ,pada kumpulan widget animasi bergerak ini anda bisa membuat animasi bergerak di pojok blog anda, mungkin di antara kalian ada juga yang senang dengan animasi - animasi lucu yang bergerak ini untuk di pasang di sudut blog kalian.

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 yang lucu dan menarik dari berbagai situs yang telah saya kunjungi .silakan kalian kalau mau copas kode-kode script berikut di blog kalian .

Berikut adalah salah satu pendamping - lucu, berbakat dan setia. Dia bisa duduk, berbaring dan berguling. Cobalah memberinya hewan peliharaan dan melihat bagaimana dia menanggapi.  Animasi anjing Anda dihibur dengan bermain bola atau memberinya tulang. Membalasnya dengan memberinya memperlakukan. 

News Flash !!!
mau pelihara anjing kaya gini di blog ???
DEMO

Untuk menuruti perintah untuk duduk, double-klik mouse Anda pada tanah yang dekat dengannya. 
Klik dua kali lagi untuk mendapatkan dia untuk berbaring. 
Kemudian tahan tombol mouse ke bawah dan membuat gerakan melingkar untuk memberitahu dia untuk berguling. 

Anda dapat membuat perubahan pada anjing dengan mengklik link edit pengaturan di atas. 
Jika Anda sudah selesai, klik tombol "Add to Google" tombol.
Jika tidak bekerja untuk Anda, Anda mungkin perlu untuk mendapatkan versi terbaru dari ;
flash.http://get.adobe.com/flashplayer/

Lanjut ke tutorial pasang animasi naruto onepiece dll di sudut blog
Untuk memasang widget widget animasi bergerak seperti naruto dan onepiece pada blog kalian ..( tepatnya animasi- animasi bergerak 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 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
• Kemudian copy pastekan script-script berikut ini ( sebaiknya jangan di beri judul )

Silakan Copas :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.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://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">animasi bergerak helikopter</a></center></small></div>

• Setelah itu simpan !!!

script di bawah ini maupun scrift diatas adalah contoh yang telah di setting sedemikian 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 ..

Keterangan;

=>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 dibuat 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 topleft : 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 ..!!!!

Adapun script widget animasi yang lainnya dan bisa anda letakan di pojok blog dan banyak lagi yang telah saya temukan di mbah google , lihat di bawah ini : (cara membuat animasi bergerak di pojok blog kalian ).
tinggal copy paste saja yaa .:

animasi  bergerak gif
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46606.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>
animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1/th/152.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/198/th/19809.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/3/th/312.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://i.mnpls.com/715/71510.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/59/th/5990.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/110/th/11046.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/0/th/72.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/229/th/22949.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>
animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/2/th/257.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/740/th/74084.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/458/th/45845.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>
animasi  bergerak 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://s.myniceprofile.com/myspacepic/1031/th/103123.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>
animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/439/th/43917.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46602.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>
animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/438/th/43833.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/485/th/48554.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/243/th/24365.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>
animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10235.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak 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://s.myniceprofile.com/myspacepic/228/th/22801.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/460/th/46008.jpg" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/712/th/71266.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/656/th/65649.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53972.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/461/th/46105.jpg" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/471/th/47146.jpg" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/692/th/69207.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53973.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.affiliate-waones.com" target="_blank"><img border="0" src="http://sig.graphicsfactory.com/Halloween/a.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://waones-sbm.blogspot.com/2013/01/trik-membuat-dan-memasang-animasi_23.html" target="_blank">My Widget</a></center></small></div>

animasi  bergerak gif

Masih kurang ?? coba aja anda googling sendiri di mbah google, biar tambah semangat postingin membuat animasi bergerak di pojok blog nya !!!

Selamat mencoba Cara Membuat dan memasang Animasi Bergerak di Sudut Blog,

Sekian dahulu tutorial yang begitu singkat CARA MUDAH MEMBUAT DAFTAR ISI SLIDE IN PAGE
Selamat mencoba untuk mengganti titel / judul blog dengan logo atau gambar.

Dan setelah  Memasang Animasi Bergerak di Sudut Blog, mungkin anda tertarik untuk memasang iklan dengan menempelkan iklan banner pada blog anda, silahkan anda baca pada artikel Cara Membuat Iklan Banner Berganti Secara Otomatis atau CARA MEMASANG LOGO DI HEADER BLOGSPOT

Semoga postingan Cara Membuat dan memasang Animasi Bergerak di Sudut Blog diatas dapat bermanfaat untuk anda, salam sukses selalu ...

Edit; wawansurya
Sumber ;
www.affiliate-waones.com
http://waones-sbm.blogspot.com
http://mitra-sbm.blogspot.com

merchant 
Search Engine

Artikel Menarik Lainnya :



Tidak ada komentar:

Posting Komentar

Apabila ada saran atau dalam posting ada kata yang kurang berkenan, saya mohon maaf. terima kasih sudah mampir di blog saya.