Jumat, 31 Oktober 2008

Bikin Efek bertaburan hati (heart) di FS / Blog

oke... di halaman Blog aku ini kan banyak gambar heart yg melayang-layang...
dan kini ada sedikit tips untuk mempercantik FS / Blog kamu...
cara ini sudah banyak di posting oleh beberapa orang... tapi kebanyakan hanya memakai Link-nya saja...
Kali ini... Aku akan memberikan susunan Scriptnya... dan kamu bisa mengganti Gambar yang akan melayang2 tersebut...
Kamu bisa ganti dengan Foto kamu sendiri...
Klik disini untuk melihat contohnya yang ada di FS teman Aku....

Dan sekarang kita akan mulai prosesnya.....

1. Siapkan bahab2nya
- Notepad / sejenisnya (Ini berguna untuk utak-atik susunan scriptnya, terutama memngganti Gambarnya)
2. Copy Script berikut ini ke notepad Kalian :

//Configure below to change URL path to the snow image
var snowsrc="http://h1.ripway.com/hanifzx/heart.png"
// Configure below to change number of snow to render
var no = 10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("www.hanifspd.blogspot.com")!=-1)? "http://h1.ripway.com/hanifzx/heart.png" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px;

LEFT: 15px;\"><a href=\"http://www.hanifspd.co.cc\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px;

LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}

function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up &&

snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")?

iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}


if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}

Yang berwarna merah adalah URL gambar yang akan muncul.
Gambarnya seperti ini :

Jadi... klo kamu mau ganti dengan foto kamu sendiri... ya tinggal GANTI Tulisan warna merah itu dengan URL foto kamu....
Gampang to..???

Tyus klo udh selesai utak-atik.... Simpan dengan Nama : melayang.js . tyus kamu Upload ke Hosting kamu.... Klo aq biasanya upload di www.ripway.com

klo kamu males utak-atik Scriptnya..... langsung aja Copy script punya ku di bawah ini....

<script src="http://h1.ripway.com/hanifzx/herat.js"></script>

Tapi script itu munculnya akan persis sama gambar ini :


Oia... Script tadi jangan lupa taruh di Kotak Media FS kamu.....!!! ("Tambahkan Media") jangan lupa isi buku tamu....
ISI BUKU TAMU

Tidak ada komentar:

Posting Komentar