Un slider con Cincopa

Me encantan los sliders (pases de diapositivas) en un blog, así que aquí os voy a enseñar como hacer el vuestro de manera SUPER FACIL.

Aprovecharé para poner el mío en este blog y lo haré justamente en el cabezal (ahora está muy de moda) pero tú puedes hacerlo en cualquier sitio: en una entrada, en el sidebar (al ladito de las entradas, donde generalemente se pone el Archivo del Blog, lo de la cajetilla para suscribirnos, etc.

Para ello tienes que tener escogidas ya algunas fotos y saber el tamaño que quieres para las mismas.

Yo, para mi cabezal, voy a usar imágenes de 880px de ancho y 300px (píxeles) de alto. ¿Porqué de 880??? Pues porque ese es el ancho máximo del que dispone mi cabezal. Y cómo lo sé???

Pues porque cuando tengo mi blog en pantalla clico el botón derecho del mouse y le doy a INSPECCIONAR ELEMENTO. Inmediatamente se me abre en la parte inferior de la pantalla una "subpantalla" (oye, es que no sé cómo describirlo!) con el código html de mi blog. Así que le doy a la lupa y sitúo el cursor sobre mi cabezal. Ahí me pone h1 title (el cabezal, vamos) 880px.

En otro post (entrada) os explicaré cómo tratar las imagenes, ya que hay muchas maneras de hacerlo.

Preparo las imagenes que me interesan que aparezcan en el slider y me voy a esta magnífica web: CINCOPA.  Aunque está en inglés, es tan intuitiva que no hace falta saber nada de este idioma!
Ahí verás que puedes crear no sólo sliders, pero yo, de momento me concentraré en eso.

Empezamos?

CINCOPA => Solutions => Blogger widgets => Gallery and slideshow => ahora baja toooooda la pantalla y dale a START NOW => aquí verás varios tipos diferentes de sliders.  Escoge el que prefieras y personaliza:

Max gallery width: aquí pondrás los píxeles que quieres de ancho
Slider type: a mi me gusta el FADE (es el que tengo en este blog, en el cabezal)

Verás que puedes personalizarlo en tres pestañas: BASIC - ADVANCED y MISC.

En Advanced podrás definir el tiempo en que cada imagen está visible. Tú mismo, puedes ir haciendo pruebas ya que en todo momento le puedes dar a PREVIEW y ver cómo va quedando tu slider.

El siguiente paso será subir las imágenes que ya tienes preparadas. Cuando termines, te dará un código html que deberás COPIAR (ya sabes, seleccionas el texto y haces clic en el botón derecho del mouse => copiar) y pegarlo en tu blog. Dónde?

Vete a DISEÑO => Añadir un gadget HTML, bajo el cabezal (OJO: esto en el caso de que estés preparando tu slider para esta zona, sino, simlemente añade el slider en el sidebar o en tu post yendo a HTML) => Pegas el código que te ha dado CINCOPA, guardas y....YA ESTÁ!!!!

Imposible de hacerlo más fácil!!