Es probable que si tienes un blog y sueles añadirle complementos para personalizarlo a tu gusto te hayas preguntado alguna vez... ¿Dónde coloco esto?
En el caso de un menú, esta pregunta puede hacerse popular. Dado que la mayoría de los menús requieren un espacio bajo la cabecera o en la barra lateral para que sus enlaces sean mostrados con facilidad a los lectores, te encontrarás con un problema si en tu blog tienes cada elemento posicionado en el lugar idóneo y no deseas cambiarlo.
Llegado el caso de no saber como ofrecer a tus visitantes los enlaces que toda barra de navegación posee, te aconsejaría utilizar este maravilloso menú, creado a partir de una idea publicada con anterioridad.
Se compone por una simple franja que permanece fija en el lateral izquierdo del blog y que al hacer clic en ella, despliega un menú muy atractivo con tu lista de links.
Busca la etiqueta ]]></b:skin> en tu plantilla y debajo añade este script:
<script type='text/javascript'>
//<![CDATA[
var bldespll;
var bldespll2=-200;
function blcnbotndesplegg() {
if (bldespll==2) { bldespll=-2} else {bldespll=2};
document.getElementById("blmenuflntdesplegab")
.style.top=parseInt(document.getElementById("blmenubt").style.top)+30+"px";
document.getElementById("blmenuflntdesplegab").style.visibility="visible";
blnlacc() }
function blnlacc(){
bldespll2=bldespll2+4*bldespll;
if(bldespll2 <- 200) {bldespll2=-200};
if(bldespll2 > 0) {bldespll2=0};
document.getElementById("blmenuflntdesplegab").style.left=bldespll2+"px";
if (bldespll2 <=-200 || bldespll2 >=0) {window.clearTimeout() } else {window.setTimeout("blnlacc();",50);} }
//]]>
</script>
<style>#blcnenlace{font-family:Arial,helvetica,sans-serif; font-size:12px; border-bottom:1px solid #CCCCCC;} #blcnenlace a{text-decoration: none; color: #333333;}#blcnenlace:hover{border-bottom: 1px solid #9D9D9D;}</style>
Ahora, justo encima de la etiqueta <body> incluye este código:
<div id='blmenubt' style='display:scroll;position:fixed;top:100px;left:0px;'>
<a href='javascript:void(0)' onclick='blcnbotndesplegg();' title='Desplegar Menú'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT9SGFNVCp-mzWHBEXWEEZIvdoKIuJ1kco5jagY2LWPk3eh_C73dPZPCRgu1RT7G4LOfC4nAFevOYXfrbRNiMFAxey4EnhaDE5dOKxWVK1emN-Yvbh49QH6lZiuTrtCTYXD72SHU1YabE/s320/blmostrarmenu.png'/></a>
</div>
Una vez hecho esto, debajo de <body> añade esto otro:
<div id='blmenuflntdesplegab' style='position:fixed; visibility:hidden; background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhczkw7PivLYXZdnniad47JdffnV9GftfCe93RD8OTFid6PXFRxrvShPZic9XhyDeCKgGcoTataOfB5x0S_MDE1n6gDnQzaL3D6Nixg1yeD4ErOHoIFjTadPhQ66ug-vHfdRz7uyTSb3SI/s400/BLMENUDSS.gif") no-repeat scroll 0 0 #eeeeee; z-index:1;'>
<table style='border:1px solid #9D9D9D; width:150px; text-align:center; padding:5px;'>
<tr><td id='blcnenlace' style='padding-top:28px;'><a href='DIRECCION'>TITULO</a></td></tr>
<tr><td id='blcnenlace'><a href='DIRECCION'>TITULO</a></td></tr>
<tr><td id='blcnenlace'><a href='DIRECCION'>TITULO</a></td></tr>
<tr><td id='blcnenlace'><a href='DIRECCION'>TITULO</a></td></tr>
<tr><td id='blcnenlace'><a href='DIRECCION'>TITULO</a></td></tr>
<tr><td id='blcnenlace'><a href='DIRECCION'>TITULO</a></td></tr>
</table>
</div>
Reemplaza en cada línea DIRECCION con la dirección de la página web, blog o artículo del enlace y TITULO por el texto que aparecerá en el menú.
Guarda la plantilla y habrás terminado. En caso de tener alguna duda escribe un comentario para que pueda ayudarte.
¿Problemas al comentar? Utiliza 
Qué guay! Mi pregunta es: se puede cambiar el color del menú con la tabla de colores? De esta forma tendria las cosas muy recogiditas... Bss.
Driwrgy, sería algo complicado pero podría hacerse. ¿Qué colores desearías?
Excelente muchas gracias, ya lo aplique a mi blog ;)
sl2
Yo es que era fanático mil por mil de los menus, pero ahora ni siquiera tengo uno en mi blog.
hola jaime.
Todo perfecto, solo que me sale en la cabecera del blog y quisiera ponerlo en la sidebar de la derecha. ¿Como puedo hacerlo?. ¿Es posible?. Gracias
Pues creo que no eres el único, Deybi :P. He podido tener más de 10 distintos en El Balcón y actualmente me he decidido por algo completamente minimalista y sin imágenes.
Hola Gianna! ¿Te refieres a incluirlo enla barra lateral y hacer que deje de permanecer fijo en un lateral del blog?
MCarlitooH2, ya veo lo bien que ha quedado. ¡Saludos!
HOLA JAIME GRACIAS POR TU APORTE.
QUISIERA SABER SI LA PUEDO DEJAR FIJA SIN OCULTARLA.
SALUDOS,
Jose, en ese caso, añade el segundo código en un gadget html-javascript, así como el tercero y elimina en el segundo la línea style='display:scroll;position:fixed;top:100px;left:0px;'.
¡Suerte!
que hacer para que el menu al cargar la pagina ya venga desplegado???
Anónimo, habría que editar el script por completo. Te recomiendo que hagas uso de otro menú.