Los botones que hay bajo la cabecera.

Hoy he descubierto este truco en el blog de Rosa y lo he colocado en Tuneando el blog.
Es la menubar. Un elemento Lista de vínculos, configurado para que los links aparezcan horizotalmente, no verticalmente como en los que ponemos en las barras laterales.
Ahora se me ha ocurrido ponerlo aquí para probar como se vería en esta plantilla y al hacerlo me han surgido un par de problemas.
En primer lugar, al ponerlo tal cual está en el otro blog, la columna lateral se ha ido al fondo del blog.
Así que he cambiado un poco los datos del margen de separación de la cabecera y el resto del blog y en /* Blog Header en la zona #header-wrapper la línea del margen la he dejado así:
margin:22px 0 20px 0; La original era así: margin:22px o o o;
Como ves he aumentado 20 píxels la separación.
Una vez hecho esto he colocado el código para el módulo de los botones, la menubar.
Pero antes tienes que averiguar cuantas listas de vínculos tienes en tu blog.
Las verás en el código, sin expandir elementos, con esta forma:
<b:widget id='linkListX'...>
Donde X corresponde al número y los puntos suspensivos al resto, título si lo tiene, etc.

Así que copias este trocito de código

<b:section class='menubar' id='menubar' maxwidgets='1' showaddelement='yes'>
<b:widget id='LinkListX' locked='true' title='Menubar' type='LinkList'/>
</b:section>

justo debajo de este

<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='Titulo de tu blog (cabecera)' type='Header'/>
</b:section></div>

Cambiando la X por el número que le corresponda. Si no estás segur@ pon un número alto, 20, 30, o algo así.
Una vez pegado este, sube a buscar esta línea

]]></b:skin>

y justo encima pegas este código:

#menubar h2 {display:none;
margin:12px 0 20px 0;}

#menubar ul {
list-style: none;
}
#menubar li {
float: left;
background-color: $titleBgColor;
border: outset 2px #ffccff;
}
#menubar a:link, #menubar a:visited, {
padding: 5px;
display: block;
color: #FFCCFF;
}
#menubar a:hover {
color: #CCFF00;
}

Vista previa y si la página carga bien, (no verás cambio alguno todavía), guarda plantilla.
En Elementos de la página encontrarás el nuevo elemento colocado debajo del título.
Rellénalo con los enlaces a los sitios que quieras poner ahí, ya sean etiquetas de tu blog, u otras páginas (yo aquí dejo enlaces a mis otros blogs), y cuando le des a ver blog, verás los botoncitos ahí, si todo ha salido bien.
---
Una vez que tengas ya los enlaces a la vista puedes reconfigurar el código a tu gusto, variando colores y otros detalles. Te explico como:
Yo le he puesto como color de fondo a los links #menúbar li backcground-color el mismo que tiene la cabecera y con el border: outset 2px #ffccff le he dado la forma de botón el color es el mismo que tiene el fondo del blog. Si el tuyo es distinto, con ponerle otro lo arreglas.
Los demás colores representados por 6 cifras puedes cambiarlos a tu gusto.
Vista previa a cada cambio y guárdalos cada vez que uno te convenza.