Trucos y consejos para diseño de Blogger

Para iniciar nuevamente mi actividad en ismajimenez.com, despues del rediseño, os traigo un viejo post actualizado de mi antiguo blog e-wakeup, sobre diseño y trucos para blogger.

Si has llegado a leer este post es que ya debes haber abierto tu propio blog, pero puede que estés estancado o tengas dudas de por donde avanzar en cuanto a diseño o configuración del sitio.

 

1. Como quitar la Navbar o la barra superior de blogger.

 Para eliminar la Navbar debes ir a Plantilla | Edición de HTML, y pegar después de la etiqueta <body> este código:

<style type=”text/css”>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
Si usas una plantilla hecha a través del Diseñador de plantillas de Blogger entonces el código debes pegarlo después de:
<body expr:class=’&quot;loading&quot; + data:blog.mobileClass’>
Ahora ya no es necesario picar este código existe la opción dentro del apartado diseño / barra de navegación 

 

2. Como eliminar el espació superior que queda después de eliminar la Navbar

Sólo hay que entrar en Plantilla | Edición de HTML y agregar antes de ]]></b:skin> lo siguiente:
.content {
margin-top:-30px !important;
}

 

3. Ocultar el mensaje que se muestra a pie del blog

Para ocultar el gadget  vamos a Plantilla | Edición de HTML, y antes de ]]></b:skin> pegamos lo siguiente:
#Attribution1 {display:none; visibility:hidden;}

 

4.Centrar título en la cabecera 

Tanto si es texto como imagen puedes centrar el título en el blog accediendo a Plantilla | Personalizar |Avanzado | Añadir CSS y  pegar lo siguiente:
.Header { text-align: center; }

 

Recuerda que para buscar el código más fácilmente puedes usar las teclas Crtl+F.

 

Espero que os hayan sido útiles estos consejos sobre configuraciones y trucos básicos de blogger.

“Por Isma Jimenez Blasco