Brillitos de todos colores cayendo de tu cursor del blog

Hola! que tal mis bellos bloggers , bueno en este pequeñin tuto , les diré como pueden hacer que caiga brillitos de su cursor al moverlo , pero de varios colores :)

Ya había hecho tuto de como ponerlo de 1 color pero este es de muchos colores en 1 

ve aquí para que veas como queda:)

Bueno es muy sencillo vana a ir a DiseñoAñadir un gadgetHTML

Ahi pondran en el siguiente codigo si esta un poco largo :) luego le dan a guardar 

<script type='text/javascript'>  // <![CDATA[  function initCursor() {  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();  }}  var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")  var r=1  var g=1  var b=1  var seq=1  var sparkles = 35;  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();  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");  rainbow="#"+hex[r]+hex[g]+hex[b]  if (seq==6){  b--  if (b==0)  seq=1  }  if (seq==5){  r++  if (r==12)  seq=6  }  if (seq==4){  g--  if (g==0)  seq=5  }  if (seq==3){  b++  if (b==12)  seq=4  }  if (seq==2){  r--  if (r==0)  seq=3  }  if (seq==1){  g++  if (g==12)  seq=2  }  div.style.position="absolute";  div.style.height=height+"px";  div.style.width=width+"px";  div.style.overflow="hidden";  div.style.zIndex="10";  div.style.backgroundColor=rainbow;  return (div);  }  window.onload=function()  {  initCursor()  initImage()  startTime()  }  function initImage() {  imageId = 'menu'  image = document.getElementById(imageId);  setOpacity(image, 0);  image.style.visibility = "visible";  fadeIn(imageId,0);  }  function fadeIn(objId,opacity) {  if (document.getElementById) {  obj = document.getElementById(objId);  if (opacity <= 100) {  setOpacity(obj, opacity);  opacity += 10;  window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 120);  }  }  }  function setOpacity(obj, opacity) {  opacity = (opacity == 100)?99.999:opacity;  // IE/Win  obj.style.filter = "alpha(opacity:"+opacity+")";  // Safari<1.2, Konqueror  obj.style.KHTMLOpacity = opacity/100;  // Older Mozilla and Firefox  obj.style.MozOpacity = opacity/100;  // Safari 1.2, newer Firefox and Mozilla, CSS3  obj.style.opacity = opacity/100;  }  function changeNav(id) {  document.getElementById('content').innerHTML=document.getElementById(id).innerHTML;  document.getElementById('main').innerHTML=document.getElementById('home').innerHTML;  document.getElementById('rabbit').style.top="275px"  document.getElementById('penguin').style.top="532px"  }  function hidestatus(){  window.status=""  return true  }  // ]]>  </script>  <script type="text/javascript">  if (window.jstiming) window.jstiming.load.tick('headEnd');  </script>  <div class='navbar section' id='navbar'><div class='widget navbar' id='navbar1'><script type="text/javascript">  function setAttributeOnload(object, attribute, val) {  if(window.addEventListener) {  window.addEventListener("load",  function(){ object[attribute] = val; }, false);  } else {  window.attachEvent('onload', function(){ object[attribute] = val; });  }  }  function showRelatedContent(args) {  var el = document.getElementById('related-iframe');  if (el.parentNode.style.display != 'none') {  el.parentNode.style.display = 'none';  document.onclick = showRelatedContent.prevOnClick;  return;  }  var match = /(?:^[?]|&)c=([0-9]+)(?:&|(?!.))/.exec(args);  if (match !== null) {  document.getElementById('related-loading').style.left = match[1] + 'px';  el.style.left = Math.max(0, match[1] - parseInt(el.width) / 2) + 'px';  }  // Hide related-content dropdown when clicking anywhere but on it.  document.onclick = function() {  var el = document.getElementById('related-iframe');  if (el.parentNode.style.display != 'none') {  el.parentNode.style.display = 'none';  }  document.onclick = showRelatedContent.prevOnClick;  };  }  </script></div></div>

& LISTO! AHI ESTARA! :)

CREDITOS! ANNYZ

NO COPIES ESTO ES SOLO PARA QUE LO APLIQUES A TU BLOG , PERO NO PARA QUE LO POSTEES

Nos vemos en un proximo tuto 

No olvides dejarme un comentario o pedido 

BY