Tutorial:Cómo enmarcar el Blog

-
Hoy os proponemos un sencillo tutorial:Cómo enmarcar el Blog,este sencillo truco que hará que vuestro blog quede muy bonito.
Lo primero que que tenéis que hacer es lo de siempre,una copia de seguridad de la plantilla(Plantilla→Crear/Restablecer copia de seguridad),después vamos a Plantilla → Personalizar → Avanzado →Añadir CSS, y pegamos el código siguiente:


.content-inner {
border: 3px solid #000000;
border-radius: 25px; 
}


EXPLICACIÓN DEL CÓDIGO

→Lo que esta marcado en azúl seria el grosor de la linea,podéis poner el que queráis.
→Lo que esta en naranja es el estilo del borde,hay muchos tipos de bordes,aquí algunos ejemplos:

→Lo que esta en negro es el color de la línea,podéis cambiarlo por el color que más os combine en el blog.
→Lo que esta en verde es para redondear las esquinas,si no lo queréis las esquinas redondas sólo tenéis que borrar esta linea.

Comentarios

Publicar un comentario

Entradas populares de este blog

Tutorial: Cómo insertar tablas en las entradas de Blogger

-
Imagen
Hola ,amigos Bloggers! Hoy vamos a hacer un pequeño tutorial sobre como insertar tablas en las entradas de Blogger. 1.Lo primero que tenemos que hacer es crear una entrada nueva,y en los botones de arriba de la izquierda, le damos clik en el que dice HTML . 2.Copiamos este código HTML , que lo usaremos para insertar nuestra tabla: <table bgcolor ="#f3e3db" border ="2" cellpadding="5" style="width: 100%;"> <tbody> <tr><td>Texto o imagen 1</td><td>Texto o imagen 2</td></tr> <tr><td>Texto o imagen 3</td><td>Texto o imagen 4</td></tr> </tbody> </table> 2.Y nos quedaría así: Texto o imagen 1 Texto o imagen 2 Texto o imagen 3 Texto o imagen 4 3.Si queremos podemos cambiar el color de fondo o el grosor del borde: → bgcolor:  Es el color de fondo. → border: el tamaño del borde 4.Y ya tendremos instalada nuestra tab
Sígue Leyendo ➡

Ocultar el mensaje de "mostrando entradas con etiqueta..." en las plantillas nuevas de Blogger

-
Imagen
Hoy vamos a hacer un pequeño tutorial muy fácil sobre cómo ocultar "Mostrando entradas con la etiqueta..." en la nuevas plantillas de Blogger. Lo primero que que tenéis que hacer es una copia de seguridad de la plantilla (Plantilla→Crear/Restablecer copia de seguridad) 1.Ahora vamos a: Diseño → Personalizar → Avanzado → Añadir CSS. 2.Ahí copiamos el código: div.post-filter-message div { display: none; visibility:hidden; } 3.Por último, guardamos los cambios y ¡listo!
Sígue Leyendo ➡