{ Tutoriales } ♥ Destellos MultiColor en tu Blog



Bueno hoy les quiero compartir unos lindos destellos para el blog. Estos destellos los vi por primera vez en el blog de Annyz, y quede enamorada de ellos.

Estos destellos son muy diferente a los destellos que comúnmente vemos siempre, los de estrellitas.
Y son diferente simplemente porque en lugar de ser estrellitas en un solo color, en este caso con estrellitas multi color! Unos lindos destellos muy coloridos que le darán vida a tu blog!

Espero te gusten y te animes a ponerlos en tu blog. De ser así te invito a dejarnos la url de tu blog para que podamos ir a ver como te quedaron, vale! ..Espero te anime!

C O M E N C E M O S

Primero van a ir a: Blogger > Diseño > Agregar un gadget, en la ventana que les aparezca elegirán la opción HTML/JavaScript, una vez abierto el editor pegarán el siguiente código { ..es largo el código.. }

<script type="text/javascript"> // <![CDATA[ var colour="random"; var sparkles=100;
 /**************************** *  Tinkerbell Magic Sparkle * *(c)2005-12 mf2fm web-design* *  http://www.mf2fm.com/rv  * * DON'T EDIT BELOW THIS BOX * ****************************/ 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"; rats.style.zIndex="999";     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"; rats.style.zIndex="999";     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;     starx[i]+=(i%5-2)/5;     if (stary[i]<shigh+sdown) {       star[i].style.top=stary[i]+"px";       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;     tinyx[i]+=(i%5-2)/5;     if (tinyy[i]<shigh+sdown) {       tiny[i].style.top=tinyy[i]+"px";       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) {   if (e) {     y=e.pageY;     x=e.pageX;   }   else {     set_scroll();     y=event.y+sdown;     x=event.x+sleft;   } }
 window.onscroll=set_scroll; function set_scroll() {   if (typeof(self.pageYOffset)=='number') {     sdown=self.pageYOffset;     sleft=self.pageXOffset;   }   else if (document.body && (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) {     if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;     if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;   }   if (typeof(self.innerWidth)=='number' && self.innerWidth) {     if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;     if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;   }   if (document.body.clientWidth) {     if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;     if (document.body.clientHeight>0 && 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]+")"); } // ]]> </script>



Si tienes cualquier duda, no temas en preguntar. Y si tomas este código recuerda dar los créditos a Annyz que fue de donde lo vi hace ya bastante tiempo! Saludos a ti mi querida Annyz, Dios te bendiga!
Bendiciones a ustedes también! Besos!


Related Posts Plugin for WordPress, Blogger...

♥ Se el primero el en dejar su huella en este lugar!

❥ Un corazón agradecido siempre sabe decir gracias
❥ Y la forma mas fácil de decirlo es atraves de tus comentarios..
❥ Al hacerlo, se cordial y respetuoso..
❥ Se de bendición a los demás...
❥ Deja siempre la URL de tu blog para que podamos visitarte..
❥ Copia el código de texto para que agregues emoticones a tu comentario
❥ Para insertar imagen solo utiliza [img]URL de la imagen[/img]
❥ Para cambiar color de texto utiliza [color="red"]Aquí tu texto[/color]
❥ Para agregar un vídeo solo utiliza esto [video]URL del video[/video]
❥ Para crear marquesina se utiliza [ma]Aquí tu texto[/ma]
❥ Y recuerda: Dile NO al Spam...
❥ Bendiciones!

✿ TUS COMENTARIOS ALIMENTAN MI BLOG Y SON CARICIAS DE DIOS A MI ALMA ✿

≧◔◡◔≦ (っ◔◡◔)っ ♥ ❤ ❥ ✿ ☂ ღ ツ ☼ ✿◕ ‿ ◕✿ ❀◕ ‿ ◕❀ ❁◕ ‿ ◕❁ (◡‿◡✿) (っ◕‿◕)っ (►.◄) ╍●‿●╍ (•_•) (◐.̃◐) ..^.^.. ʕ•ᴥ•ʔ εїз Ƹ̴Ӂ̴Ʒ .^◡^. (≧◡≦) ✿❀❁ ° ♥ ❤ ❥ ❣ ღ ♂ ♀ ✔♚ ♛ ✝ ✉ ۵ ϟ

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer


=^.^= APRENDE A CREAR GRAFICAS CRISTIANAS CON NUESTROS TUTORIALES o☂O PARA COMENZAR BUSCA LA PALABRA "ETIQUETAS" EN EL MENU O EN EL TAGS =^.^=
El material compartido en este Blog :b5: es Propiedad Exclusiva de su Respectivo Creador conforme cada material.
Las gráficas que creamos y aquí compartimos son libres de uso, mas NO pueden cambiar, ni borrar, ni alterar nuestra firma ni el diseño de la misma.
Nuestras gráficas son creadas para uso personal, NO comercial.
:b8:Por favor respeta el Derecho de Autor :b8:
Nuestras Gráficas están Protegidas
Si eres dueño de algúna imagen o material utilizado en este blog, y estas en desacuerdo en que sea utilizado por este medio, favor hacérmelo saber vía e-mail para dar los créditos correspondientes o eliminarlo según tu parecer.
Contactame :e6: en : :a5: pinceladasdeprincesa@gmail.com

☂ Este blog tiene días

☂ Siguenos en Twitter ☂