Tecnología

Inicio

Cómo hacer un encabezado desplegable de Blogger

Mediante la inserción de una herramienta de código HTML en Blogger, puede insertar el código para un encabezado desplegable para ofrecer lo que sea páginas o direcciones URL directas que le gustaría presentar en la parte superior de tu blog. Puede personalizar el número de entradas que deben aparecer en el menú desplegable, e incluso se puede personalizar si el menú tiene una izquierda, alineación derecha o centro correspondiente a su cabecera y el blog.

Instrucciones

1 Visita su blog y haga clic en Diseño en la esquina superior derecha. Usted será transferido a la vista Elementos de la página en la que puede hacer clic en la opción Agregar una característica Gadget situado justo debajo de la cabecera. Haga clic en secuencias de comandos HTML / Java y aparecerá un cuadro de diálogo Configurar.

2 Inserte el código genérico desplegable en el campo de contenido, dejando en blanco el campo Título. El código básico es el siguiente:

<Form> <select name = "menú" onchange = "window.open (this.options [this.selectedIndex] .value, '_ blank')" size = 1 = nombre de menú> <opción /> - Lista de Títulos - <opción value = "http: //yourlink#1.com&quot;> Enlace Título Primero <opción / value =" http: //yourlink#2.com&quot; /> Enlace Título Segundo <option value = "http: //yourlink#3.com&quot; /> Enlace Título Tercero </ SELECT> </ form>

3 Eliminar la "Lista de títulos" Texto del lugar de retención e introduzca el título que desea que su menú desplegable para tener, tales como "Lugares para visitar" o "Categorías".

4 Eliminar la URL de simulación "http: //yourlink#1.com&quot; y sustituirla por la dirección URL directa de la subsección primer blog que desea que aparece en su menú Por ejemplo, si tiene una." Acerca de mí "post, puede insertar la URL directa de ese puesto en el primer espacio para un enlace. también tendrá que sustituir "enlace título Uno" con un título apropiado, como "Acerca de mí" o "Biografía del autor." sustituir el lugar de los titulares de su . URL y el título de los tres enlaces que aparecen en el código genérico Añadir una entrada adicional si desea mediante la inserción de otra línea genérica después de "Enlace título Tercero," como <option value = "http: //yourlink#4.com&quot; /> Enlace Título Cuarto. Personalizar esta línea, e insertar una quinta línea personalizada si es necesario.

5 Insertar un comando de alineación si lo deseas. El menú desplegable se auto-alinear a la izquierda, lo que no necesita insertar cualquier codificación adicional para mantener un posicionamiento izquierda. Si desea que el menú centrado, sin embargo, insertar <center> antes que el resto de su código e insertar </ center> al final de todo el código. Para una alineación derecha, inserte <div style = "text-align: right;"> antes de que la otra codificación e insertar </ div> al final.

6 Haga clic en "Guardar" y el diálogo Configurar cerrará. Ver su blog para asegurarse de que el encabezado desplegable se ha implementado correctamente.

Consejos y advertencias

  • Si durante la visualización de tu blog se ve que uno de los enlaces no funciona, volver a la página Elementos de página y hacer clic en Editar que se corresponde con el gadget / Java Script HTML debajo de la cabecera. Se puede volver a editar la codificación según sea necesario, la fijación de los enlaces rotos.