Kupu-Kupu Bertebangan

Nah......kali ini kayaknya q posting hanya khusus untuk cewek nich,tapi kalo anda mau juga gak apa bro.bkakakakakak

Sebagai contoh bisa anda lihat di halaman blog ini banyak kupu2 bertebangan,tapi disini agak kurang bagus bro karena gambar image punyaq, q beri border
Gimana tertarik untuk mencoba membuatnya?Ikuti langkah2 berikut ini::::>>>>
1. Login dulu tentu nya
2. Setelah masuk halaman dasbor pilih rancangan
3. Pilih Edit Html dan jangan lupa centang kotak expad widgetnya
4. Cari kode ]]></b:skin ,biar cepat ketemu tekan Ctrl+F
5. Setelah ketemu copas kode di bawah ini dan letak kan di atas kode tadi yang kamu cari

<script language="JavaScript1.2">


/*
Flying Butterfly script (By BGAudioDr@aol.com)
*/


var Ymax=8;                                //MAX # OF PIXEL STEPS IN THE "X" DIRECTION
var Xmax=8;                                //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION
var Tmax=10000;                        //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES


//FLOATING IMAGE URLS FOR EACH IMAGE. ADD OR DELETE ENTRIES. KEEP ELEMENT NUMERICAL ORDER STARTING WITH "0" !!


var floatimages=new Array();
floatimages[0]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVVw9U9j2aN00MZyRt-0T04w8koEkpvO2A3YJHOhnnF9xIOGptW4DagLY0gqMdbKtL_eYCDqw5bOgOMHFDIqOnq8GGoONJd83LmuHOru5c58yD2-OH-R5ZWpqO2Klx-IqVjYUf8bWR4l4/s1600/butterfly.gif';
floatimages[1]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVVw9U9j2aN00MZyRt-0T04w8koEkpvO2A3YJHOhnnF9xIOGptW4DagLY0gqMdbKtL_eYCDqw5bOgOMHFDIqOnq8GGoONJd83LmuHOru5c58yD2-OH-R5ZWpqO2Klx-IqVjYUf8bWR4l4/s1600/butterfly.gif';
floatimages[2]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVVw9U9j2aN00MZyRt-0T04w8koEkpvO2A3YJHOhnnF9xIOGptW4DagLY0gqMdbKtL_eYCDqw5bOgOMHFDIqOnq8GGoONJd83LmuHOru5c58yD2-OH-R5ZWpqO2Klx-IqVjYUf8bWR4l4/s1600/butterfly.gif';
floatimages[3]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVVw9U9j2aN00MZyRt-0T04w8koEkpvO2A3YJHOhnnF9xIOGptW4DagLY0gqMdbKtL_eYCDqw5bOgOMHFDIqOnq8GGoONJd83LmuHOru5c58yD2-OH-R5ZWpqO2Klx-IqVjYUf8bWR4l4/s1600/butterfly.gif';
floatimages[4]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVVw9U9j2aN00MZyRt-0T04w8koEkpvO2A3YJHOhnnF9xIOGptW4DagLY0gqMdbKtL_eYCDqw5bOgOMHFDIqOnq8GGoONJd83LmuHOru5c58yD2-OH-R5ZWpqO2Klx-IqVjYUf8bWR4l4/s1600/butterfly.gif';
floatimages[5]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVVw9U9j2aN00MZyRt-0T04w8koEkpvO2A3YJHOhnnF9xIOGptW4DagLY0gqMdbKtL_eYCDqw5bOgOMHFDIqOnq8GGoONJd83LmuHOru5c58yD2-OH-R5ZWpqO2Klx-IqVjYUf8bWR4l4/s1600/butterfly.gif';
floatimages[6]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVVw9U9j2aN00MZyRt-0T04w8koEkpvO2A3YJHOhnnF9xIOGptW4DagLY0gqMdbKtL_eYCDqw5bOgOMHFDIqOnq8GGoONJd83LmuHOru5c58yD2-OH-R5ZWpqO2Klx-IqVjYUf8bWR4l4/s1600/butterfly.gif';
floatimages[7]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVVw9U9j2aN00MZyRt-0T04w8koEkpvO2A3YJHOhnnF9xIOGptW4DagLY0gqMdbKtL_eYCDqw5bOgOMHFDIqOnq8GGoONJd83LmuHOru5c58yD2-OH-R5ZWpqO2Klx-IqVjYUf8bWR4l4/s1600/butterfly.gif';
floatimages[8]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVVw9U9j2aN00MZyRt-0T04w8koEkpvO2A3YJHOhnnF9xIOGptW4DagLY0gqMdbKtL_eYCDqw5bOgOMHFDIqOnq8GGoONJd83LmuHOru5c58yD2-OH-R5ZWpqO2Klx-IqVjYUf8bWR4l4/s1600/butterfly.gif';
floatimages[9]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVVw9U9j2aN00MZyRt-0T04w8koEkpvO2A3YJHOhnnF9xIOGptW4DagLY0gqMdbKtL_eYCDqw5bOgOMHFDIqOnq8GGoONJd83LmuHOru5c58yD2-OH-R5ZWpqO2Klx-IqVjYUf8bWR4l4/s1600/butterfly.gif';
floatimages[10]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVVw9U9j2aN00MZyRt-0T04w8koEkpvO2A3YJHOhnnF9xIOGptW4DagLY0gqMdbKtL_eYCDqw5bOgOMHFDIqOnq8GGoONJd83LmuHOru5c58yD2-OH-R5ZWpqO2Klx-IqVjYUf8bWR4l4/s1600/butterfly.gif';


//*********DO NOT EDIT BELOW***********
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
document.write(t);


function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep :  -IDs[num].Xstep , (IDs[num].Ydir)?  IDs[num].Ystep:  -IDs[num].Ystep);
}


function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}


function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}


function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}


function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}


function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}


function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}


function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}


function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}


function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}


function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}


function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || NS6)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}}


function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}


if (NS4||NS6||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}


</script>

6. Sebelum save coba pratinjau terlebih dahulu.
7. Setelah terlihat berhasil barulah di save.
Ok sekian dulu dari saya, semoga jelas dan selamat mencoba.






Credit: BGAudioDr@aol.com