Ayer por la mañana construí este precioso menú. Es un menú vertical con estilo papel. Al pasar el cursor el color del papel cambia y hace de este menú un resultado muy elegante...
DEMOPonerlo en tu blog es muy sencillo, simplemente sigue los pasos:
Diseño>edición HTML>expandimos artilugios
Busca la etiqueta ]]></b:skin> y encima pega estos bloques de CSS:
#menupapel ul li {
float:left;
font-weight:bold;
margin-right:3px;
padding-left:3px;
}
ul li, ol li {
list-style-type:none;
list-style-position:inside;
list-style-image:none;
}
#menupapel ul li a {
text-decoration:none;
text-align:center;
background:transparent url(http://i695.photobucket.com/albums/vv317/elbalcondejaime/2e517gl.jpg?t=1245960308) no-repeat scroll 0 0;
color:#6e6e6e;
display:block;
width:102px;
height:45px;
line-height:45px;
}
#menupapel ul li a:hover {
color:#575757;
background:transparent url(http://i695.photobucket.com/albums/vv317/elbalcondejaime/255s8k6.jpg?t=1245960307) no-repeat scroll 0 0;
}
Guarda cambios.
Diseño>añadir gadget>html-javascript
Pega este código:
<div id="menupapel">
<ul>
<li><a href="ENLACE1">TITULO 1</a></li>
<li><a href="ENLACE2">TITULO 2</a></li>
<li><a href="ENLACE3">TITULO 3</a></li>
<li><a href="ENLACE4">TITULO 4</a></li>
<li><a href="ENLACE5">TITULO 5</a></li>
<li><a href="ENLACE6">TITULO 6</a></li>
</ul>
</div>
Sustituye...
ENLACE X por la direccíon de tu web o blog, por ejemplo http://google.es/
TITULO X por el título del enlace.
Por último guarda el gadget y muévelo al lugar que más te guste (debajo o encima de las entradas, encima del footer / pié del blog...).
¿Problemas al comentar? Utiliza 
Excelente trabajo, Jaime!
Argentina te saluda y celebra tus creativas mañanas… el menú de papel ha quedado precioso
http://garabatotierno.blogspot.com/
Un saludo cordial,
Analía garabato
Analía garabato, cuánto me alegra oir tus palabras =) que bien que te haya gustado el menú de papel ^_^
¡Saludines!
Buenas Jaime. Me ha gustado mucho cómo ha quedado el menú de papel, se adapta perfectamente al estilo y temática de mi blog. Seguiré usándolo. Muchas gracias por estos trucos, los principiantes en blogger agradecemos este tipo de ayuda.
Y lo mejor de todo es que, aunque la barra lateral o el lugar en el que lo coloquemos no afectará a su estructura ya que los "botones" se colocarán en distintas posiciones (vertical, horizontal).
Yo agradezco enormemente los comentarios, You me and a cup of tea.
Es lo menos que puede hacerse Jaime, agradecer.
Salu2.
Recibe un fortísimo abrazo, You me and a cup of tea ^^.
Jaime, he puesto este menu en un blog y fue perfecto.
ahora lo puse en otro y no salen las imagenes a ver si puedes echarle un vistazo el blog es: http://lomasnueve.blogspot.com/ muchas gracias
Jaime te cuento ya me funciona el menu pero tengo en ñla cabecera del blog una raya negra de otro menu que tenia, y no lo puedo quitar ¿sabrias donde esta el error? gracias
Me alegra mucho, Filá Nosotras. Por cierto, en breve resolveré tu consulta.
Filá Nosotras, prueba a realizar lo siguiente...
Busca este bloque en tu plantilla y añade las líneas que ves en negrita:
.header-bloque {
background:none repeat scroll 0 0 #000000;
border:1px solid #288CF0;
padding:10px;
text-align:center;
display:none;
visibility:hidden;
}
Haz vista previa para comprobar el resultado y guarda la plantilla para terminar.
Jaime todo solucionado, eres magico ¡sabes mucho!
Jajaja ¡Muchísimas gracias Filá Nosotras!