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 > >

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 > >

NO TO ANNEXATION #PALESTINIANLIVESMATTER

          Anguish and wrath inside my heart seem cannot dissolve into something more subtle, more tender. Imagine if you invite someone into your house, they became guests for a long time and suddenly they decided to kick you out and declare your house as theirs. How would that make you feel? My heart breaks for Palestinians that thrive for their freedom from their evil guests, Israel. Annexation? Kind of predicted that this would happen. It sounds funny that they want to annex the State of Palestine because they had already done that a long time ago, unofficially. CNN also stated that. They (CNN) stated that this unilateral act is not just harmful to Israel itself but also useless, futile. Why? Because Israel had already reinforced their law upon the Palestinians, also, they guarded Gaza borders. So, they just want to make it official? What is the role of the UN in all of this mess? Just one of the obstacles. They did not want to recognize Palestine...
1 comment
More down the chemtrails > >