CÓMO PONER UN SLIDESHOW EN EL BLOG

Hace unos días alguien me preguntaba por un tutorial para crear un slideshow pero al ir a responder me di cuenta de que era un poco largo para hacerlo en un comentario, así que pensé que podía publicarlo en el blog por si a alguien más le resulta útil.

Para quien no sepa de lo que hablamos, un slideshow es una presentación de imagenes que se van sucediendo una tras otra. Podéis ver un ejemplo en mi página de la tienda.

Poner un slideshow en el blog es muy sencillo, como siempre, lleva algo más de tiempo personalizarlo a nuestro gusto y adecuarlo a la estética de nuestra página. Por supuesto que hay muchos tipos o estilos de slideshows y cada uno de ellos acepta modificaciones así que yo sólo os voy a hablar del que uso: slideshow con jquery.

El jquery es, por decirlo de forma sencilla, una biblioteca con lenguajes de programación para crear páginas dinámicas. Si os gusta trastear con vuestros blogs es interesante saberlo ya que algunos códigos nos piden que tengamos jquery implementado en nuestra página. Y hacerlo es así de fácil:

PLANTILLA >> EDITAR HTML >> CONTROL+F (para que se nos abra el buscador) >> buscamos /b:skin >> copiamos esto justo detrás sin las rayas rojas //:

<//script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js' type='text/javascript'/>;

Ahora vamos a instalar nuestro código HTML. Vamos a DISEÑO >> añadir HTML en el lugar que queramos, en mi caso debajo de la cabecera y copiamos el enlace que podemos descargarnos en este botón:

Descargar código slideshow

 Sustituimos lo que está en rojo (URL, URL_IMAGEN Y TÍTULO) y repetimos esta línea tantas veces como imágenes queramos que tenga nuestro slideshow:

Después sólo nos queda trastear con el estilo para cambiar el tipo y tamaño de la letra, el color, la enmarcación de nuestra galería y todo lo que se nos ocurra.

Este es mi slideshow pero con jquery podéis encontrar un montón de estilos, todos ellos personalizables, en este enlace. Una vez que hayáis seleccionado el tipo de slideshow que queréis y lo hayáis modificado a vuestro gusto sólo tenéis que descargar el código y llevarlo a vuestra página.

Sígueme en:

   ❤ Pinterest   ❤ Facebook    ❤Google+    ❤ Twitter   ❤ Youtube