cara memasang animasi lebah terbang di blog

Tommy's Blog - Tommy Sekarang ingin membuat widget lebah terbang di blog. Widget ini hanya menggunakan script ringan dan disertai tombol on dan tombol off. Kalau tombol off anda klik maka lebahnya hilang, dan dia akan muncul ketika tombol on anda klik. Script ini saya dapatkan dari blogger tricks and toolz, thanks a lot bro for the script...that's very atractive and funny one. Baiklah mari kita mulai, ikuti langkah berikut.



Masuk ke blog anda
Klik Rancangan
Klik Tambah Gadget
Pilih HTML/ JavaScript
Masukkan kode berikut ke dalamnya dan Klik Simpan

<div id='abeja' style='position:absolute; top:0px; left:0px; visibility:hidden; z-index:10'><a href='http://muhammadtommywijaya.blogspot.com/' target='top' onclick='abejacazada()'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmI0Em1mJi-z-HENDtD6t8dozibWwTPwM9AgaoHlP3AUXVVMKUuDNcpalHO8EFa1hsyhuJYHlxTE4LPmgrvrSkWvLAuW2xdUgOaahxTNV7vV7gMrL4uHv_CD-WwEK8-eoluxoW1siTK6s/" style="width:52px; height:51px; border:0;" /></a></div>

<center><input name="detener" type="button"
onclick="abejacazada()" value="Off" /><input name="volar" type="button" onclick="iniciar()" value="On" /></center>

<script type='text/javascript'>
// Juan Rodríguez [Consultor]
<!-- inicio
var velocidad=50;var cambio=100;var CamHorMax=25;var CamVerMax=25;var hor,ver;var DesHor=2;var DesVer=2;var DirHor=true;var DirVer=true;function iniciar(){ajustar();volar(hor/2,ver/2);document.getElementById('abeja').style.visibility="visible";animar();cambiar();reiniciar();}
function ajustar(){if(document.all){hor=document.body.clientWidth;ver=document.body.clientHeight}
else if(document.getElementById&&!document.all){hor=window.innerWidth;ver=window.innerHeight}}
function volar(PosHor,PosVer){document.getElementById('abeja').style.top=parseInt(document.getElementById('abeja').style.top)+PosVer+"px";document.getElementById('abeja').style.left=parseInt(document.getElementById('abeja').style.left)+PosHor+"px";}
function animar(){PosHor=parseInt(document.getElementById('abeja').style.left);PosVer=parseInt(document.getElementById('abeja').style.top);if(DirVer){if((PosVer)>(ver-100)){DirVer=false;volar(0,-DesVer);}else{volar(0,DesVer);}}
else
{if((PosVer)<100){DirVer=true;volar(0,DesVer);}else{volar(0,-DesVer);}}
if(DirHor){if((PosHor)>(hor-100)){DirHor=false;volar(-DesHor,0);}else{volar(DesHor,0);}}
else
{if((PosHor)<100){DirHor=true;volar(DesHor,0);}else{volar(-DesHor,0);}}
setTimeout('animar()',velocidad);}
function cambiar(){DirHor=(Math.floor(Math.random()*2)==0);DirVer=(Math.floor(Math.random()*2)==0);DesHor=Math.floor(Math.random()*CamHorMax);DesVer=Math.floor(Math.random()*CamVerMax);setTimeout('cambiar()',cambio);}
function abejacazada(){document.getElementById('abeja').style.visibility="hidden"}
function reiniciar(){setTimeout("window.onresize=releer",50)}
function releer(){window.location.reload()}
window.onresize=ajustar
// final -->
</script>

Silahkan gantri muhammadtommywijaya yang berwarna merah dengan alamat blog kamu
Silahkan ganti top = atas dengan center = tengah, atau bottom = bawah
Silahkan ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmI0Em1mJi-z-HENDtD6t8dozibWwTPwM9AgaoHlP3AUXVVMKUuDNcpalHO8EFa1hsyhuJYHlxTE4LPmgrvrSkWvLAuW2xdUgOaahxTNV7vV7gMrL4uHv_CD-WwEK8-eoluxoW1siTK6s/ dengan alamat gambar binatang lain kesukaan anda bila anda tidak suka dengan animasi lebah pada tampilan ini
Silahkan ganti off dengan kata berhenti atau lainnya dan on dengan kata terbang atau lainnya.
Selamat mencoba dan sukses selalu
Klo mw liat contohnya, liat di http://muhammadtommywijaya.blogspot.com/ 

Sumber : http://belajar--ngeblog.blogspot.com

Artikel Terkait