CARA MEMASANG ANIMASI DI BLOG

Kali ini kita akan membahas tentang cara memasang widget animasi di blog

Widget ini bisa sobat tempatkan dimana saja tapi umumnya di letakkan di sudut blog seperti kanan atas, kanan bawah, kiri atas dan kiri bawah blog. Di bawah ini telah Telah Kita sajikan (silakan copas)  beberapa animasi yang bisa sobat gunakan dengan menkopi scriptnya dan di masukkan di HTML/Javascript di blog sobat.Bila Tertarik langsung digunakan ya...

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>

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 : "height : 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 andaingi 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 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"

CARA MEMASANG:

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

SILAKAN COPAS:  

1. BAYI KETAWA

 Script:

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" alt="animasi blog" /></a><small><center><a href="http://zefhan.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>



2.HELIKOPTER

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://zefhan.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>


3.BORING

Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif"alt="animasi blog"  /></a><small><center><a href="http://zefhan.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>


4. PANDA MAEN BOLA

Script:

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" alt="animasi blog" /></a><small><center><a href="http://zefhan.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

5. PANDA BIRU

Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://zefhan.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

6.BURUNG TERBANG

Script:

 <div style="position: fixed; top: 0px; left: 10px;width:225px;height:160px;"><a href="http://christiantatelu.blogspot.com" target="_blank"><img alt="animasi blog" src="http://i567.photobucket.com/albums/ss114/fatiasa/bird_ann.gif" title="Click to get more." /></a></div>


7.CEWEK JOGET

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.javapic.com/images/97750430929323597589.gif" target="_blank"><img alt="animasi blog" src="http://www.javapic.com/images/97750430929323597589.gif" title="Click to get more." /></a><small><center><a href="http://zefhan.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

8.JIRAIYA

Script:

<div style="position:fixed;bottom:0;left:10px;width:130px;height:160px"><a href="http://situs9.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhte3skxeg3MRkdbXa5fPbzTgzKfzcesDqqQ6LrNWWABBvlLb2Cd640vLFmjAczSekfaE9dyG9iIF9t6QG9qfAV5J3a-gQcyODGUzQZFjlu9ezr4p3BEXoawDHfyGtlSbCjgmp4ZyAd-Jht/s320/1.gif" title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://zefhan.blogspot.com/2013/02/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

9.NARUTO

 Script:

<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/692/th/69207.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zefhan.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

10.SHARINGAN

 Script:

<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/712/th/71266.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zefhan.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div> 

11.EKSPRESI

Script: 

<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/742/th/74214.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zefhan.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div> 

12. TENGKORAK

Script:

<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/1/th/152.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zefhan.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

13. HULK

 

 Script:

<center><a href="http://www.zwani.com/graphics/animated/"><img src="http://images.zwani.com/graphics/animated/images/animated198.gif"  alt="zwani.com myspace graphic comments" border=0></a><br><a href="http://www.twitterbackgrounds.org/" target

14. HIPNOTIZE

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:150px;"><a href="http://zhadewo.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7VWok80WCuodZg2lxohZ_PgwhsvcEL7oSs7SVWeAndSF9wtXwYnjVzDepNkpL8fUUJeZPkHFIi0y_Ijtk07c35LZfGgxCYXuoGeMQ-7MhhGUwWaSPi9zfADY-iEj4fhRjHQM1eIAcEm4/s200/hipnotize.gif" alt="gambar" title="Zhadewo Blog'z" height="150" width="300" /></a></div>

15.HEY FRIEND

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.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://zefhan.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

16.PANAH

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://zefhan.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

SILAHKAN BERKREASI!!!   



 NB: DILARANG COPY PASTE TANPA SEIZIN BLOG INI!!!

• Tweet
• Share
• Share
• Share
• Share

About Zefhan Syayuki

Hanyalah Orang Biasa Yang Belajar Blogging :)

Related Post