sábado, 1 de marzo de 2014

Personalizar la barra de páginas

La plantilla de blogger ya nos permite personalizar bastante nuestro blog. Concretamente, en cuanto a la barra de páginas podemos cambiar el tipo de letra, el color de la letra y el del fondo.

Plantilla ---> Personalizar ---> Avanzado

Esto es lo que yo he conseguido con las opciones que nos da blogger.



No está mal, pero podemos añadir algunos detalles más para que nos quede más bonito.

Centrar las páginas

Viene muy bien explicado en el blog Personalización de blogs, pero haré aquí un resumen.

Hay que ir al CSS.

Plantilla ---> Personalizar ---> Avanzado ---> Añadir CSS

Y escribir lo siguiente:

.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}

Ahora damos a Aplicar al blog, y con esto se nos quedan las páginas centradas.



Sencillo, ¿a qué sí? Pero yo las dejaré a la izquierda porque veo que quedan mejor.

Eliminar las líneas entre páginas

Si os fijáis, entre las distintas páginas hay una línea que parece imposible de quitar.


Pues vamos a ver cómo podemos quitar esas líneas, viene muy bien explicado en el blog El perro de papel, pero aquí tenéis un resumen.

Para ello nos tenemos que ir a Plantillas ---> Editar HTML.

Y buscamos la parte en la que sale esto: /* Tabs

Más abajo tienes que encontrar esto:

.tabs-inner .widget li a {
  display: inline-block;

  padding: .6em 1em;

  font: $(tabs.font);
  color: $(tabs.text.color);

  border-left: 0px solid #ffffff; /* Borde izquierdo de la celda */
border-right: 0px solid #dddddd; /* Borde derecho de la celda */
}

La parte subrayada es la que tienes que sustituir por la que aparece por defecto en la plantilla para que desaparezcan esas líneas.


Y voliá! líneas fuera.

Estas son los detalles más importantes que todos necesitamos saber, se pueden hacer muchas cosas más, pero eso lo podéis hacer siguiendo este tutorial de El perro de papel, que viene todo muy bien explicado. ;)

Blogging tips