ubiquitour.com

Cómo hacer una barra de navegación para Tumblr

El tema por defecto de Tumblr no incluye una barra de navegación, pero tienes la oportunidad de agregar un menú desplegable utilizando una combinación de lenguaje de marcado de hipertexto (HTML) y código JavaScript. Este menú de navegación aparece encima de cada entrada en el blog, y cuando un visitante hace clic en él, se proporciona una lista de páginas para que el usuario puede ir convenientemente a la página deseada. Introduzca el código que crea una función de navegación en su sitio de Tumblr con las herramientas de tu cuenta.

Instrucciones

1 Iniciar sesión en tu cuenta de Tumblr y haz clic en el título de tu blog en la barra de menús. Haga clic en el botón "Personalizar apariencia" en la columna de la derecha para acceder a la página donde diseñar tu blog.

2 Coloque el cursor en el cuadro de texto Descripción debajo de la sección de título en el lado izquierdo. Escriba el siguiente código:< forma acción = "... / ">< seleccionar onchange="window.open(this.options[this.selectedIndex].value,'_top') "estilo =" font-size: 11px; texto-alinee: izquierdo; font-family: arial; " >< la opción valor = "" > nombre del menú < / opción >< valor de la opción = "Dirección URL" > nombre del enlace < / opción >< valor de la opción = "Dirección URL" > nombre del enlace < / opción >< valor de la opción = "Dirección URL" > nombre del enlace < / opción >< / seleccionar >< / form >

3 Reemplazar la entrada de "Nombre de menú" entre el primer conjunto de etiquetas de opción con el título de navegación que prefiere (por ejemplo, "Enlaces"). Además, introducir las direcciones de página Web en lugar de cada entrada "Dirección URL" y escriba los nombres de página entre las etiquetas de la opción para designar donde el visitante pasa cuando ella hace clic en el enlace. Para ilustrar:< la opción valor = "" > enlaces < / opción >< valor de la opción = "Sitio web" rel = "nofollow" target = "_blank" > http://www.website1.com&quot;>Website 1 nombre < / opción >< valor de la opción = "Sitio web" rel = "nofollow" target = "_blank" > http://www.website2.com&quot;>Website 2 nombre < / opción >< valor de la opción = "Sitio web" rel = "nofollow" target = "_blank" > http://www.website3.com&quot;>Website 3 nombre < / opción >

4 Haga clic en el botón "Guardar" en la parte superior y haga clic en el botón "Cerrar" para volver a tu blog.

Consejos y advertencias

  • Puede agregar más vínculos a su lista desplegable introduciendo la siguiente línea como muchas veces requiere antes de la etiqueta de cierre < / select >:
  • < valor de la opción = "Dirección URL" > nombre del enlace < / opción >