{"id":239,"date":"2015-06-30T12:44:00","date_gmt":"2015-06-30T12:44:00","guid":{"rendered":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/tutorial-menu-desplegable-para-blogger"},"modified":"2016-03-02T08:25:00","modified_gmt":"2016-03-02T08:25:00","slug":"tutorial-menu-desplegable-para-blogger","status":"publish","type":"post","link":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/tutorial-menu-desplegable-para-blogger\/","title":{"rendered":"Tutorial: Men\u00fa desplegable para blogger"},"content":{"rendered":"

C\u00f3mo hacer un men\u00fa desplegable en blogger en 5 pasos<\/b><\/p>\n

\n<\/div>\n
\n
<\/b><\/div>\n
\n<\/div>\n

<\/p>\n

\n\"C\u00f3mo<\/a><\/div>\n
\n
<\/b><\/div>\n
\n
<\/b><\/div>\n
\n<\/div>\n
\n
<\/b><\/div>\n
\nTutorial para hacer un men\u00fa desplegable en blogger de la forma m\u00e1s sencilla.<\/b><\/div>\n
\n
\nUn men\u00fa deplegable puede ser una estupenda opci\u00f3n cuando empezamos a tener muchos contenidos en nuestro blog y queremos organizarlos de la forma m\u00e1s eficiente agrupando por categor\u00edas y subcategor\u00edas.<\/div>\n
\n<\/div>\n
\nHacer un men\u00fa desplegable en blogger es muy sencillo.<\/div>\n
\n<\/div>\n
\nRecuerda siempre que antes de empezar a hacer cambios es recomendable que hagas una copia de seguridad de tu blog<\/a>.<\/div>\n
\n<\/div>\n
\nPaso 1.<\/b><\/div>\n
\n
<\/b><\/div>\n
\nCopia el siguiente c\u00f3digo:<\/div>\n
\n<\/div>\n
\n
\n<div id=’NavMenu’><\/i><\/div>\n
\n<div id=’NavMenuleft’><\/i><\/div>\n
\n<ul id=’nav’><\/i><\/div>\n
\n<li><a href=’#’>Menu normal<\/a><\/li><\/i><\/div>\n
\n<li><\/i><\/div>\n
\n<a href=’#’>Menu desplegable 1<\/a><\/i><\/div>\n
\n<ul><\/i><\/div>\n
\n<li><a href=’#<\/i>‘>submenu 1<\/a><\/li><\/i><\/div>\n
\n<li><a href=’#’>submenu 2<\/a><\/li><\/i><\/div>\n
\n<li><a href=’#’>submenu 3<\/a><\/li><\/i><\/div>\n
\n<\/ul><\/i><\/div>\n
\n<\/li><\/i><\/div>\n
\n<li><\/i><\/div>\n
\n<a href=’#’>Menu desplegable 2<\/a><\/i><\/div>\n
\n<ul><\/i><\/div>\n
\n<li><a href=’#’>submenu 1<\/a><\/li><\/i><\/div>\n
\n<li><a href=’#’>submenu 2<\/a><\/li><\/i><\/div>\n
\n<li><a href=’#’>submenu 3<\/a><\/li><\/i><\/div>\n
\n<li><a href=’#’>submenu 4<\/a><\/li><\/i><\/div>\n
\n<\/ul><\/i><\/div>\n
\n<\/li><\/ul><\/i><\/div>\n
\n<\/div><\/i><\/div>\n
\n<\/div><\/i><\/div>\n<\/div>\n
\n
\n
<\/b><\/div>\n
\nPaso 2<\/b><\/div>\n
\nAbre el editor de blogger y ve a la opci\u00f3n de Dise\u00f1o.<\/b><\/div>\n
\n<\/div>\n
\nSi ya tienes un men\u00fa <\/b>(crosscol, p\u00e1ginas) puedes eliminarlo o cambiarlo de lugar (por si no te gusta como queda el nuevo y quieres volver a poner el antiguo), para cambiarlo de lugar sit\u00faate sobre los puntitos que hay en el lado derecho (puntitos blancos en vertical, fondo gris) y cuando en tu puntero salga una cruz lo puedes pinchar y mover para ponerlo en el lateral mientras haces los cambios, si al final te gusta el resultado ya puedes eliminar este men\u00fa.  Importante cuando hagas cambios en dise\u00f1o, si mueves elementos sobretodo, acu\u00e9rdate<\/div>\n<\/div>\n
\n<\/div>\n
\n<\/div>\n
\n<\/div>\n
\n\"C\u00f3mo<\/a><\/div>\n
\n<\/div>\n
\n
<\/b><\/div>\n
\nPaso 3.<\/b><\/div>\n
\n
<\/b><\/div>\n
\nHaz click a la derecha en A\u00f1adir un gadge<\/b>t y el men\u00fa de opciones que te sale elige la opci\u00f3n HTML\/Javascript,  <\/b>se abrir\u00e1 una ventana peque\u00f1a pega el c\u00f3digo que has copiado antes en el espacio donde pone contenido, el t\u00edtulo lo puedes dejar en blanco o poner men\u00fa como tu quieras<\/div>\n
\n
<\/b><\/div>\n
\n
<\/b><\/div>\n
\n\"Hacer<\/a><\/div>\n
\n<\/div>\n
\n<\/div>\n
\nPaso 4.<\/b><\/div>\n
\n
<\/b><\/div>\n
\nUna  vez pegado el texto tienes que modificarlo para configurar tu men\u00fa en la forma que tu quieras, para ello hay 3 elementos que tienes que tener en cuenta:<\/div>\n
\n<\/div>\n
\n<\/div>\n
\nLa estructura del men\u00fa:<\/b><\/div>\n
\n
<\/b><\/div>\n
\n<\/div>\n