Desea renovar su plantilla de Blogger añadiendo bordes redondos a este con CSS3? Aunque Blogger no es famoso por customizar y optimizar pero podemos hacer una pieza maestra de este. A la mayoria nos gusta la simplicidad, pero es esencial tener un plantilla nitida que refleje profesionalismo. Añadiendo un borde redondo a la plantilla de blogger,le da un sabor especial al blog. Aun mas, puede aun añadir color de fondo que de seguro sorprendera a los lectores.Sin embargo,despues de recibir pedidos compartire como anadir borde redondo con CSS3 a blog de Blogger.
Porque Usar la envoltuta de bordes redondos con CSS3:
Cuantas personas no estan claras si su sitio tiene las resolucion de los viejos monitores? Diciendo eso,vivimos en la era moderna muchos viven lejos de esta realidad, pues muchas personas utilizan los monitores antiguos para navegar la internet.si una persona tiene un transito descente,entonces las probabilidades estaran del lado alto de que muchos de los que visitan su sitio lo hacen desde monitores pequenos.Pues , su sitio esta disenado para monitores grandes lo cual no fija bien en pequenos monitores.Sin embargo,es esencial anadir un borde alrededor a tu plantilla que automaticamente se acomode tanto a la pantalla chica como a la larga de los monitores.
Como Añadir Una Envoltura De Borde Redondo Con CSS3 a la plantilla de blogger:
Los pasos mencionados abajo van al punto todo lo que necesitas hacer es seguirlos tal cual estan.te tomara ni 5 minutos para instalarlo.Sigue las instrucciones.
- Entra en Blogger.com >> Plantilla.
- Haga una copia de la plantilla.
- Ahora presione Editar HTML >> Proceda.
- Entonces dentro de tu Plantilla busque por ]]></b:skin> y arriba de esta pegue el siguiente codigo de CSS3 .
#mblwrap {
background: #Ffffff;
width: 960px;
margin: 10px auto 5px auto;
padding: 0;
position: relative;
border-right: 15px solid #333;
border-left: 15px solid #333;
border-top: 10px solid #333;
border-bottom: 15px solid #333;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
box-shadow: #333 0px 1px 3px;
}
- Una vez mas busque en la Plantilla la siguiente etiqueta <body> y debajo de esta pegue el siguiente codigo de HTML.
<div id='mblwrap'>
- Por ultimo pero no menos importante busca la siguiente etiqueta </body> y antes de esta pegue el siguiente codigo de HTML.
</div>Chequea Como Añadir Estilo a Etiquetas
Todo Listo:Eso es guarda tu plantilla,y la envoltura de borde redondo con CSS3 esta listo para tu blog. Ahora disfruta de como se ve.
Nota:Este plugin es hecho por desarrolladores de MBL, no lo copies sin permiso del administrador.
Nota:Este plugin es hecho por desarrolladores de MBL, no lo copies sin permiso del administrador.
0 comentarios:
Publicar un comentario