Tratamos de hacer nuestros blogs unicos añadiendo distintos diseños.Hay multiples formas de hacerlo, y se puede hacer con un simple super truco. Generalmente usamos bordes en las imagenes de nuestros articulos en blogger para hacerlo atarctivo al lector .
Supongamos que hayas añadido una imagen con el fondo blanco a un fondo blanco lo que hara que el borde no se note pero si deseas añadirle un marco a color a esas imagenes atractivo de una forma automatica. Entonces este truco es para ti,utilizaremos un codi And I have used RGB color instead of Hex color to make it distinctive. After adding the codgo de diseño Css para esas imagenes por defecto y cuando pases el cursor del mouse sobre estas el borde de las imagenes cambiara de color.
No te preocupes si utilizas este truco no afectara la velocidad de tu blog es facil de implementar. Solo sigue los siguientes pasos para añadir un marco de color a las imagenes de tu blog.
Ejemplo:Da Click en Demo
Paso 1 Entra en tu cuenta de Blogger
Paso 2 Da Click en -> Plantilla -> Editar HTML
Paso 3 Ahora en cuentra esta etiqueta ]]> presionando Ctrl + F
Paso 4 Pega el codigo de abajo antes/arriba de etiqueta ]]> y guarda la plantilla.
/* Image Frame By www.ciudadblogger.info*/
div.post-body.entry-content{
margin-top:35px;
font-size:15px;
font-family:'Calibri';
color:#444444;
}
div.post-body img{
border: 10px double #D3D3D3;
max-width:500px;
max-height:auto;
margin-top:10px;
}
div.post-body img:hover{
border: 10px double rgb(10,218,243);
max-width:500px;
max-height:auto;
margin-top:10px;
}
Customizacion
- Altere D3D3D3 para cambiar el color del marco
- Altere 10,218,243 para cambiar el color cuando pasa el cursor sobre imagenes.
0 comentarios:
Publicar un comentario