Muslimah
A L L A H' S
ABOUT ENTRY CHAT TWITER FACEBOOK ASK.FM TUTORIAL
Tutorial cursors snow effect for blogskins
Jan 21, 2012 • 21.1.12 • 0 comments



This tutorial is requested by unknown . Untuk pengguna Blogskins yang nak blog dia ada salji macam dekat cursor dia macam raraa punya boleh ikut tuto ni.

P/s: this is my own code.

 1. Search for this code
<title>//Raraa World</title>
2. Copy dan paste code ini di bawah <title>//Raraa World</title> korang.
 <script type="text/javascript">
                     // <![CDATA[
                     var colour="black";
                     var sparkles=50;
           
                     var x=ox=400;
                     var y=oy=300;
                     var swide=800;
                     var shigh=600;
                     var sleft=sdown=0;
                     var tiny=new Array();
                     var star=new Array();
                     var starv=new Array();
                     var starx=new Array();
                     var stary=new Array();
                     var tinyx=new Array();
                     var tinyy=new Array();
                     var tinyv=new Array();
                     window.onload=function() { if (document.getElementById) {
                       var i, rats, rlef, rdow;
                       for (var i=0; i<sparkles; i++) {
                         var rats=createDiv(3, 3);
                         rats.style.visibility="hidden";
                         document.body.appendChild(tiny[i]=rats);
                         starv[i]=0;
                         tinyv[i]=0;
                         var rats=createDiv(5, 5);
                         rats.style.backgroundColor="transparent";
                         rats.style.visibility="hidden";
                         var rlef=createDiv(1, 5);
                         var rdow=createDiv(5, 1);
                         rats.appendChild(rlef);
                         rats.appendChild(rdow);
                         rlef.style.top="2px";
                         rlef.style.left="0px";
                         rdow.style.top="0px";
                         rdow.style.left="2px";
                         document.body.appendChild(star[i]=rats);
                       }
                       set_width();
                       sparkle();
                     }}
                     function sparkle() {
                       var c;
                       if (x!=ox || y!=oy) {
                         ox=x;
                         oy=y;
                         for (c=0; c<sparkles; c++) if (!starv[c]) {
                           star[c].style.left=(starx[c]=x)+"px";
                           star[c].style.top=(stary[c]=y)+"px";
                           star[c].style.clip="rect(0px, 5px, 5px, 0px)";
                           star[c].style.visibility="visible";
                           starv[c]=50;
                           break;
                         }
                       }
                       for (c=0; c<sparkles; c++) {
                         if (starv[c]) update_star(c);
                         if (tinyv[c]) update_tiny(c);
                       }
                       setTimeout("sparkle()", 40);
                     }
                     function update_star(i) {
                       if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
                       if (starv[i]) {
                         stary[i]+=1+Math.random()*3;
                         if (stary[i]<shigh+sdown) {
                           star[i].style.top=stary[i]+"px";
                           starx[i]+=(i%5-2)/5;
                           star[i].style.left=starx[i]+"px";
                         }
                         else {
                           star[i].style.visibility="hidden";
                           starv[i]=0;
                           return;
                         }
                       }
                       else {
                         tinyv[i]=50;
                         tiny[i].style.top=(tinyy[i]=stary[i])+"px";
                         tiny[i].style.left=(tinyx[i]=starx[i])+"px";
                         tiny[i].style.width="2px";
                         tiny[i].style.height="2px";
                         star[i].style.visibility="hidden";
                         tiny[i].style.visibility="visible"
                       }
                     }
                     function update_tiny(i) {
                       if (--tinyv[i]==25) {
                         tiny[i].style.width="1px";
                         tiny[i].style.height="1px";
                       }
                       if (tinyv[i]) {
                         tinyy[i]+=1+Math.random()*3;
                         if (tinyy[i]<shigh+sdown) {
                           tiny[i].style.top=tinyy[i]+"px";
                           tinyx[i]+=(i%5-2)/5;
                           tiny[i].style.left=tinyx[i]+"px";
                         }
                         else {
                           tiny[i].style.visibility="hidden";
                           tinyv[i]=0;
                           return;
                         }
                       }
                       else tiny[i].style.visibility="hidden";
                     }
                     document.onmousemove=mouse;
                     function mouse(e) {
                       set_scroll();
                       y=(e)?e.pageY:event.y+sdown;
                       x=(e)?e.pageX:event.x+sleft;
                     }
                     function set_scroll() {
                       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;
                       }
                     }
                     window.onresize=set_width;
                     function set_width() {
                       if (typeof(self.innerWidth)=="number") {
                         swide=self.innerWidth;
                         shigh=self.innerHeight;
                       }
                       else if (document.documentElement && document.documentElement.clientWidth) {
                         swide=document.documentElement.clientWidth;
                         shigh=document.documentElement.clientHeight;
                       }
                       else if (document.body.clientWidth) {
                         swide=document.body.clientWidth;
                         shigh=document.body.clientHeight;
                       }
                     }
                     function createDiv(height, width) {
                       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);
                     }
                     // ]]>
                     </script>
3. Kalau korang ada code ini paste code step 2 tadi di bawah code ini ye.
<link rel="shortcut icon" href="URL Favicon">
4. Yang berwarna merah tu korang boleh tukar kepada warna yang korang nak. Setakat ini raraa dah cuba warna pink, black, grey and white. Warna lain maybe boleh kod, korang cubalah sendiri k.


PASTFUTURE
MY WORDS;
17. Servant of Allah. Allah understand me more than I understand myself.YA ALLAH BERIKANLAH SARIRUZAHIRA 9A DALAM SPM 2013. Struggling to be a better mukminah. إن شاء الله ♥ - Don't focus on your problems. You won't find a solution. Focus on Allah. He is the solution. - Never give up. Great things take time. Put trust in Him and make doa'.

https://twitter.com/_ked__ http://instagram.com/anaservantallah |http://mujahidahraraa.tumblr.com http://ask.fm/raraahoney https://www.facebook.com/raraaxii
OTHERS;


scroll this box
>> Rindu Allah :')
date : NOW
at:10 am


>> Dapat template baru
date : 1hours ago
at:7am


>> Raraa sayang Allah
date : 12/12/12
at: 12pm


>> Menjadi anak solehah
date: 25/11/2012
at: 13.12pm
\

BLOG ARCHIVE;

  • Tutorial cursors snow effect
  • Basic code for Blogskins users
  • Tutorial flash blockquote
  • Tutorial unique blockquote hover
  • Tutorial blockquote using webkit transition
  • Tutorial body background (blog berbintik-bintik)
  • Tutorial Copyright note below body blog
  • Tutorial Highlight Right Click
  • Freebies Nerd Girl Header
  • Tutorial Letak Semut di Blog @ Floating Image