Tecnología

Inicio

Cómo agregar vínculos de imágenes horizontalmente debajo de la barra de navegación de Blogger

October 30

Aunque Blogger no incluye un área editable entre la barra de navegación y el encabezamiento del título de forma predeterminada, puede editar el código HTML de la plantilla para insertar una nueva barra de "Añadir un gadget". Sube tus imágenes a un host como Picasa Web, que es un servicio gratuito que se incluye con su cuenta de Google. Obtener la dirección URL para cada imagen, a continuación, sólo tiene que utilizar el nuevo bar "Añadir un gadget" para añadir enlaces de imagen horizontal por debajo de la barra de navegación de Blogger.

Instrucciones

1 Ingrese a su cuenta de Blogger, vaya a "Plantilla", luego "Edición de HTML".

2 Haga clic en la casilla "Expandir plantillas de artilugios" para añadir una marca de verificación.

3 Localizar "<b: Clase de la sección = 'cabecera' id = 'cabecera' maxwidgets = '1' showaddelement =" no ">" bajo la sección "Encabezado".

4 Reemplazar "showaddelement =" no "" con "showaddelement =" sí "."

5 Reemplazar "clase de sección = 'cabecera' id = 'Cabecera'" con " 'ficha' class = section id =" Crosscol-menú '. " Utilización de la clase "pestaña" crea la vista horizontal.

6 Guardar los cambios, a continuación, vaya a la ventana de "Diseño". Aparece un nuevo cuadro "Añadir un gadget" entre la barra de navegación y el encabezado del título.

7 Haga clic en la nueva caja "Añadir un gadget", a continuación, elegir la opción "HTML / Javascript" en la ventana de diálogo.

8 Tipo "<ul>" en la primera línea en la ventana de contenido, a continuación, pulse "Enter" para ir a la siguiente línea.

9 Tipo "<li> <a href="www.Your URL"> <img src =" www.your imagen "> </a> </ li>" sustitución "La URL" con la URL de destino, y "su imagen "con la URL de la imagen, y presione" Enter ". Repita este procedimiento para cada enlace de la imagen.

10 Tipo "</ ul>" en la última línea, a continuación, haga clic en "Guardar". Ver el blog.

Consejos y advertencias

  • Siempre copia de seguridad de su plantilla original antes de editar el código HTML.
  • Utilice la opción "Vista previa" antes de guardar para que pueda introducir fácilmente modificaciones claras en caso de un error.