Plantilla Anime - Como se crea o configura el menú.



Para crear o configurar el menú en tu blog, lo primero que debes tener claro es cuales son las secciones que quieres mostrar, ejemplo:
INICIO
ACERCA DE MI
PRODUCTOS
CONTACTO

Ahora copia y pega el siguiente código en un blog de notas.

<ul class="dropdown-menu nav__menu">
   <li><a href="/">INICIO</a></li>
   
<li><a href="URL">NOMBRE SECCIÓN</a></li>

</ul>

Donde dice: URL debes poner la dirección de la página o entrada donde deseas direccionar a los visitantes de tu blog cuando den clic sobre el nombre de la sección.

En NOMBRE SECCION, debes colocar el nombre que deseas mostrar en el menú.

Para añadir nuevas secciones a tu menú solo debes copiar y pegar el siguiente código las veces que consideres necesario y poner como en el caso anterior la URL y el nombre de la sección que correspondan.

<li><a href="URL">NOMBRE SECCIÓN</a></li>




Ejemplo # 1.
Menú con 4 secciones.

Si quieres puedes copiar el siguiente código y cambiar el nombre de la sección y poner en cada una de ellas la URL que corresponda.

<ul class="dropdown-menu nav__menu">
   <li><a href="/">INICIO</a></li>
   
<li><a href="URL">ACERCA DE MI</a></li>

<li><a href="URL">PRODUCTOS</a></li>

<li><a href="URL">CONTACTO</a></li>

</ul>



Ejemplo # 2.
Menú con secciones y subsecciones.

<ul class="dropdown-menu nav__menu">
   <li><a href="/">INICIO</a></li>
   
<li><a href="URL">ACERCA DE MI</a></li>

<li><a href="URL">PRODUCTOS</a>
<ul>
<li><a href="URL">PRODUCTO 1</a></li>
<li><a href="URL">PRODUCTO 2</a></li>
<li><a href="URL">PRODUCTO 3</a></li>
<li><a href="URL">PRODUCTO 4</a></li>
<li><a href="URL">PRODUCTO 5</a></li>
</ul>

<li><a href="URL">CONTACTO</a></li>

</ul>



Nota importante.
Si quieres que la URL de una sección abra en una pestaña nueva, solo debes añadir el siguiente código al final de la URL después de las comillas, asegúrate que quede un espacio en blanco entre las comillas y el código para que funcione correctamente.

 target="blank"

Eso es todo.


Entradas que pueden interesarte

facebook