Cara Membuat Lebah Terbang di Blog

Sekarang kita akan buat 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://blogonol.blogspot.com/' target='top' onclick='abejacazada()'><img src="https://lh3.googleusercontent.com/_u4rBCfM4eII/TaW1yrJ_FuI/AAAAAAAABnI/2SkiTXSsM3o/Animated%20Fly.gif" 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 blogonol yang berwarna merah dengan alamat blog kamu
Silahkan ganti top = atas dengan center = tengah, atau bottom = bawah
Silahkan ganti https://lh3.googleusercontent.com/_u4rBCfM4eII/TaW1yrJ_FuI/AAAAAAAABnI/2SkiTXSsM3o/Animated%20Fly.gif 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. 
Selesai dan lihat hasilnya 
Selamat mencoba dan sukses selalu

Script Source: blogger tricks and toolz

"keep spirits and do the best"