Tutorial Effect Hujan di Blogskin

inilah hujannya
Hey hey there!! salam.Agaknya lama dah kan Diya tak buat tuto.Rindu tak? <---(poyo). Kali ni Diya nak share ngan korang cara nak letak hujan dekat blogskin korang.Biar banjir.ahahah

1.Pergi>>Template

2.Serentak tekan CTRL +F dan cari kod <head>

3.Paste di bawah kod yang panjang lebar ni k
<script type="text/javascript">// <![CDATA[var speed=33; // makin kecil makin lajuvar drops=100; // jumlah hujanvar colour="#000000"; // warna hujan/***************************\*   Hujan di tengah hari  ** (c) 2011 mf2fm web-design **  http://www.mf2fm.com/rv  ** tutorial By P0L5K4H4CKR3W *\***************************/var flks=new Array();var flkx=new Array();var flky=new Array();var fldy=new Array();var swide, shigh, boddie, ifs;window.onload=function() { if (document.getElementById) {  var r1, r2;  ifs=is_fixed_supported();  boddie=document.createElement("div");  if (ifs) boddie.style.position="fixed";  else boddie.style.position="absolute";  boddie.style.top="0px";  boddie.style.left="0px";  document.body.appendChild(boddie);  set_width();  for (var i=0; i<drops; i++) {    flks[i]=createDiv(16, 2, "transparent");    r1=createDiv(6, 2, colour);    r1.style.top="10px";    r1.style.left="0px";    flks[i].appendChild(r1);    r2=createDiv(10, 2, colour);    r2.style.top="0px";    r2.style.left="0px";    if (navigator.appName=="Microsoft Internet Explorer") r2.style.filter="alpha(opacity=25)";    else r2.style.opacity=0.25;    flks[i].appendChild(r2);    flkx[i]=2*Math.floor(Math.random()*swide/2);    flky[i]=Math.floor(Math.random()*shigh);    fldy[i]=2+Math.floor(Math.random()*4);    flks[i].style.left=flkx[i]+"px";    flks[i].style.top=flky[i]+"px";    boddie.appendChild(flks[i]);  }  setInterval("cats_and_dogs()", speed);}}function is_fixed_supported() {  var container=document.body;  if (document.createElement && container && container.appendChild && container.removeChild) {    var el=document.createElement("div");    if (!el.getBoundingClientRect) return false;    el.innerHTML="x";    el.style.cssText="position:fixed;top:100px;";    container.appendChild(el);    var originalHeight=container.style.height, originalScrollTop=container.scrollTop;    container.style.height="3000px";    container.scrollTop = 500;    var elementTop=el.getBoundingClientRect().top;    container.style.height = originalHeight;    var isSupported=(elementTop===100);    container.removeChild(el);    container.scrollTop=originalScrollTop;    return isSupported;  }  return false;}function createDiv(height, width, colour) {  var div=document.createElement("div");  div.style.position="absolute";  div.style.height=height+"px";  div.style.width=width+"px";  div.style.overflow="hidden";  div.style.backgroundColor=colour;  return (div);}window.onresize=set_width;function set_width() {  if (document.documentElement && document.documentElement.clientWidth) {    swide=document.documentElement.clientWidth;    shigh=document.documentElement.clientHeight;  }  else if (typeof(self.innerHeight)=="number") {    swide=self.innerWidth;    shigh=self.innerHeight;  }  else if (document.body.clientWidth) {    swide=document.body.clientWidth;    shigh=document.body.clientHeight;  }  swide-=2;}window.onscroll=set_scroll;function set_scroll() { if (!ifs) {  var sleft, sdown;  if (typeof(self.pageYOffset)=="number") {    sdown=self.pageYOffset;    sleft=self.pageXOffset;  }  else if (document.body.scrollTop || document.body.scrollLeft) {    sdown=document.body.scrollTop;    sleft=document.body.scrollLeft;  }  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {    sleft=document.documentElement.scrollLeft;    sdown=document.documentElement.scrollTop;  }  else {    sdown=0;    sleft=0;  }  boddie.style.top=sdown+"px";  boddie.style.left=sleft+"px";}}function cats_and_dogs(c) {  var i, x, o=0;  for (i=0; i<drops; i++) {    flky[i]+=fldy[i];    if (flky[i]>=shigh-16) {      flky[i]=-16;      fldy[i]=2+Math.floor(Math.random()*4);      flkx[i]=2*Math.floor(Math.random()*swide/2);      flks[i].style.left=flkx[i]+"px";    }    flks[i].style.top=flky[i]+"px";  }}// ]]></script>

Adjustkan mengikut citarasa korang tulisan berwarna tu

Kalau taknak ikut tutorial ni,boleh ikut yang >>ini<<

Hijau : Kelajuan hujan turun (semakin besar nilai,semakin laju)
Merah :Warna hujan.Boleh refer sini -Colours
Biru: Jumlah hujan turun

Thanks : sitinurazwanizalife

5 comments:

What do you think? Leave a comment :)