Es muy fácil, visitando el Blog de Cesar lo he visto y me ha gustado.
Es el que se ve aquí en mi blog debajo de la cabecera.
Bueno que si te gusta aquí explico como tienes que ponerlo y si no lo miras en el Blog de Cesar que el lo explica muy bien.

Pon este código en la plantilla después de <head>

<style type=’text/css’>
#chromemenu{

width: 100%;

font-weight: bold;

font-size: 90%;

}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/

content: “.”;

display: block;

height: 1px;

clear: both;

visibility: hidden;

}

#chromemenu ul{

border: 3px double #DC143C;

width: 99%;

background-color: #FFD600; center

center repeat-x;

padding: 5px 0;

margin: 0;

text-align: left; /*set value to “right” for example to align menu to the left of page*/

}

#chromemenu ul li{

display: inline;

}

#chromemenu ul li a{

color: #000000;

padding: 5px;

margin: 10;

text-decoration: none;

border-right: 3px double #DC143C;

}

#chromemenu ul li a:hover{

background-color: #FFAD00; center

center repeat-x;

}
</style>

Cuando lo pegues guardas la plantilla.
Ahora en plantilla–>añadir un elemento de página–>html–>copia y pega este código:

<div id=”chromemenu”>

<ul>

<li><a href=”#”>titulo 1</a></li>

<li><a href=”#”>titulo 2</a></li>

<li><a href=”#”>titulo 3</a></li>

<li><a href=”#”>titulo 4</a></li>

<li><a href=”#”>titulo 5</a></li>

<li><a href=”#”>titulo 6</a></li>

<li><a href=”#”>titulo 7</a></li>

</ul>

</div>

Sustituye “#” por la url del enlace y titulo por lo que quieras poner.
Puedes ponerle el color de fonfo y borde que te combinen con tu plantilla cambiando el código del color.

Os pongo aquí como queda el menú, porque el mío yá está diferente:

Entradas relacionadas con este artículo
  • Feria de Málaga 2008
  • Noche de san Juan en Málaga
  • Sin tí a mi lado