}

miércoles, 22 de junio de 2011

Darle un efecto de sombra a los títulos de las entradas.

1. Iniciar sesión a nuestra cuenta en blogger, ir a la ficha "Diseño" y en "Elementos de Página"  creamos un "Gadget Html / Java Script" y pegamos el siguiente código. Ver condiciones

..: Código :..
<style type="text/css">
.post-title {
text-shadow: #A4DFEF 0px 0px 15px;
}
</style>
#A4DFEF = El color de la iluminación o sombra | 15px = El tamaño de la Iluminación o sombra. 

2. Para que el iluminado cambie al pasar el mouse por sobre el título de la entrada agregamos lo siguiente a nuestro código anterior. Ver condiciones

..: Código :..
<style type="text/css">
.post-title:hover {
text-shadow: #FFD0BF 0 0 15px;
}
</style>
#FFD0BF = El color de la iluminación o sombra | 15px = El tamaño de la Iluminación o sombra.


1. No hay que colocarle nombre al "Gadget Html / Java Script" que se esta creando. Ver Imagen
2. Debes arrastrar el gadget arriba o abajo de las entradas del blog. Ver Imagen

No hay comentarios: