Espero que este blog ayude a aquellos que están buscando conocimientos, al igual que yo.
Sígueme en:
Blogger Google+ facebook twitter you yube Ver perfil en Linkedin Agregar a Favoritos/Marcadores
pica pica curioso Mi Ping en TotalPing.com Buscar en el blog
Cerrar X Bienvenido amig@!!! Recuerda que puedes recibir las actualizaciones del blog a través de Facebook y/o Twitter, o Suscríbase al Feed vía RSS o vía Email.

Siempre, Siempre, Siempre, antes de modificar tu plantilla guarda una copia.

Descarga la plantilla o copias el código en el bloc de notas.

¿Que es RSS?:

RSS (Really Simple Syndication)

Es un sistema que nos permite enterarnos de las actualizaciones de las paginas que visitamos frecuentemente, sin tener que visitarlas directamente.

¿Cómo funciona?

Así cómo para poder leer correos electrónicos tenemos que tener una cuenta y un lector de correo electrónico, para poder leer nuestras paginas en RSS tenemos que tener un lector de RSS.
Existen muchos lectores de RSS pero uno de los mas sencillos de usar y mas utilizados por todos es el Google Reader, este lector se encarga de agrupar todos los sitios que visitamos frecuentemente mostrándonos la actualización que cada sitio tiene sin necesidad de ir a visitarlos.
Antes yo entraba a los sitios a mirar si habían publicado algo nuevo, ahora mediante los RSS cuando el sitio publica algo nuevo me llega su actualización.

Sencillo, rápido y útil.
votar
Achicar Entrada Agrandar Entrada


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.

Leer Importante... Comentar esta entrada ▼ Ir al principio de la entrada
Vku dijo...

Gracias Gem@, es que es muy largo el código y medio complicado para el que no conoce.

Ruben Manu Cardozo dijo...

Está buenísimo. Funciona! y sin jquery, google api, ficheros, ni nada de eso. Bah, creo, yo le meti el codigo nomas y funciona :P
Se agradece

Blood Creek dijo...

No entiendo, lo pongo y no me aparece el texto de la entrada ni la imagen de las entradas??

Vku dijo...

Blood Creek, no lo vi en ninguno de tus blog como para ver el error.
Has cambiado el enlace por el de tu blog?
Deja el código y me avisas por correo así veo.
anfelweb@gmail.com

m dijo...

como anda genio!! se te ocurre alguna opcion para que no se vea cuando esta cargando el slide, no se si me explico bien, pero cuando recien ingreso a mi blog, al cargar el slide despliega las entrasdas hacia abajo y luego se acomoda.
saludos
hernan

Vku dijo...

Lo único que se me ocurre es poner el código dentro de una función javascript que lo abra en algunos segundos con setTimeout

http://loseasi.blogspot.com/2010/08/settimeout.html

m dijo...

vku disculpame que te moleste pero sinceramente no encontre la vuelta de como usar esto que me decis con este slide, te pido por favor si me podes dar una mano, desde ya muy agradecido.
saludos
cordiales hernan

Vku dijo...

Hernan:
Primero identifica el Id del gadget en donde pusistes el código.
Ejemplo: HTML1

Después arriba de </head> poné lo siguiente:

<style>
#HTML1{display:none}
</style>
<script type='text/javascript'>
//<![CDATA[
function abrirmenucontent() {
div = document.getElementById('HTML1');

div.style.display='block';
}
setTimeout(abrirmenucontent, 4000);
//]]>
</script>


Vista previa para ver que todo este bien.

Adapta los segundos. 4000 es 4 segundos.

Y cambia los ID
#HTML1 en el CSS Y HTML1 en el script.

Gamal Serhan Jaldin dijo...

Todavía no se como hacerlo con el javascript para q sea mas rápido, pero muchisimas gracias x este extraordinario código... si quieres verlo como lo adapte, te invito a mi pagina www.gamal2010.com

Vku dijo...

Gamal Serhan Jaldin puedes hacer lo del comentario 10.

En tu caso esta en el gadget con id HTML15

#m@xi | Dinero Online dijo...

Hola esta muy bueno gracias me sirve, igual tengo una gran duda como hago para colocar el slider el la pagina principal de mi blog y no en todas las entradas ? Es decir cada vez que visito una de mis entradas aparece el slider y yo quiero que solo aparesca en la portada o pagina principal de mi blog bien centrado aka te dejo mi blog para que veas de que hablo http://senjuid.blogspot.com/

Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.



Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.


Nota: solo los miembros de este blog pueden publicar comentarios.

Si no puedes comentar, intenta con el antiguo formularioO leer solución

VituaRadio
Informe Importante

Por un tiempo voy a estar sin internet, así que no voy a actualizar ni poder contestar a los comentarios.
Suscribirse a las entradas Suscribirse a las entradas vía Mail Suscribirse a los comentarios
¿Que es RSS?