Slider automático de últimas entradas

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

72 thoughts on “Slider automático de últimas entradas

  • septiembre 30, 2013 en 6:28 pm
    Permalink

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

    Responder
  • octubre 1, 2013 en 11:26 pm
    Permalink

    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

    Responder
  • octubre 8, 2013 en 12:28 pm
    Permalink

    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.

    Responder
    • octubre 16, 2013 en 8:18 pm
      Permalink

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

      Saludos

      Responder
  • octubre 10, 2013 en 2:56 am
    Permalink

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

    Responder
  • octubre 20, 2013 en 2:04 pm
    Permalink

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

    http:leobrujuleo.blogspot.com.es
    Mil gracias

    Responder
  • octubre 20, 2013 en 2:06 pm
    Permalink

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

    Responder
  • octubre 20, 2013 en 2:07 pm
    Permalink

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

    Responder
  • octubre 20, 2013 en 2:08 pm
    Permalink

    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

    Responder
  • octubre 20, 2013 en 6:54 pm
    Permalink

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

    Responder
  • octubre 20, 2013 en 6:54 pm
    Permalink

    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.

    Responder
  • octubre 24, 2013 en 6:22 pm
    Permalink

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

    Responder
  • octubre 24, 2013 en 7:49 pm
    Permalink

    Cual borde quieres redondear, todos o alguno en especifico?

    Responder
  • octubre 26, 2013 en 12:07 pm
    Permalink

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

    Responder
  • octubre 28, 2013 en 5:13 pm
    Permalink

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

    Responder
  • octubre 29, 2013 en 5:09 pm
    Permalink

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

    Responder
  • octubre 29, 2013 en 5:10 pm
    Permalink

    Me podrías indicar la URL de tu blog

    Responder
  • octubre 31, 2013 en 9:33 pm
    Permalink

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

    Responder
  • noviembre 8, 2013 en 6:50 pm
    Permalink

    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…

    Responder
  • noviembre 9, 2013 en 12:59 am
    Permalink

    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?

    Responder
    • noviembre 22, 2013 en 9:53 pm
      Permalink

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

      Saludos

      Responder
  • noviembre 10, 2013 en 4:43 pm
    Permalink

    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!

    Responder
  • noviembre 29, 2013 en 8:18 pm
    Permalink

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

    Responder
  • diciembre 9, 2013 en 7:55 am
    Permalink

    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?

    Responder
  • enero 7, 2014 en 5:56 pm
    Permalink

    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.

    Responder
  • enero 24, 2014 en 1:16 am
    Permalink

    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.

    Responder
  • febrero 9, 2014 en 9:12 pm
    Permalink

    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/

    Responder
  • febrero 10, 2014 en 8:58 pm
    Permalink

    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

    Responder
  • marzo 18, 2014 en 9:44 pm
    Permalink

    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.

    Responder
  • mayo 5, 2014 en 8:03 am
    Permalink

    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/

    Responder
  • junio 7, 2014 en 4:11 am
    Permalink

    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…

    Responder
  • junio 12, 2014 en 3:25 am
    Permalink

    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!

    Responder
  • agosto 6, 2014 en 5:48 am
    Permalink

    Muy bueno amigo!

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

    Responder
    • agosto 8, 2014 en 4:18 pm
      Permalink

      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

      Responder
  • septiembre 13, 2014 en 2:51 am
    Permalink

    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

    Responder
  • noviembre 9, 2014 en 12:43 am
    Permalink

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

    Responder
  • noviembre 19, 2014 en 8:49 pm
    Permalink

    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?

    Responder

Deja un comentario

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