Añadir Efecto Hover a Articulos De Blog De Blogger

 En este tutorial te mostrare como añadir estilo al borde de entrada de tu blog de blogger.En este articulo te enseñare como añadirle color al borde de tus articulos con efecto Hover-(esto es cuando pasar el cursor sonre el mismo se animara )cambiara de color el borde en tu pagina principal.Para hacerlo solo sigue estos sencillos pasos.
Ejemplo:

1.Entra en tu cuenta de Blogger
2.Da Click ahora en Plantilla>>Editar Html

3.Ahora encuentra el siguiente codigo presionando CTRL y F

.post {margin:.0;padding-bottom:0}

4.Luego reemplace el codigo de arriba con el siguente codigo.

.post {
    float: left;
    width: 600px;
    margin: 0 0 10px;
    padding: 10px;
    border:solid 3px #6a6970;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 3px 5px 6px #000000;
    -webkit-box-shadow: 3px 5px 6px #000000;
    box-shadow: 3px 5px 6px #000000;

}
.post:hover {
    border:solid 1px #949494;
}

Customizacion

• Cambie 600px para aumentar o disminuir el ancho del borde de la entrada o articulo.

• Cambie 1px para aumentar o disminuir el efecto de Hover del borde. 
  

• Cambie #6a6970 para cambiar el color del borde.

If You Enjoyed This, Take 5 Seconds To Share It

• Facebook
• Twitter
• Google+
• StumbleUpon
• Digg
• Delicious
• LinkedIn
• Reddit
• Technorati