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

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!

I tried and I'll try .

 I have tried. And I'll try harder in everything. That is my promise and you are the witnesses. If I fail, go tell them, The fancy tale about my fight, How I dived in and breathe underwater, How I recovered from anguish underneath my skin, And shriek the rage from my thorns, If only I fail. I am trying harder in everything, Shutting down my dark thoughts inside my head, Pacing back and forth finding an escape, Running with my worn-out dress reaching for the light, I can hear my voices louder than ever, Fighting with my bewildered eyes, Let alone the snakes lingering around my wrist, Because I know the snakes are nowhere near to break my spirit.

Don't wanna be in this skin anymore.

  The thing is, I'm just so lost.  These days, I don't even know who I am or who I was anymore. I feel completely detached from everything, everyone, and all my memories has disappeared. I hate that I don't recognize you, nor us. I hate that both of us have changed.  I hate that I am being consumed by whatever this is, vengeance, hatred, pain, misery or whatever you want to call it.  I let it consume me that I have lost every essence in me, I have lost every capability to enjoy life like other people, unable to see and cherish all the beautiful moments in life. I let it define me. The pain, the fear, the anger, the vengeance, the grief.  That is my biggest mistake.  I don't want to be in this skin anymore. It hit me when I was scrolling through my phone, looking for pictures to post for my schoolmate's birthday, I ran upon my old conversations with people that I have known throughout my school year. I was very different. I was brave, kind, strong, optimisti...