Crear un menú desplegable en Blogger

Crear un menú desplegable en Blogger

por el cañón de colorado 16:10:00 Analítica , blog , Blogger , CSS , diseño , Google , HTML , menú , programar 3 comentarios

Vamos a dedicar este capítulo a atender a una usuaria que su intención es el diseño de un menú con opciones desplegables en Blogger .

Para ello, creó un blog de pruebas, seleccionó una plantilla de Blogger que viene predefinida, con un menú en la parte superior, o con un espacio para situar el menú.

Para comenzar vaya a la opción Diseño del menú que se encuentra a la izquierda de nuestra área de trabajo.

Localice la sección donde va a situar el menú, haga clic en la opción Añadir un gadget .

Le mostrará el siguiente cuadro de diálogo, en este, seleccione la opción HTML/JavaScript .

Una vez nos muestra el cuadro de diálogo, introduzca el título, copie y pegue el siguiente código escrito en lenguaje HTML :

<div id="navmenu">
<div id="navmenu">
<div id="navmenuleft">
<ul id="nav">
<li><a href="urldestino">opcion1</a></li>
<li>
<li><a href="urldestino">opcion2</a></li>
<li>
<a href="#">opcion3</a>
<ul>
<li><a href="urldestino">opcion31</a></li>
<li><a href="urldestino">opcion32</a></li>
</ul>
</li>
<li>
<a href="#">opcion4</a>
<ul>
<li><a href="urldestino">opcion41</a></li>
<li><a href="urldestino">opcion42</a></li>
</ul>
</li>
<li><a href="urldestino">opcion5</a></li>
</li>
<li><a href="urldestino">opcion6</a></li>
</ul>
</div>
</div>

En caso de que no sepas programar te facilitarán un poco las siguientes páginas:

Instrucción href, ver página .
Instrucción ul y li, ver página .

Haga clic en el botón Guardar .