SLIDESHOW RÁPIDO Y AUTOMÁTICO

GUÍA PARA INSERTAR UN SLIDESHOW AUTOMÁTICO EN NUESTRO BLOG

 Segura Paredes Jimmy Javier

Javier614tres@gmail.com

Huancayo, 05 Mayo 2017

El Slideshow es una manera de presentación de contenido, consistente en ir desplazándose las imágenes unas detrás de otras consecutivamente, presentando habitualmente con grandes imágenes, lo publicado en la web. También se conoce como carrusel o como galería de imágenes.

Para este artículo voy a tomar como referencia a la página:

  

Captura: http://www.ayudadeblogger.com

donde nos explica detalladamente los pasos a seguir, pero también voy a dejar los mismos pasos y el código para que puedan insertar el Slideshow.

Vamos a trabajar

1 Ir a Blogger

2 Abrir “Tema”

3 Da un clic en “Editar HTML” y luego en continuar

4 Presiona “F3” y busca este código ]]></b:skin>

5 Inserta el siguiente código justo arriba de ]]></b:skin>

6 Ahora busca este código </head> y justo encima de él, inserta el siguiente código:

7 Luego busca este código </body> y justo encima de él, inserta el siguiente código

8 Ahora da un clic en “Guardar plantilla” y ya está casi listo.

9 Dirigite a “Diseño”, de un clic donde dice “añadir un gadget” y busca un widget que dice “HTML/Javascript”, ábrelo y pega el siguiente código:

Realiza estos cambios:

Ubica el siguiente texto “ayudadeblogger.com” y reemplaza por la "dirección de tu blog" eso es todo, da un clic en guardar y listo, ubícalo donde quieres que se muestre tu Slideshow automático.

Nota: Si quieres cambiar el tamaño de tu Slideshow automático, solo basta con cambiar el texto que esta marcado de color amarillo, aquí te dejo el código que deberías cambiar:

document.write('<a href="' + posturl_gal + '"><img src="' + thumburl_gal + '" width="480px" height="320"/></a></div>');