Memasang Animasi di blog

CARA MEMASANG ANIMASI MENGAMBANG DI BLOG

Cara menambah Animasi di blog

1. Pertama login dulu pada blog anda.

2. Kemudian klik Tata Letak >> Tambahkan Gedget >> HTML/ JavaScipt

               

.3. Lalu masukkan scipt pada laman yang telah disediakan.

misal :

4. Kemudian klik simpan.

Hasilnya :

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 untuk mengatur posisi, untuk mengganti gambar edit script yang berwarna biru 

Animasi Panda Hello Gif

silakan copas :
<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/212/th/21215.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>
setelah itu simpan !!!
     ( 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 editbottommenjadi 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.
adapun script widget animasi yang lainnya dan bisa anda pilih diantaranya dibawah ini:

1. Gajah mloncat

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"> <a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center> <a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Widget-Animasi</a></center> </small></div>

2. Naruto berubah

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

3. Doraemon

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

4. Monyet

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

5. Kodok mata belok

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

6. Emo memanah

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"> <a href="http://gedesitdownblog.blogspot.com/" 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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget Animasi</a></center> </small></div>

7. Kelinci

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"> <a href="http://gedesitdownblog.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center> <a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget Animasi</a></center> </small>/div>

8. Berjoget

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

9. Teddy main bola

<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://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center> </small></div>

10. Seikat bunga

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center> <a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center> </small></div>

Sumber:

http://istiistiroh.blogspot.com/2015/03/cara-memasang-animasi-di-blog.html