MENÚ HORIZONTAL CON DESCRIPCIÓN DEL LINK

MENÚ HORIZONTAL CON DESCRIPCIÓN DEL LINK

"BLOGS KIRADOBER"

Texto 1 | Texto 2 | Texto 3 | Texto 4

Este es un menú de lo más sencillo, es simple pero tiene una característica muy peculiar, que al pasar el mouse sobre el link se muestra arriba de él una descripción del enlace. Puedes ver un ejemplo en este blog de pruebas, busca el menú que dice 'MENÚ CON LINKS DESCRIPTIVOS', pasa el mouse por encima de algún enlace y verás arriba de él una breve descripción.

Para ponerlo en tu blog sólo entra a Diseño > Elementos de la página > Añadir gadget, selecciona HTML/Javascript y ahí pega esto:


 Para implementarlo en vuestro Bloc en un gadget solo tenéis que seguir estos pasos:

 Un clic en “Diseño”

Clic en “Añadir un gadget”

Busca el widget que dice “HTML-Javascript” y ábrelo

Coloca el siguiente código en el interior

<p align="center"><b>
<span id="link_msg_show"></span>
<br/>
<br/>
<a href="URL del enlace"><span
onmouseout="link_msg_show.innerHTML=''" onmouseover="link_msg_show.innerHTML='Descripción del enlace'">Menú 1</span></a> |

<a href="URL del enlace"><span
onmouseout="link_msg_show.innerHTML=''" onmouseover="link_msg_show.innerHTML='Descripción del enlace'">Menú 2</span></a> |

<a href="URL del enlace"><span
onmouseout="link_msg_show.innerHTML=''" onmouseover="link_msg_show.innerHTML='Descripción del enlace'">Menú 3</span></a> |

<a href="URL del enlace"><span
onmouseout="link_msg_show.innerHTML=''" onmouseover="link_msg_show.innerHTML='Descripción del enlace'">Menú 4</span></a>

Cambia los datos que están en color rojo y listo. Si quieres agregar más enlaces añade esto después de <br/>
-------------------------------------------------------
<a href="URL del enlace"><span
onmouseout="link_msg_show.innerHTML=''" onmouseover="link_msg_show.innerHTML='Descripción del enlace'">Texto</span></a> |

---------------------------------------------------
Arrastra ese elemento abajo de la cabecera del blog y podrás tener un sencillo pero peculiar menú con enlaces descriptivos.

Después de haber insertado el código, un clic en "Guardar"

 Data de la Publicación; 06-10-2019

 Fuente; ciudadblogger

 Publicado por;