Como hacer un menú con botones (imput) - Fácil y Rápido -


vista, menus, menu inicio, menus para blog, programas, escritos, tutorialesEn el presente tutorial te explicaré como hacer un menú con botones (imput) para tu blog, este menú posee las siguientes características:
Es fácil de crear, no tienes que interactuar con la plantilla e tu blog, Posee un submenu de categorías, entre otras..

Solo echa un vistazo a este ejemplo. Presiona los botones para observar el submenú.

|Programas|Juegos|Libros|
Aquí encontrarás: Libros, programas full y juegos en descarga directa
|Mis Escritos|
Aquí encontrarás: Ayudas, Tutoriales, Trucos, Reflexiones, Trabajos de Investigación etc.
|Chistes|Piropos|Juegos Online|
Aquí encontrarás: Los mejores chistes, juegos online y piropos de toda la web
|Fondos de Pantallas|Salvapantallas|
Aquí encontrarás: Utilidades para personalizar el escritorio de tu PC
|Envío de mensajes|Tonos|
Aquí encontrarás: Tonos para tu móvil, así como también la posibilidad de enviar mensajes


Explicación para hacer el menú con botones.

Paso 1: Inicias sesión en tu blog, haces clic en diseño y luego en elementos de pagina añades un gadget html/javascript.

Paso 2: Copia el siguiente código y pegalo en el html/javascript:

<div><input value="Nombre de la categoría (ej: descargas)" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Ocultar';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Nombre de la categoría (ej: descargas)';}" type="button"><div style="display: none;"><span style="font-weight: bold;">|<a href="Link del submenu (ej: http://josemanuel8924.blogspot.com/programas)">Nombre del submenu (ej programas)</a>|</span>
<span >Aquí debes colocar la descripcion del submenú</span></div></div>

vista previa:
|Nombre del submenu (ej programas)|
Aquí debes colocar la descripcion del submenú


Si quieres agregar otro elemento copia el siguiente formato y pegalo debajo del código </span>

<span style="font-weight: bold;">|<a href="Link del submenu (ej: http://josemanuel8924.blogspot.com/programas)">Nombre del submenu (ej programas)</a>|</span>

Nota: debes sustituir los elementos resaltados en rojo.

Paso 3: Personaliza los elementos y gurdas tu menú.

0 Comentarios:

Publicar un comentario

Blog Archivador Contenido 100% Gratuito a tu alcance. Comentar es agradecer.

:-) :-S :-G :-[ :-D }:-] X* ;-D :-| :-P :*) :-( ;-) XD