† ♥ C h o k o k u k i ♥ † 🌟

]: Tutorial 4: Efecto arcoiris en texto.

2.8.13 23:44 with 4 notes | add more notes

Dificultad: ★★★★★
Para blogger clásico.
Hoy les traigo un efecto bien interesante para sus blogs ♥
Es un texto en arcoiris muy lindo con movimiento, estoy segura de que les encantará~.
Para ver el efecto en su máximo esplendor(?) entren a mi blog de pruebas y lo verán en acción.

Este es un ejemplo sin movimiento.
Haz click aquí para ver el real.

PRIMERO: Copia este script y pégalo antes de </head> en la plantilla de tu blog.

/****************************
*    Rainbow Text Effect    *
*  http://www.mf2fm.com/rv  *
*       Edit by: Leen       *
*  chokokuki.blogspot.com   *
*       NO BORRES NADA      *
*      DE ESTE CUADRITO     *
****************************/
var rainbow, raintxt, raincnt=0;

function addLoadEvent(funky) {
  var oldonload=window.onload;
  if (typeof(oldonload)!='function') window.onload=funky;
  else window.onload=function() {
    if (oldonload) oldonload();
    funky();
  }
}

addLoadEvent(regenbogen);

function raining() {
  var i, c;
  for (i=0; i<raintxt.length; i++) {
    c=raincol[(i+raincnt)%raincol.length];
    document.getElementById("rain"+i).style.color=c;
	if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
  }
  raincnt++;
}
// ]]>
</script>

Click aquí para descargar el código

SEGUNDO: En el lugar que quieras poner tu texto con este estilo, pegas esto:

Click aquí para descargar el código

NOTA: Puedes cambiar la fuente y el tamaño de tu texto como tu quieras en este paso.

¡Y eso es todo! es muy fácil ヾ(´∀｀)ノ~
Espero que les haya gustado ♥
Nos leemos ~~

Etiquetas: scripts, tutoriales