Mil Trucos Blogger

Slider automático de últimas entradas

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Ya he compartido varios gadgets de ultimas entradas, pero ninguno tan impresionante como este, porque no es un simple gadget, es un espectacular slider automático que mostrara de una forma muy elegante las ultimas entradas de tu blog.

Vista Previa del Truco:


Para añadir este slider a tu blog, ve a Diseño, Añadir Gadget, HTML/JavaScript y pega lo siguiente:

<style type="text/css">
.slider-sidebar{width:250px;height:350px;border:1px solid #ccc;background-color:white;padding:10px;font:normal normal 11px/1.4 Tahoma,Verdana,Arial,Sans-Serif;color:#333;margin:0 auto;position:relative;overflow:hidden;text-align:left}
.slider-sidebar-nav{text-align:center}
.slider-sidebar-nav a{display:inline;background-color:#333; /* paginación visible*/
color:white;padding:4px 8px;line-height:2.6em;margin:0 2px;text-decoration:none}.slider-sidebar-nav a:hover{background-color:#ccc} /* paginación al pasar cursor*/
.slider-sidebar-nav a.current{background-color:#9f9e9e} /* paginación activa*/
.slider-sidebar.loading{background-image:url('data:image/gif;base64,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');background-position:50% 50%;background-repeat:no-repeat}
.slider-sidebar .slider-item{position:absolute;padding:10px;background-color:white;top:0;right:0;bottom:auto;left:0;display:none}
.slider-sidebar .image-wrapper{}
.slider-sidebar .detail-wrapper{}
.slider-sidebar img{display:block;border:none;outline:none;padding:0 0;margin:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;max-width:none;max-height:none}
.slider-sidebar h4{font:inherit;font-weight:bold;
font-size:120%; /* tamaño del titulo*/
text-transform:none;
color:#000; /* color del titulo*/
margin:10px 0 0}
.slider-sidebar h4 a{color:inherit;text-decoration:none}
.slider-sidebar h4 a:hover{color:#880505; /* color titulo pasar cursor*/
text-decoration:underline}
.slider-sidebar p{margin:10px 0 0}
</style>
<div id="slider-sidebar" class="slider-sidebar loading"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
(function(a){a.fn.customRotator=function(c){c=a.extend({interval:6000,speed:1000,hoverPause:true,autoHeight:false,crossFade:false,autoSlide:true,hide:function(d){},show:function(d){}},c);var b=true;return this.each(function(){var k=a(this),e=k.children().hide(),d=k.next(),g=null,j=0,f=0;function h(){c.hide(f);d.find(".current").removeClass("current");b=false;if(e.eq(f).next().length){if(!c.crossFade){e.eq(f).fadeOut(c.speed,function(){a(this).next().fadeIn(c.speed,function(){c.show(f);b=true});if(c.autoHeight){k.stop().animate({height:e.eq(f+1).height()},c.speed/2)}f++})}else{e.eq(f).fadeOut(c.speed);e.eq(f).next().fadeIn(c.speed,function(){c.show(f);b=true;f++});if(c.autoHeight){k.stop().animate({height:e.eq(f+1).height()},c.speed/2)}}d.find(".rotator-num a").eq(f+1).addClass("current")}else{if(!c.crossFade){e.eq(f).fadeOut(c.speed,function(){f=0;e.first().fadeIn(c.speed,function(){c.show(f);b=true});if(c.autoHeight){k.stop().animate({height:e.eq(f).height()},c.speed/2)}})}else{e.eq(f).fadeOut(c.speed);e.first().fadeIn(c.speed,function(){c.show(0);b=true;f=0});if(c.autoHeight){k.stop().animate({height:e.eq(0).height()},c.speed/2)}}d.find(".rotator-num a").first().addClass("current")}if(j==0&&c.autoSlide){g=setTimeout(h,c.interval)}}if(e.length>1){c.hide(f);e.first().fadeIn(c.speed,function(){c.show(f);b=true});if(c.autoHeight){k.stop().animate({height:e.eq(0).height()},c.speed/2)}if(c.hoverPause&&c.autoSlide){k.mouseenter(function(){clearTimeout(g);j=1}).mouseleave(function(){g=setTimeout(h,c.interval);j=0}).trigger("mouseleave")}else{g=(c.autoSlide)?setTimeout(h,c.interval):null}d.find(".rotator-num a").click(function(){if(b){b=false;if(c.autoSlide){clearTimeout(g);g=setTimeout(h,c.interval)}f=a(this).index();a(this).parent().find(".current").removeClass("current");a(this).addClass("current");c.hide(f);e.fadeOut(c.speed).eq(f).fadeIn(c.speed,function(){c.show(f);b=true});if(c.autoHeight){k.stop().animate({height:e.eq(f).height()},c.speed/2)}}return false});d.find(".rotator-advancer a").click(function(){if(b){b=false;var l=this.hash.replace("#",""),i=e.length;if(c.autoSlide){clearTimeout(g);g=setTimeout(h,c.interval)}if(l=="next"){f=(f<i-1)?f+1:0}else{f=(f>0)?f-1:i-1}d.find(".current").removeClass("current");d.find(".rotator-num a").eq(f).addClass("current");c.hide(f);e.fadeOut(c.speed).eq(f).fadeIn(c.speed,function(){c.show(f);b=true});if(c.autoHeight){k.stop().animate({height:e.eq(f).height()},c.speed/2)}}return false})}})}})(jQuery);function makeSlider(a){var c={url:"http://www.amorsevillista.com",numPost:7,newTabLink:false,labelName:null,showDetail:true,summaryLength:60,titleLength:"auto",showThumb:true,thumbWidth:250,squareThumb:true,noThumb:"http://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png",showNav:true,navText:{prev:"<",next:">"},containerId:"slider-sidebar",interval:6000,speed:1000,hoverPause:true,crossFade:false,autoHeight:false,autoSlide:true,onInit:function(){},onHide:function(d){},onShow:function(d){}};for(var b in c){c[b]=(typeof(a[b])!=="undefined")?a[b]:c[b]}$.get(c.url+"/feeds/posts/summary/"+(c.labelName===null?"":"-/"+c.labelName.replace(/,(s+)?/g,"/"))+"?alt=json-in-script&max-results="+c.numPost,{},function(s){if(s.feed.entry!==undefined){var r=s.feed.entry,q,p,e,o,h="",d="";for(var m=0,n=r.length;m<n;m++){if(m==r.length){break}q=r[m].title.$t;e=("media$thumbnail" in r[m])?'<img alt="'+q+'" src="'+r[m].media$thumbnail.url.replace(//s72-c/,"/s"+c.thumbWidth+(c.squareThumb?"-c":""))+'" style="width:'+c.thumbWidth+"px;height:"+(c.squareThumb?c.thumbWidth+"px":"auto")+'">':'<img src="'+c.noThumb+'" style="width:'+c.thumbWidth+"px;height:"+(c.squareThumb?c.thumbWidth+"px":"auto")+'">';o=("summary" in r[m]&&c.summaryLength>0)?r[m].summary.$t.replace(/<br ?/?>/ig," ").replace(/<(.*?)>/g,"").replace(/[<>]/g,""):"";o=(c.summaryLength<o.length)?o.substring(0,c.summaryLength)+"…":o;for(var l=0,f=r[m].link.length;l<f;l++){p=(r[m].link[l].rel=="alternate")?r[m].link[l].href:"#"}h+='<div class="slider-item">';h+=(c.showThumb&&c.showDetail)?'<div class="image-wrapper">'+e+"</div>":(c.showThumb&&!c.showDetail)?'<div class="image-wrapper"><a href="'+p+'" title="'+q+'"'+(c.newTabLink?' target="_blank"':"")+">"+e+"</a></div>":"";h+=(c.showDetail)?'<div class="detail-wrapper"><h4><a title="'+q+'" href="'+p+'"'+(c.newTabLink?' target="_blank"':"")+">"+((c.titleLength=="auto")?q:q.substring(0,c.titleLength)+(q.length>c.titleLength?"…":""))+"</a></h4><p>"+o+"</p></div>":"";h+="</div>";$("#"+c.containerId).css({width:(c.showThumb)?c.thumbWidth+"px":$("#"+c.containerId).css("width"),height:(!c.showDetail&&c.squareThumb)?c.thumbWidth+"px":$("#"+c.containerId).css("height")})}d='<div class="slider-sidebar-nav"'+(c.showNav===false?' style="display:none;"':"")+">";d+=(c.showNav===true||c.showNav=="next/prev")?'<span class="rotator-advancer"><a href="#prev">'+c.navText.prev+"</a></span>":"";if(c.showNav===true||c.showNav=="number"){d+='<span class="rotator-num">';for(var g=0;g<c.numPost;g++){d+='<a href="#slide-'+g+'" class="'+(g===0?"current":"")+'">'+(g+1)+"</a>"}d+="</span>"}d+=(c.showNav===true||c.showNav=="next/prev")?'<span class="rotator-advancer"><a href="#next">'+c.navText.next+"</a></span>":"";d+="</div>";$("#"+c.containerId).html(h).after(d);c.onInit();$("#"+c.containerId).removeClass("loading").customRotator({interval:c.interval,speed:c.speed,autoHeight:c.autoHeight,hoverPause:c.hoverPause,crossFade:c.crossFade,autoSlide:c.autoSlide,hide:function(i){c.onHide(i)},show:function(i){c.onShow(i)}})}else{$("#"+c.containerId).removeClass("loading").css({width:"auto",height:"auto"}).html("Error no encontrado!")}},"jsonp")};</script>
<script type="text/javascript">
makeSlider({url:"URL DE TU BLOG"});
</script>

Ahora solo tienes que reemplazar la URL de tu blog donde se indica y listo, guarda los cambios y a disfrutar de este genial truco.

Al agregar la URL de tu blog te en cuenta que la tienes que agregar así: http://www.miltrucosblogger.info sin la ultima barra inclinada / ya que si la agregas el truco no funcionara.

Espero que les sea de utilidad este truco y sigue visitando Mil Trucos Blogger.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

72 Comentarios

  1. Septiembre 30, 2013    

    Muy bueno el gadget!! ¿Podrías hacer uno para saber cómo se pone eso de TE GUSTA? COMPARTELO???? Gracias :D!!

  2. Octubre 1, 2013    

    Como se llama la plantilla que tenía Mil Trucos Blogger antes de esta?

  3. Anonymous Anonymous
    Octubre 1, 2013    

    Estimado Amigo:
    He descubierto tu post acerca de cómo colocar un “slider” en un blog. Pues bien, he seguido los pasos que indicas, en un blog que estoy construyendo, y sólo aparece un recuadro en blanco. Estoy seguro que he pasado algo por alto, pero no sé que puede ser. Lo he probado tanto en Google Chrome como en IE pero sin éxito. En URL he puesto http://www.mi blog.com.es (también sin el “.es”). Copié el código HTML de tu página a un bloc de notas y de éste, al blog. Si fueses tan amable de aportar una indicación al respecto, te estaría muy agradecido. Y si no, también.
    Atte. Julio

  4. Anonymous Anonymous
    Octubre 4, 2013    

    No funciona bien. S@lu2

  5. Octubre 7, 2013    

    Muchas graciasssss!! Es increíble.

  6. Anonymous Anonymous
    Octubre 8, 2013    

    A mi sí me funciona, pero… ¿es posible modificar su anchura y altura?. He probado modificando los valores al comienzo del código y no veo resultados. Gracias.

    • Octubre 16, 2013    

      Para modificar el tamaño del slider cambia los valores de width:250px (aparece 2 veces en el código).

      Saludos

  7. Octubre 8, 2013    

    espectacular pero se puede poner mas grande?

  8. Octubre 10, 2013    

    Genial amigo me encanto, aplicado a mi blog seguire checando tus consejos me funcionan al 100%

  9. Octubre 13, 2013    

    Es posible añadir que cuando hagan click en la imagen vayan a al post ???

    Saludos!

  10. Jorge Jorge
    Octubre 20, 2013    

    Por favor podrías ayudarme?

    A mi me ha pasado lo mismo que a Julio.

    Solo veo un cuadro blanco
    mi blog es
    http://leobrujuleo.blogspot.com.es
    Mil gracias

  11. Jorge Jorge
    Octubre 20, 2013    

    Por favor podrías ayudarme?

    A mi me ha pasado lo mismo que a Julio.

    Solo veo un cuadro blanco
    mi blog es
    http://leobrujuleo.blogspot.co
    Mil gracias

  12. jorge jorge
    Octubre 20, 2013    

    me puedes ayudar por favor?
    solo veo un cuadro blanco
    mi blog es

    http:leobrujuleo.blogspot.com.es
    Mil gracias

  13. jorge jorge
    Octubre 20, 2013    

    Por favor, porque no acepta mis comentarios la página.
    Escribo y me los borra…no aparecen 🙁

  14. jorge jorge
    Octubre 20, 2013    

    podrias ayudarme? en mi blog pongo el codigo htmlo que das y solo me sale un cuadro en blanco. qué estoy haciendo mal?

  15. jorge jorge
    Octubre 20, 2013    

    si puedes mirarlo te dejo mi direccion pero al parecer cuando la pongo aqui el comentario se borra. Dime como puedo enviartela y lo miras, por favor..muchas gracias

  16. Jonathan LR Jonathan LR
    Octubre 20, 2013    

    Recuerda que al final de la URL debe ir el ” / “

  17. Juvinao Juvinao
    Octubre 20, 2013    

    Jorge lo que pasa es que los comentarios que has hecho le has puesto un enlace y por eso primero pasan a moderación y luego que yo los apruebe ahí si aparecen en el blog.

  18. Juvinao Juvinao
    Octubre 20, 2013    

    Al agregar la URL de tu blog te en cuenta que la tienes que agregar así: http://www.miltrucosblogger.info sin la ultima barra inclinada / ya que si la agregas el truco no funcionara.

  19. Ed_Villamizar Ed_Villamizar
    Octubre 24, 2013    

    Amigo como hiciste para poner los bordes redondos? Ando buscando y no consigo la manera..

  20. Juvinao Juvinao
    Octubre 24, 2013    

    Cual borde quieres redondear, todos o alguno en especifico?

  21. x00151 x00151
    Octubre 26, 2013    

    Me ha encantado este truco, era justo lo que estaba buscando para mi blog.

  22. Eduarws Villamizar Eduarws Villamizar
    Octubre 28, 2013    

    Me gustaria redondear todos los bordes de la entrada principal del blog y de las barrar laterales.

  23. Juvinao Juvinao
    Octubre 29, 2013    

    Amigo que bueno que te haya gustado el truco, no olvides recomendarnos con tus amigos 😉

  24. Juvinao Juvinao
    Octubre 29, 2013    

    Me podrías indicar la URL de tu blog

  25. ed_villamizar ed_villamizar
    Octubre 31, 2013    

    Si claro, es http://edvillhome.blogspot.com/ tambien me gustaria saber como hago para ampliar la numeracion del slider y que sea manual? Gracias

  26. Daniel Sanchez Daniel Sanchez
    Octubre 31, 2013    

    por que al ponerlo no se ven las imagenes en miniatura 🙁

  27. Jorge Jorge
    Noviembre 8, 2013    

    Sigue sin poder irme . Por favor, ayudame. Lo he probado de mil manera y no me va. Quizas hay que quitar las comillas donde pone ” URL del blog” ?. Mi blog es leobrujuleo.blogspot.com.

    Yo lo pongo sin la barra final pero luego alguien más abajo me dice que ponga la barra
    Que estoy haciendo mal?

    Por favor…

  28. jorge jorge
    Noviembre 9, 2013    

    Tengo una duda Hayder,
    no sera que yo tengo en la plantilla una version jquerry 1.6.4 ( acabo de verlo ) y esto tiene una versión jquerry 1.9.1 ? deberian ser las mismas? Lo digo porque solo me sale el cuadro en blanco con los nuemros debajo pero no se ve nada mas. Tu crees que deberia cambiar en este codigo que me das las version de jquerry que yo tengo en mi plantilla?

    • Noviembre 22, 2013    

      Jorge el problema como tu lo dices es por las versiones de jquery, deberías usar la versión mas nueva.

      Saludos

  29. Noviembre 10, 2013    

    Muchas gracias, funciona muy bien. Me gustaría saber si es posible que salgan las publicaciones que tengan una etiqueta en concreto no todas. un saludo!

    • Noviembre 22, 2013    

      Claro que se puede, pero habría que modificar un poco el script.

      Saludos

  30. Noviembre 14, 2013    

    pone la direccion del scrip para descargarlo . plis

  31. Noviembre 14, 2013    

    Exelente hermano gracias, me funciono a la primera.

  32. Noviembre 29, 2013    

    Muy bueno gracias, tu blog es super util, SIEMPRE encuentro lo que necesito 🙂

    • Diciembre 7, 2013    

      Night que bueno que siempre encuentres lo que necesites en mi blog 😉

      Saludos

  33. Diciembre 8, 2013    

    GRACIAS ME SIRVIO Y AL PRIMERA ;(( ;-( 😎

  34. Diciembre 9, 2013    

    Realmente es muy bueno en todo el diseño y fácil de colocar. Pongo una pega…. si queremos que las entradas que muestre sean aleatorias entre todo las entradas introducidas en el blog y no las siete últimas, ¿Cómo se hace?

  35. Diciembre 20, 2013    

    como ago para cambiarle el ancho no me funciona el alto si lo deja el ancho no

  36. Diciembre 22, 2013    

    ¡MUY BUENO! Me encanta, funciona genial y queda muy bien

  37. Enero 7, 2014    

    Muchas gracias por el aporte. Me ha quedado muy bien en el blog y sobra decir que funciona de maravillas. Muchas gracias por tu trabajo.

    Saludos.

  38. Enero 24, 2014    

    Hola Hayder, me encanta el gadget, yo tengo uno similar en mi blog, mi pregunta es si podrías hacer que al igual que el mío las entradas se mostrasen aleatoriamente (me gusta más el formato del tuyo).
    Te dejo el enlace para que eches un vistazo y veas de lo que te hablo.
    Saludos.

  39. Febrero 9, 2014    

    Hola!! Ante todo darte las gracias por este gadget! estoy encantada ya que es justo lo que necesitaba. Solo se me presenta un problema, y es que al modificar el tamaño del slider para ajustarlo a mis necesidades la barra de navegación se queda descentrada y en dos líneas. He tratado de toquetear los valores para no molestarte pero nada, no doy con ello. Te estaría muy agradecida si me echas una mano!! Te dejo la dirección del Blog por si quieres ver de lo que te hablo. Muchas gracias de antemano!! http://touristinyourbody.blogspot.com.es/

    • Febrero 9, 2014    

      Ana voy hacer un par de pruebas con el slider para ver como te puedo ayudar (o)

      Saludos

  40. Febrero 10, 2014    

    Buenas! Necesito ayuda, modifico el width (los 2) y el ancho queda bien ajustado. Pero tengo problemas con el “alto” Ya que al modificar el ancho la imagen se muestra correctamente, pero el texto que le acompaña no sale. Este es mi blog http://www.tweetnastic.com gracias

  41. Febrero 16, 2014    

    listo y lo aplicare en mi blog de peliculas http://www.peliculasextremas.com/ muchas gracias Hayder Juvinao saludos–.!!

  42. Febrero 17, 2014    

    A mi me sale en blanco así k buscar una forma de corregir eso maestro

  43. Marzo 18, 2014    

    Buenas tardes:

    Funciona perfecto, amplié la anchura y después el alto para que se vea toda la imágen y parte del post, pero: cuando le hacés click al post para ingresar, te vuelve a aparecer el slider y abajo el post. Puede el slider ocultarse para que sólo salga el post o sí o sí, debe quedar así?

    Muchas gracias, un saludo.

    • Marzo 30, 2014    

      Amigo podrías ponerme una descripción mas detallada de tu problema.

      Saludos

  44. Mayo 5, 2014    

    Buenas noches. Gracias por este aporte, me gustaría mucho que funcionara en mi blog; pero lamentablemente, sólo veo un cuadro blanco. Leí por ahí que podría ser algo de jquery, pero no tengo idea de dónde puedo verificar qué versión es, si es compatible, y en caso de no serlo, tampoco sé qué hacer para actualizar eso.
    ¿Podrían ayudarme? Mi blog es http://creciendoenvictoria.blogspot.mx/

  45. Mayo 7, 2014    

    😕 ¿Podrán ayudarme? (p)

  46. Junio 7, 2014    

    muy interesante… lo he puesto tal cual las instrucciones pero no me esta leyendo, carga carga y carga pero no me aparece la publicación…

  47. Junio 12, 2014    

    Hola, gracias por el aporte, me ha resultado muy util. Solo una duda, ¿Donde puedo modificar el número de carcateres para que salgan más debajo de la foto? Es que salen solo como 50 y me hustaría poner algunos más, gracias!

  48. Julio 19, 2014    

    Divino,mil gracias por el aporte

  49. Agosto 6, 2014    

    Muy bueno amigo!

    Cómo puedo hacer para cambiarle el ancho y el color y estilo de letras?
    Gracias de antemano!

    • Agosto 8, 2014    

      Puedes editar esos valores desde aquí

      font-size:120%; /* tamaño del titulo*/
      text-transform:none;
      color:#000; /* color del titulo*/
      margin:10px 0 0}
      .slider-sidebar h4 a{color:inherit;text-decoration:none}
      .slider-sidebar h4 a:hover{color:#880505; /* color titulo pasar cursor*/
      text-decoration:underline}

      Saludos

  50. Septiembre 13, 2014    

    esta muy bueno el slider pero al intentar modificar el ancho del mismo hay dos errores, uno es que la imagen se muestra desenfocada y lo otro es que el cuadro de texto desaparece, como puedo adaptar el ancho sin dañar los otros elementos? saludos

  51. Septiembre 13, 2014    

    ya lo pude arreglar igual gracias 🙂

  52. Noviembre 9, 2014    

    Buen aporte amigo me funciona correctamente!” Nhaaguara me sorprende como a crecido tu SEO deberías darme unos consejos :-bd

  53. Noviembre 19, 2014    

    Me gustaría poder ponerlo para que se vean fotos que son horizontales, y así poder poner el widget sobre los posts, ocupando algo menos del ancho del post en sí. ¿Es posible? Probé cambiando el tamaño del ancho, pero se redimensiona al hacerlo como si hubiese hecho zoom a la foto, y se pierden los caracteres.
    ¿Qué hago mal?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo