Primero colocaremos el siguiente código arriba de </head>:
<script type="text/javascript">
//BORDES PARPADEANTES
//Autor: Iván Nieto Pérez
//Este script y otros muchos pueden
//descarse on-line de forma gratuita
//en El Código: www.elcodigo.com
//adaptado para Blogger por: Vku.
//en: http://loseasi.blogspot.com
//velocidad del parpadeo
var velocidad = 200
//colores entre los que cambia
var color1 = '#FFFF00'
var color2 = '#000099'
var objeto, color
function inicia() {
if ( document.all )
objeto = document.all.bflash
else if (document.getElementById)
objeto = document.getElementById("bflash")
else //no soportado, finaliza ejecucion del script
return
//inicializacion
objeto.style.display = 'block'
objeto.style.borderStyle = 'solid'
objeto.style.borderColor = color1
color = 0
//comienza el parpadeo
setInterval("parpadear()", velocidad)
}
function parpadear() {
if ( color == 0 ) {
objeto.style.borderColor = color2
color = 1
} else {
objeto.style.borderColor = color1
color = 0
}
}
window.onload = inicia
</script>
Cambiar los 2 colores por los que mas les guste.
También pueden modificar la velocidad.
Para que el efecto funcione hay que colocar la id="bflash" al objeto que llevara el borde parpadeante.
Puede ser en lo que quieran, tipo un anuncio o una imagen.
Ejemplo en una imagen:
<img id="bflash" src="http://imagen"/>
O en un anuncio:
<div id="bflash" style="width:300px;height:20px">
BIENVENIDO A MI BLOG!!! DEJA UN COMENTARIO.
</div>
OJO QUE EN ALGUNOS BLOG NO FUNCIONA, CREA CONFLICTO CON OTROS CÓDIGOS JAVASCRIPT
haaaaaayyyyyy mis ojos :2)
pero no deja de ser un excelente truco muchas gracias por el tiempo que te tomas para crear estas entradas :20)
@ Gerardo:
Me alegro te guste y si son de utilidad mejor.
Que dios te bendiga.
Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.
Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.
Nota: solo los miembros de este blog pueden publicar comentarios.