Generación OPin: Texto intermitente para el blog

Titilante, intermitente, flasheante, como quieras llamarlo, si necesitas que un texto llame la atención de tus visitantes nada mejor que éste tenga algún tipo de movimiento, al mejor estilo de una alarma.

La forma más simple de hacerlo es mediante la marquesina de HTML o marquee. Por ejemplo si colocas en un elemento HTML/Java el siguiente código obtendrás el siguiente efecto.

<marquee scrolldelay="700" scrollamount="400">
<font color="COLOR"><b>AQUÍ ESCRIBIMOS EL TEXTO</b></font>
</marquee>

AQUÍ ESCRIBIMOS TEXTO
Pero si lo que quieres es algo más elaborado y con posibilidades de modificación puedes utilizar el siguiente código.

Ir a Diseño, Elementos de la página y añadir un gadget HTML/Javascript.

<script language="JAVASCRIPT">
//<![CDATA[
FO1="ACÁ VA EL TEXTO 1.";
FO2="ACÁ VA EL TEXTO 2.";
U=FO1;
cny=0;
function TR(){
document.SCOCH.B.value=U;
cny++;
if(cny==1 && U==FO1){U=FO2;}
if(cny==2 && U==FO2){cny=0;U=FO1;}
setTimeout("TR()",5000); // TIEMPO EN MILISEGUNDOS
}
//]]>
</script>
<form name="SCOCH">
<input type="text" name="B" size="25" style="border: 0px none;color:red;text-align: center;font-size:140%;background:#FFFF00;padding:4px" /> </form><script language="JAVASCRIPT">
TR();
</script>

Para personalizarlo es importante que tengas en cuenta:

Cambiar en Azul el texto a mostrar.

Cambiar en Púrpura la velocidad en milisegundos (menor es mas rapido).

Cambiar en Verde donde dice: size="25" es el tamaño de la caja contenedora del texto mostrado.

Cambiar en Rojo el estilo del texto, con o sin fondo, borde, color del texto, tamaño del texto, etc..

Yo realicé mi propia adaptación para usarlo en OPINTEMPLATES.

<center>
<a href="http://www.opintemplates.blogspot.com/" title="OPINTEMPLATES"> <img alt="OPINTEMPLATES" src="https://lh6.googleusercontent.com/-_k6SfbHPxgc/UUPOGwDfs-I/AAAAAAAACRI/rM5H_PH9YEc/s170/LOGOpro170.png" /></a>
</center>
<script language="JAVASCRIPT">
//<![CDATA[
FO1="Do not do it on other sites";
FO2="we have the original !!";
U=FO1;
cny=0;
function TR(){
document.SCOCH.B.value=U;
cny++;
if(cny==1 && U==FO1){U=FO2;}
if(cny==2 && U==FO2){cny=0;U=FO1;}
setTimeout("TR()",2000); // TIEMPO EN MILISEGUNDOS
}
//]]>
</script>

<br />
<form name="SCOCH">
<input name="B" size="25" style="-webkit-border-radius: 5px; background: #333; border-radius: 5px; border-radius: 5px; border: 0px none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); color: white; font-size: 100%; padding: 5px; text-align: center; text-shadow: 1px 1px 1px #111;" type="text" /> </form>
<script language="JAVASCRIPT">
TR();
</script>