nantikan peluncuran tampilan terbaru dari blog ini dalam waktu

Rabu, 26 November 2008

Membuat kupu2 berterbangan di FS/Blog

Yayayayayayaya........................ Aslinya males banget mau posting.........
Tapi karena salahsatu temen aku si Denizuchri..........
Ya terpaksadeh aku posting.............. dari pada capek buatin tuk dia, mending di publikasikan........ :D

oke langsung aja di mulai.
pertama lu harus siapkan gambar, (cara ini persis ama yg efek heart melayang)
Untuk contohnya, kamu bisa lihat blog punya Aku ini. yang gambarnya adalah ABJAD yang bertuliskan = H A N I F.

Copas kode berikut ke Notepad kalian :


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]='http://www.geocities.com/yono_pati/butterfly2.gif';
floatimages[1]='http://www.geocities.com/yono_pati/butterfly2.gif';
floatimages[2]='http://www.geocities.com/yono_pati/butterfly2.gif';
floatimages[3]='http://www.geocities.com/yono_pati/butterfly2.gif';
floatimages[4]='http://www.geocities.com/yono_pati/butterfly2.gif';
floatimages[5]='http://www.geocities.com/yono_pati/butterfly2.gif';
floatimages[6]='http://www.geocities.com/yono_pati/butterfly2.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(); }
}



Keterangan :
Untuk tulisan yg berwarna merah :

floatimages[0]='http://www.geocities.com/yono_pati/butterfly2.gif';



tuh untuk gambar yg akan di tampilkan.
And klo mau ganti gambarnya... ya kmu tgl ganti URL gambarnya.
jadi, kalau kamu mau menampilkan gambar itu menjadi 8/semau kamu, ya tinggal Copy kode itu
di bawahnya, Tapi ada syaratnya :
lihat angka yang ada di dalam script tersebut yang berwarna biru.
dan script di atas sudah ada angkanya sampai 6. la... tyus klo kamu mau menambahnya, berarti tinggal ganti tuh angka sesuai urutan angkanya.

tyus save dengan nama.... yg kmu sukai, Tapi... harus berformat "JS". Contoh kamu simpan dengan nama "KUPU". la tyus di akhirannya tuh kasih ".JS" = KUPU.JS

Gampang to.........

tyus selanjutnya... Upload ke hosting kamu.
klo sudah.... kamu pasti akan dpt URL-nya. cara masukan di blog/FS gini :

Untuk BLOG :
Tata letak--->Edit HTML--->Cari
Tyus taruh kode ini persis di atasnya :

<scrit src="URL Hasil Upload Kamu"></script>



Untuk FS :
Edit Profil--->Atur
Taruh Kode ini di MEDIA BOX (tambahkan media) FS kamu :

<scrit src="URL Hasil Upload Kamu"></script>



Keterangan :
Untuk tulisan
"URL Hasil Upload Kamu" itu ganti dengan URL hasil upload kamu.

bila ingin g repot-repot nge-Upload, ambil aja

<scrit src="http://hanifsoftware.fileave.com/kupu.js"></script>



gimana........ gampang kan.......????????

Komentarnya Boz.......................

1 komentar:

  1. wew asline rodo' mumet juga kui kang...
    tapi yo wes iso kok
    ajari qw yo..
    bene pinter java script
    ilmune jek kosong blong ki

    BalasHapus

Sekedar coretan untuk belajar bersam. disini saya tidak untuk bersaing, namun saya disini untuk melengkapi dan aling belajar bersama

About Me

Diberdayakan oleh Blogger.

Blog Archive

Rubrik

Follower

Shout

Layanan RSS Vivanews.com dapat diakses pada URL-URL berikut:

http://rss.vivanews.com/ Free Download Movie :