Skip navigation

Bagi yg dh bosen ngeliat salju kamu yg gitu-gitu ajah cocok untuk tutor ini….,cz di sini kamu akan saya ajarin buat mengganti gambar salju yg berjatuhan dari atas page profile fs kamu….

Juga siap-siap ajah utk beli obat sakit kepala karena tutor ini cukup rumit bagi pemula……

Tapi tenang ajah….,kalo udah saya yg mengajarkan pasti jadi gampang…….

Hehehehe……..

Bagi eang blum mengerti seperti apa dampak dari kode ini kalian bisa lihat Profilku ini…..

Seperti eang kalian lihat di profil saya ada uang yang berjatuhan dari atas profil saya..,seperti itulah dia jadinya…..

Oh ia..,juga jgn lupa di add iah fs quwh….,agar kalian bisa banyak bertanya sama saya di sana…..

Oc…..???

Yukkk….,langsung ajah dimulai tutor’na……..

1. Yg pertama…,kalian copy kode di bawah ini

/*
Snow Effect Script
Submitted by Altan d.o.o. (snow@altan.hr, http://www.altan.hr/snow/index.html)
*/

//Configure below to change URL path to the snow image
var snowsrc=”http://i426.photobucket.com/albums/pp341/satya_adi28/dollar.gif”
// Configure below to change number of snow to render
var no = 10;

var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

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 (ns4up||ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();

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 (ns4up) { // set layers
if (i == 0) {
document.write(“<layer name=\”dot”+ i +”\” left=\”15\” top=\”15\” visibility=\”show\”><a href=\”http://dynamicdrive.com/\”><img src='”+snowsrc+”‘ border=\”0\”></a></layer>”);
} else {
document.write(“<layer name=\”dot”+ i +”\” left=\”15\” top=\”15\” visibility=\”show\”><img src='”+snowsrc+”‘ border=\”0\”></layer>”);
}
} else 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://dynamicdrive.com\”><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 snowNS() { // Netscape main animation function
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();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers[“dot”+i].top = yp[i];
document.layers[“dot”+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout(“snowNS()”, 10);
}

function snowIE_NS6() { // IE and NS6 main animation function
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();
doc_width = ns6up?window.innerWidth : document.body.clientWidth;
doc_height = ns6up?window.innerHeight : document.body.clientHeight;
}
dx[i] += stx[i];
if (ie4up){
document.all[“dot”+i].style.pixelTop = yp[i];
document.all[“dot”+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
else if (ns6up){
document.getElementById(“dot”+i).style.top=yp[i];
document.getElementById(“dot”+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);
}
}
setTimeout(“snowIE_NS6()”, 10);
}

if (ns4up) {
if (!attachOnLoadHandler(function(){snowNS()})) window.onload = function(){snowNS()};
} else if (ie4up||ns6up) {
if (!attachOnLoadHandler(function(){snowIE_NS6()})) window.onload = function(){snowIE_NS6()};
}

Tutor’nya belum selesai……

2. Kalo uda di copy….,sekarang paste kode diatas di NotePad dan ganti kode yg berwarna merah dengan alamat gambar yg kamu cari……,pastiin juga nama gambar yg kamu pilih gk ada spasi’nya (kalo ada di hapus aja spasinya)…., jangan lupa juga utk tidak menambahkan tanda yg lain-lain pada saat nge-paste alamat gambar’nya….,dan jika kamu mau hasilnya lebih bagus..,lebih baik gambar yg kamu cari di edit di “ADOBE PHOTOSHOP” dluwh agar background dari gambar yg anda pakai jadi menyatu dengan background layout kalian dgn cara merubah background dari gambar tersebut menjadi “Transparant……..

3. Setelah itu save file tersebut dgn ekstensi js (pada saat disave,di belakang nama di isi .js [dot js]  misalnya : code.js) dan save type’nya di pilih “all files” (biar gk bingung liat gambar di bawah)……

save-parameter4. Nah…,dari sini udah mulai rumi (tapi relax ajah iah)……Sekarang kalian cari tempat hosting js favorit kamu….,kalo saya sih sering di www.ripway.com…….

5. Kalian klik ajah link ripway di atas iah….,abis nge-klik..,kalian langsung terbang ke ripway….

6. Di sana..,kalian harus nge-register utk menjadi member dan agar nanti bisa mengupload di sana…. Nih cara nge-register’nya :

  • Lalu masukin data yang diperlukan untuk membuat account baru
  • Setelah memasukan data tersebut klik “Sign Up Now”
  • Kalau account kita berhasil dibuat dan tanpa error seperti username udah dipake orang lah, atau alamat email udah dipakai orang lah dsb, nanti akan muncul iklan atau advertise seperti dibawah ini
  • Ngga usah ditanggepin!!, Langsung klik “Login” ajah, yang tombolnya ada di atas
Nah….,dah selesai tuh register’nya….,sekarang lanjutin nyokkkk……..
7. Setelah itu Log in menggunakan account yg baru dibuat tersebut (masukin username dan password)

8. Setelah berhasil login, Klik menu “My Files” yang mana?? nih liat lagi gambar

9. Setelah itu klik “Upload Files”, yang mana??? nih liat gambar lagi

10. Setelah itu halaman untuk meng-upload akan muncul
11. Truz klik browse dan cari NotePad yg berisi kode tadi…..
12. Setelah ketemu dan di pilih…,langsung kita upload ajah dengan mengklik tulisan “Upload” di kolom bawah….
13. Setelah selesai di Upload…,klik kolom “Return to My Files” (di samping kolom “Upload”)
14. Abis tuh kalian tinggal copy link file yg kalian upload tadi…,masih bingung…??? Lihat gambar lageee…..
1113. Abiz tuh kalian cari generator js linker…,biar praktis,klik Disini…..
14. Setelah masuk…,kalian paste-kan link js kode kalian tadi di sebuah kolom kecil yg diatas’na ada tulisan seperti ini “url file javascript : contoh (http://xxx.googlepages.com/code.js)”……,kemudian di klik kolom “Generator” (di samping kolom kecil yg tadi saya bilang)…….
15. Setelah di generate…,kalian copy kode yg ada di bawah yg berukuran lebih besar…..
16. Nah kode itu kemudian masukkan ke customize page kalian dan di taruh di kolom “Add Media”….
Huh….,selesai tuh…
Salju’na dah di ganti ma gambar yg kalian cari…….
Btw dh abiz brapa obat atit kpala tuh…???
Hehehehe…….
Selamat Mencoba “n” Good Luck………..

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: