Tutorial:Personaliza los Gadgets de Blogger

-

¡Hola amig@s!En el tutorial de hoy vamos a ver como personalizar los titulos de los gadgets del blog(la barra lateral).
Lo primero que que tenéis que hacer es 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 que no interesa para modificar na parte u otra de los gadgets:

.sidebar h2 {   ➜ Los gadgets que vamos a personalizar

font-family: Delius;   ➜Tipo de fuente(letras) de los títulos de los gadgets

font-size: 18px;  ➜Tamaño de fuente de título de los gadgets

color: #1e90ff;  ➜Color de la fuente(letras)

text-align: center;   ➜Alineación de los Títulos(en este caso centrados*)

}

*Opciones para alinear:

center  ↦centrado
right  ↦ derecha
left ↦ izquierda

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 ➡