Tecnología

Inicio

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

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

Instrucciones

1 Ingrese a su cuenta de Tumblr y haga clic en el título de su blog en la barra de menús. Haga clic en el botón "Personalizar el aspecto" en la columna de la derecha para acceder a la página en la que el diseño de su blog.

2 Coloca el cursor en el cuadro de texto Descripción debajo de la sección Título en el lado izquierdo. Escriba el siguiente código:
<Form action = "../">
<Seleccione onchange = "window.open
(This.options [this.selectedIndex] .value, '_ top') "style =" font-size: 11px; text-align: left; font-family: arial; ">
<Option value = ""> Nombre del menú </ option>
<Option value = "dirección URL"> Nombre de vínculo </ option>
<Option value = "dirección URL"> Nombre de vínculo </ option>
<Option value = "dirección URL"> Nombre de vínculo </ option>
</ Select> </ form>

3 Reemplazar la entrada "Nombre del menú" entre el primer conjunto de etiquetas de opción con el título de navegación que prefiera (por ejemplo, "Enlaces"). Además, introducir direcciones de las páginas web en lugar de cada entrada "dirección URL", y escribe los nombres de las páginas entre las etiquetas de opción para designar donde el visitante pasa cuando se hace clic en el enlace. Para ilustrar:
<Option value = ""> Enlaces </ option>
<Option value = "Sitio Web" rel = objetivo "nofollow" = "_blank"> http: //www.website1.com&quot;> Sitio Web 1 Nombre </ option>
<Option value = "Sitio Web" rel = objetivo "nofollow" = "_blank"> http: //www.website2.com&quot;> Sitio web 2 Nombre </ option>
<Option value = "Sitio Web" rel = objetivo "nofollow" = "_blank"> http: //www.website3.com&quot;> Sitio web 3 Nombre </ option>

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

Consejos y advertencias

  • Se pueden añadir más enlaces a su lista desplegable mediante la introducción de la siguiente línea tantas veces que se requieren antes del cierre </ select> etiqueta:
  • <Option value = "dirección URL"> Nombre de vínculo </ option>