domingo, 17 de abril de 2011

Slideshow de entradas Blogger con imágenes, sin librerías



Probado en Internet Explorer 7, 8 y 9, Firefox y chrome.

Ir a Diseño, Elementos de la página y añadir un gadget HTML/Javascript en el lugar a mostrarlo.

Poner el siguiente código:


Descargar código:

El código esta hecho para poder mostrar un máximo de 10 entradas.

El código en el ejemplo esta para mostrar 7 entradas.

Se puede personalizar totalmente.

Los detalles están a la vista en el código.

Puse un comentario arriba y junto para que identifiquen para que es cada código.

La imagen que muestra al no tener una propia la entrada es de 125x125 píxels.

Para las imágenes de Play y Stop es recomendable que sean de 16x16 píxels.

Para parar el slideshow hacer clic sobre la imagen de stop.

Para continuar sobre la imagen de play.

También pueden parar el slideshow al entrar con el cursor sobre el contenido, y se reanuda al sacarlo.

Pueden cambiar el tamaño y color de los textos, el color de los fondos, el tamaño de las imágenes a mostrar, etc...

entradasPost = 400; es la cantidad de texto mostrado en el contenido o descripción de las entradas.

Pueden no mostrar los comentarios, la fecha y el continuar leyendo, solo cambiar true por false en el código que no quieran mostrar.

Si quitan o agregan entradas tienen que cambiar el número a mostrar en: var tabcount = new Array("7"), teniendo que ser igual a la cantidad de link y números.

Si quieren cambiar la velocidad de pasar de entrada, lo hacen en: var changespeed = 4;

Hay que cambiar el link del blog a mostrar en: home_page = "http://loseasi.blogspot.com";

Tener en cuenta que el link no puede tener la barra al final (/).

Tiene que ser así: http://loseasi.blogspot.com y no así: http://loseasi.blogspot.com/


Los link y los números:

Los link son así:

<div id="tabcontent1"><script>
document.write('<script src="'+home_page+''+rss_page+'1'+rssb_page+'"></scr' + 'ipt>');</script></div>

Tener en cuenta que cada link tiene su propio ID, que no se puede repetir. (tabcontent1), varía según la entrada.

Si queremos podemos mostrar las entradas de otro blog o una etiqueta o label.

    EJEMPLO PARA MOSTRAR OTRO BLOG:

<div id="tabcontent1"><script>
document.write('<script src="http://OTROBLOG.blogspot.com'+rss_page+'1'+rssb_page+'"></scr' + 'ipt>');</script></div>

    EJEMPLO PARA MOSTRAR UNA ETIQUETA O LABEL:

<div id="tabcontent1"><script>
document.write('<script src="'+home_page+'/feeds/posts/default/-/ETIQUETA?start-index=1'+rssb_page+'"></scr' + 'ipt>');</script></div>
El 1 (rss_page+'1'+), (index=1'+) pertenece a la última entrada publicada, cambiar de número según la entrada que vayan a  mostrar.

Y los números así:

document.write(''+li_easytabs1+'');

El 1 pertenece al número mostrado, varía según las entradas mostradas.

Cómo dije antes, tiene que coincidir la cantidad de link y de números con el número en: var tabcount = new Array("7"),

Si tienen alguna duda, me dejan un comentario.

No hay comentarios:

Publicar un comentario