Skip to main content

Tutorial : Bintang Rainbow cursor beruguran

Waa,,Macam menarik jew bunyinye..Mesti comel kan?

Nak tak?Sya pernang pakai..comel sangat..






Nak tengok secara LIVE pun boleh jugak.Sini linknya..

Cantikkan?Okayh.jom..Ada dua cara tau!



Yang sudah ada cursor sendiri di blog

 Dashboard > Layout > Bukak gadget cursor korang ..


<script type="text/javascript">// <![CDATA[var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"var sparkles=50;


*  Tinkerbell Magic Sparkle *
*(c)2005-11 mf2fm web-design*
*  http://www.mf2fm.com/rv  *
****************************/
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].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
      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 && starx[i]>0) {
      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";
  tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
    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 && tinyx[i]>0) {
      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() {
  var sw_min=999999;
  var sh_min=999999;
  if (document.documentElement && document.documentElement.clientWidth) {
    sw_min=document.documentElement.clientWidth;
    sh_min=document.documentElement.clientHeight;
  }
  if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
    if (self.innerWidth<sw_min) sw_min=self.innerWidth;
    if (self.innerHeight<sh_min) sh_min=self.innerHeight;
  }
  if (document.body.clientWidth) {
    if (document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
    if (document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  }
  if (sw_min==999999 || sh_min==999999) {
    sw_min=800;
    sh_min=600;
  }
  swide=sw_min;
  shigh=sh_min;
}
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";
  return (div);
}
function newColour() {
  var c=new Array();
  c[0]=255;
  c[1]=Math.floor(Math.random()*256);
  c[2]=Math.floor(Math.random()*(256-c[1]/2));
  c.sort(function(){return (0.5 - Math.random());});
  return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
}

/****************************
// ]]>

Paste DIBAWAH  code cursor korang..Faham?


Yang takde cursor

 Dashboard > Layout > Add gadget > pilih HTML/JavaScript > Copy code di bawah ini..




<script type="text/javascript">
// <![CDATA[var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"var sparkles=50;

*  Tinkerbell Magic Sparkle **(c)2005-11 mf2fm web-design**  http://www.mf2fm.com/rv  *****************************/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].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;      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 && starx[i]>0) {      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";  tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;    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 && tinyx[i]>0) {      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() {  var sw_min=999999;  var sh_min=999999;  if (document.documentElement && document.documentElement.clientWidth) {    sw_min=document.documentElement.clientWidth;    sh_min=document.documentElement.clientHeight;  }  if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {    if (self.innerWidth<sw_min) sw_min=self.innerWidth;    if (self.innerHeight<sh_min) sh_min=self.innerHeight;  }  if (document.body.clientWidth) {    if (document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;    if (document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;  }  if (sw_min==999999 || sh_min==999999) {    sw_min=800;    sh_min=600;  }  swide=sw_min;  shigh=sh_min;}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";  return (div);}function newColour() {  var c=new Array();  c[0]=255;  c[1]=Math.floor(Math.random()*256);  c[2]=Math.floor(Math.random()*(256-c[1]/2));  c.sort(function(){return (0.5 - Math.random());});  return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");}/****************************

// ]]>

Dah.Paste dalam ruangan HTML/JavaScript..Yeay!Daa abis!Bye my darling !








Comments

Post a Comment

hey babes,no harsh word!






Popular posts from this blog

GIVEAWAY GOSSIP GIRL

Assalamualaikum..Urmm!Tadi blogwalking pastu terjumpa satu GA yang TERAWESOME DI DUNIA! Blog die very cute!Purple!Kemas cantik,cute!I love her blog so much!And thank for a thousand cause making this AWESOME GA!..Saya harap saya menang,doakan saya boleh? Cantik kan banner die? ] Well,baru tengok banner tak tengok blog nyer yang kiut miut! Saya JUJUR dalam GA ini ...Never lie! ^^ ..Thnx kak!
7 comments
More down the chemtrails > >

Sorry for making you wait.

  First thing first, Where the hell have I been for the past 2 years? How on earth I skip 2023 and not write anything in 2023?? But so many things happened??? There is a new plot, a new storyline, and a new character. Interesting. I will always be surrounded by drama I guess haha.  "I swear, I don't love the drama, it loves me". These lyrics are literally defining the story of my life. This will be a short post, since I want to start writing poetry again, yeay. But I'll answer some questions. What happened to your group of 'so-called friends'? Well, we are pretty much divided. From 6 members to 3 members. To 4 and then it goes back to 3. And we have pretty much gotten closer than ever. And I'm delighted and grateful for having them in my life, Alhamdulillah. They are like my older sisters that I never had :) And we travel the world together just like the famous 3 musketeers <3 What happened to the famous feud and all your nemesis? One of them, which is ...
Post a Comment
More down the chemtrails > >

Reborn.

I don't know how many times I have declared myself dead, reborn, rebirth, and arise from dead. But now I really meant it. I think I have it all figured out. At least for now, because you know I am constantly changing. Yup, just like the weather. When you left this world, I did not die yet. But I was dying. Hanging around. But then, I repressed myself. I repressed my feelings. I don't even allow myself to mourn. I don't even grieve over your death. But now, I think I am going to mourn forever. Mourning for you, and my dead soul. It was up until 2019. I let everything slide away. Including feelings. Then, something happened. Something that killed the real me. The real me that came out from my mother's womb and live up until 16 years old. I knew it I am not gonna make it past 16 years old. My prediction was right.  I thought it was just my alter ego to act as my self-defense. But it wasn't. It was me. A reborn version of me. I never see e...
1 comment
More down the chemtrails > >