Senin, 16 Maret 2009

EFEK SALJU

Selamat pagi Bloggerozt dimanapun anda berada....
Untuk kali ini saya akan memberikan tip's untuk menambahkan "EFEK SALJU" pada blog, yang mungkin telah diposting "Milliaran" kali pada blog-blog kategori tutorial lain, namun karena masih ada saja yang menanyakan tentang ini, akhirnya dengan sedikit perut yang eneghketukmeje saya harus mem-Posting (kembali) trik ini.
Buat yang sudah kirim puluhan e-mail yang menanyakan Trik ini, This is for Youa all guy's... !!
Langsung saja !!
Sebelum memasangnya silahkan anda lihat contohnya disini atau disini.
Kalau sudah liat contohnya, silahkan ikuti petunjuk berikut ini :

Masuk account Blogger anda==> Dashboard/dasbor==> Layout/tataletak==> pilih "EDIT HTML" jangan lupa centang "EXPAND TEMPLATE WIDGET"==> lakukan backup dengan "Download template lengkap" buat jaga-jaga bila terjadi kesalahan !

Trus Copy kode berikut ini :

<script type='text/javascript'>
//Edited by Andreas Fafandreo at januari 2008

if ((document.getElementById) &&
window.addEventListener || window.attachEvent){

(function(){

//Configure here.

var num = 60; //Banyaknya salju yang akan bertaburan
var timer = 30; //Setting kecepatan
var enableinNS6 = 1 //Enable script in NS6/Mozilla? Snow animation could be slow in those browsers. (1=yes, 0=no).

//End.

var y = [];
var x = [];
var fall = [];
var theFlakes = [];
var sfs = [];
var step = [];
var currStep = [];
var h,w,r;
var d = document;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;

if (d.documentElement.style &&
typeof d.documentElement.style.MozOpacity == "string")
num = 60;

for (i = 0; i < num; i++){
sfs[i] = Math.round(1 + Math.random() * 2);
document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:'
+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#cccccc;font-size:'+sfs[i]+'px"></div>');

currStep[i] = 0;
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}


if (domWw) r = window;
else{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
r = d.documentElement;
else{
if (d.body &&
typeof d.body.clientWidth == "number")
r = d.body;
}
}


function winsize(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
if (d.documentElement && d.defaultView &&
typeof d.defaultView.scrollMaxY == "number"){
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;
}
else{
rh = r.innerHeight;
rw = r.innerWidth;
}
h = rh - 2;
w = rw - 2;
}
else{
h = r.clientHeight - 2;
w = r.clientWidth - 2;
}
}


function scrl(yx){
var y,x;
if (domSy){
y = r.pageYOffset;
x = r.pageXOffset;
}
else{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}


function snow(){
var dy,dx;

for (i = 0; i < num; i++){
dy = fall[i];
dx = fall[i] * Math.cos(currStep[i]);

y[i]+=dy;
x[i]+=dx;

if (x[i] >= w || y[i] >= h){
y[i] = -10;
x[i] = Math.round(Math.random() * w);
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}

theFlakes[i].top = y[i] + scrl(0) + pix;
theFlakes[i].left = x[i] + scrl(1) + pix;

currStep[i]+=step[i];
}
setTimeout(snow,timer);
}


function init(){
winsize();
for (i = 0; i < num; i++){
theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
y[i] = Math.round(Math.random()*h);
x[i] = Math.round(Math.random()*w);
}
snow();
}


if (window.addEventListener){
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);
}
else if (window.attachEvent){
window.attachEvent("onresize",winsize);
window.attachEvent("onload",init);
}

})();
}//End.
</script>


Nah setelah anda edit kode diatas sesuai selera anda, sekarang tinggal di copy dan pastekan kode tersebut di bawah kode :

<body>

lalu lakukan Preview/pratinjau terlebih dahulu !!
Jika masih terdapat pesan "ERROR" itu berarti anda harus mem-PARSE kode diatas!!
Cara parse sudah pernah saya posting disini atau anda bisa membacanya disini, atau anda bisa langsung menuju website penyedia layanan PARSE dengan klik disini atau disini.
Nah kalau sudah di PARSE, kemudian copy kode hasil PARSE-an tersebut dan pastekan pada posisi semula, yaitu di bawah kode :

<body>

Nah kalau sudah di paste pada posisi yang benar, sekarang kalian boleh klik tombol save/simpan perubahan !! dan lihat hasilnya !!
Keterangan :
Warna merah silahkan anda hapus, itu hanya petunjuk pemakaian. Ocree ??
Selamat lihat-lihat salju mas.. !!

6 komentar:

  1. Saljunya sama kayAK blog aq kh? Koq banyak betul scriptnya?

    BalasHapus
  2. Good posting! more professional web templates at itemplatez.com... its a easy download.

    BalasHapus
  3. blog kamu keren bangat ya.,....? infonya pun aku suka

    BalasHapus
  4. pech. . blog km membantu sekali!!

    BalasHapus
  5. mas caranya bisa buat blog spt ini gmn........???

    BalasHapus
  6. mantap bang, ngomong2 web ente berat bener nich.

    ;)

    BalasHapus

Silahkan tulis disini dengan santai dan tertawa2 !!