Poner posts o artículos más recientes con miniatura y efecto de acercamiento en blogger


Tomado gentilmente de AllBloggerTricks
 Aquí estamos actualizando un post que ha muerto por culpa de la caída de un script lo que antes teníamos era un slider que ahora no funciona, pero, este nuevo muestreo de entradas o posts recientes en blogger con miniatura será más genial. 
Mira este mismo truco pero para una etiqueta específica (Click aquí)

 Para ver el demo no hace falta ir a otro sitio aquí lo tienen funcionando:


Así que ¿Te gustó? veamos como se pone:

1. Lo primero será ir a nuestro escritorio blogger allí vamos a Diseño > añadir un gadget > HTML/Javascript.

2. Luego allí copiamos el siguiente código:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<style type="text/css">
#post-gallery {width:100%; margin:0px auto;font:normal 11px Arial,Sans-Serif;color:##000000;padding:8px;}
#post-gallery .rp-item {float:left;display:inline;  position:relative;  margin:2px;  padding:0px 0px;  background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOIcs7HeRlSG4dcKBiGbX7NjLIj1-fRdipE6rcoHWfkokFJ9ow9cX1tdMxZojEpdxnhBB89Rh6JCLvOSazkmxYKSe49s8InEW_ZVRsG4CQLMZtf45nn7ioovVdF5aaV-v9TJd8jGdOf2ai/s1600/LOAD+(66).gif') no-repeat 50% 50%;  width:79px;  height:79px;}
#post-gallery .rp-item img {  width:69px;  height:69px;  border:none !important;  margin:0px 0px !important;  padding:0px 0px !important;  background:transparent !important;  display:none;}
#post-gallery .rp-item img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}
#post-gallery .rp-item .rp-child {  position:relative;  top:10%!important;  left:10%!important;  z-index:1000;  width:200px;  background-color:white;  border-bottom:5px solid #1BA1E2;  -webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);  -moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);  box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);  padding:10px 15px;  overflow:hidden;  word-wrap:break-word;  display:none;  opacity: 0.9;}
#post-gallery .rp-item .rp-child h4 {  font-size:12px;  margin:0px 0px 5px;  color:#1BA1E2;}
#post-gallery .rp-item:hover .hidden {display:block;}</style>
<script type="text/javascript">
var rpTitle     = "Últimos artículos",       // Titulo del gadget
    numposts    = 14,      // Numero de posts a mostrar
    numchar     = 200,      // Numero de caracteres a mostrar
    rcFadeSpeed = 600,      // Velocidad
    pBlank      = "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",      // Defecto imagen si el post no tiene
    blogURL     = "http://tublogaqui.blogspot.com/";       // URL de tu blog
</script>
<script src="https://dl.dropboxusercontent.com/s/yr0uqt4qu2pdd52/posts-recientes.js" type="text/javascript"></script>
Ahora bien vamos a modificar por la dirección de nuestro blog lo que está en color azul, con eso ya podríamos guardar todo y salir sin tanto complique sin embargo dejamos aclaración de lo demás que está resaltado.

- En color naranja está el SCRIPT que lo controla todo, está alojado en un sitio de terceros este se satura más a medida que cada vez alguien implemente este mismo código por ende puedes descargarlo y alojarlo por tu cuenta en donde quieras. click aquí para descargar.

- En color rojo tenemos el link de la URL de la imagen que va por defecto cuando un post o entrada reciente no lleva imagen, puedes cambiarla por una de tu gusto. 

- Lo que tenemos en verde claro, especifica datos como velocidad, # de carácteres etc, modificando lo que está en verde lo podrás configurar a tu gusto.


Y listo hasta aquí todo está hecho, como ven muy es fácil de entender y todo comentado para modificar.

Hasta la próxima BloggeRs,

93 comentarios:

  1. Hola. Muy interesante! Lo he puesto en mi blog, pero no me gusta que salga la fecha de la entrada "09 Feb 2014 0 undefined" como puedo eliminar esa parte? Gracias

    ResponderBorrar
    Respuestas
    1. Saludos si me dejas un link de tu blog podré ayudarte visualizando el problema de todos modos porque así como me dices me queda difícil hacerlo..... Saludos...

      Borrar
  2. Buenas este es mi blog http://www.tweetnastic.com/ decir que tengo otro problema, al colocar el codigo de arriba toda la columna de la derecha se me descuadra (toda la web).

    ResponderBorrar
    Respuestas
    1. Hola que tal bueno te comento lo de las fechas que tú dices Primero estuve mirando y no me salió como te sale con el Undefined a mi me salió normal, sin embargo para quitar eso que personalmente se ve bien pero es gusto de cada quien debes modificar el Script que está alojado en Google Codes:

      https://modificacion.googlecode.com/svn/Codigo.js

      Pero no deberías complicarte con ella el problema del Gadget en tu blog se debe a la onfiguración del #header o tamaño para cada cosa como la sidebar y todo eso....

      Borrar
    2. Hola! Te escribo este comentario para saber si finalmente conseguiste solucionar el slider. A mí me pasa lo mismo que a ti, toda la columna derecha se me va para abajo de la web (www.paredesdigitales.com)

      Un saludo!

      Borrar
    3. Hola Guillermo el problema radica en el js y la no compatibilidad con tu plantilla así que te recomiendo este post con otro slider ! :) Saludos

      http://www.blogginred.com/2012/07/slider-automatico-para-mostrar-las.html

      Borrar
  3. Gracias por tu respuesta, por una parte me da igual el tema de la fecha es una pequeña tontería.. me interesa mas el tema del gadget que quede todo bien cuadrado. me gusta mucho este gadget y me ahorraría trabajo siendo automático el tema de mostrar entradas... pero ni idea de como ajustarlo... miraré

    ResponderBorrar
    Respuestas
    1. Hola rubén bueno mira aquí hay otro automático por si te sirve..... puede que no te pase lo mismo;

      http://www.blogginred.com/2012/07/slider-automatico-para-mostrar-las.html

      Saludos...

      Borrar
  4. Y para poner este slide que plantilla recomiendas? Es que prefiero que sea un widget a tocar el código html del blog.

    ResponderBorrar
    Respuestas
    1. Hola Guillermo bueno mirar la compatibilidad de la plantilla es dificil seria probar con las plantillas que quieres sin embargo tengo algunas plantillas que vienen con un slider incorporado para mirar todas las plantillas puedes ir aquí

      http://blogginred.com/search/label/PLANTILLAS

      Sino, puedes buscar en internet hay cientos de plantillas para todos los gustos....

      Saludos,

      Borrar
  5. como puedo hacerle a mi blogg que salga la imagen de facebook para qque los que me visiten le den like a mi facebook. otra pregunta. como le puedo cambiar mi foto donde sale arriba mira http://robert-martinez03.blogspot.com/

    ResponderBorrar
    Respuestas
    1. Hola Robert, primero para lo de facebook, puedes ir aquí este link te servirá:

      http://www.blogginred.com/2012/08/fanbox-de-facebook-flotante-y-con.html

      Lo de tu foto arriba según entiendo es tu perfil de google PLus (G+) Para cambiarla ve a tu perfil el cual seria este:

      https://plus.google.com/103709963624435028593

      Y selecciona cambiar foto es muy sencillo.-

      Borrar
  6. Hola buenas noches amigo :) me gusto mucho el slider pero me gustaria que en vez de que salieran los "posts" yo pueda poner imagenes hechas por mi (osea las fotos pero que no sean los posts) de antemano muchas gracias!!

    ResponderBorrar
    Respuestas
    1. Hola amigo comprendo lo que buscas mira no tengo ese slider exactamente pero para mañana prepaparé un post sobre como incorporarlo si te parece debes estar atento a mi blog para que lo veas y lo implementes no es difícil pero algunas cosas cambian.- !!

      Saludos,

      Borrar
  7. Hola.. amigo buen blogg ,una duda como puedo solo visualizar la imagen sin
    descripciones y que no salga abajo esos cuadros que se comen la mitad
    de las imagenes ..

    ResponderBorrar
    Respuestas
    1. Hola Samito Bueno te daré dos derivados el primero si quieres agregar un slider de sólo imágenes y más optimizado pero es manual no automático como este puedes ir a este link:

      http://www.blogginred.com/2014/06/agregar-o-poner-slider-de-imagenes-en.html

      Ahora si se trata de modificar el codigo de este slider para editar lo que me dices es un poco complejo primero tendrías que jugar un poco con el CSS y luego con el JavaScript pero no te lo recomiendo puedes mirar otros de los Sliders de este blog !!

      Un saludo,

      Borrar
  8. Hola, se que puede ser un poco desubicado pedirte esto pero si en el futuro tuvieras tiempo, podrías enseñar como poner un slider continuo en blogger? sucede que he visto en algunas paginas un slider de imágenes que se mueve como un carrusel continuo y solo se detiene cuando se pone el mouse sobre alguna de ellas y al hacer click lleva a otro link.
    Intenté con caroufredsel que tiene un carrusel continuo, he tratado de hacerlo pero nunca se bien donde poner los js, css y html asi es que no me funcionó =).
    aunque en las paginas que he visto no usan caroufredsel sino otro tipo de slider al parecer.
    bueno un saludo y si mi petición te parece un tanto molesta, te pido disculpas de ante mano.

    ResponderBorrar
    Respuestas
    1. Hola Nan Mira claro que sí puedo ayudarte aquí nada es molestía si las piden amablemente :) Bueno, lo que pides es algo muy específico en unos días estaré colocando todo ello que dices pero si tienes el link de donde sacaste el que dices yo trato de trabajarlo y si funciona explicaré como ponerlo de forma más sencilla...

      Saludos,

      Borrar
  9. Hola muchas gracias por responder, tengo los links de las paginas donde vi los slider que me interesan, pero podría mandarlos mediante la opción 'contactanos' que hay al pie de tu pagina?
    la razón es porque no quisiera postear libremente links que no me pertenecen debido a que podría causar alguna molestia y lo cierto es que no deseo generar ningún tipo de debate negativo =), tal vez mi actitud pueda parecerte recelosa sobre todo cuando no dude en pedirte ayuda, pero ya me ha tocado ver en otros blogs malos comentarios por postear links ajenos así es que no quiero que eso pase aquí y menos por culpa mía.
    gracias otra vez, disculpa por favor mi temor y esperare tu respuesta para saber como proceder. un saludo, Nan.

    ResponderBorrar
    Respuestas
    1. Hola Nan Claro envíalo entonces Contáctanos ya miraré dichos lins para ver todo y poder escribir un post sobre lo que pides ¡Saludos!

      Borrar
  10. Hola, muchas gracias por tu comprensión, ya he enviado los links, el 1º es el que intenté yo pero no me resultó aun cuando allí proveen los js, html y css yo nunca supe bien como hacerlo.
    Como verás, las paginas de los link 2º y 3º tienen dos tipos de slider, horizontal y vertical con movimiento continuo y tienen además distinto tamaño, pero solo la pagina del 2º link tiene un slider horizontal se detiene y redirecciona hacia otro enlace (que es lo que yo busco)
    Pero el 4º es el que más me gusta porque su continuidad no tiene una separación al final como los 2º y 3º sino que las imágenes se deslizan sin que haya entre ellas algún espacio vacío, lo único malo es el tamaño.
    Ah, espero no estar haciendo el loco y que lo que creo son slider realmente lo sean, sucede que no me manejo en los términos =) y bueno, traté de explicarme lo mejor posible, aunque creo que cuando veas las paginas te darás cuenta por ti mismo de lo que digo.
    Muchas gracias otra vez por tu amabilidad y ayuda. Hasta pronto.

    ResponderBorrar
    Respuestas
    1. Hola Nan listo ya con los links trabajaré para ayudarte más en lo que me dices poiblmente me demore un poco ya que estoy en la Universidad en parciales pero debes estar pendiente del post que yo te escribiré diciendote si lo logré o no!!!

      Saludos amigo,

      Borrar
  11. Hola otra vez, por supuesto que no importa cuanto demores, incluso si luego no tienes tiempo y no pudieras realizarlo ten la seguridad que te agradezco sinceramente la amabilidad que has demostrado conmigo, el solo hecho de responderme con tanta prontitud ya es bastante y el que quieras brindarme tu ayuda es muy considerado de tu parte =).
    Así es que por favor no desatiendas tus estudios, mi pedido puede esperar. Te deseo exito en tus examenes.
    Saludos, Nan.

    P.S: voy a esperar ese post xD

    ResponderBorrar
    Respuestas
    1. Hola Nan He hecho un post para ti con un Slider sencillo puedes verlo aquí:
      http://www.blogginred.com/2014/09/poner-moderno-slider-de-imagenes-usando.html

      Saludos amigo y gracias por la espera,

      Borrar
  12. Hola Andrés, buscando un slider para mostrar las últimas entradas me topé con tu publicación. Lo implementé en mi blog, pero me encontré con la dificultad: cada vez que subo una nueva entrada, la imagen correspondiente a esa entrada no se muestra. ¿Cómo podría solucionar eso? Gran abrazo desde Corrientes, Argentina.

    ResponderBorrar
    Respuestas
    1. Hola República Aurirroja Bueno te diré dos cosas la primera; que para dar con una posible solución a tu problema si es que la hay , ya que generalmente se presentan conflictos de código entre tu blog y lo que deseas poner, para esa solución debes brindarme el link de tu blog y posteriormente dejr el Slide Puesto para yo verificar que sucede y quizá así te diga pasa esto o esto.

      Lo segundo, esque pruebes otro Slider Automático lo tengo en el siguiente link que puedes copiar. (Lo usé en este blog por mucho tiempo y no tuve problemas).

      http://www.blogginred.com/2012/07/slider-automatico-para-mostrar-las.html

      Saludos y cualquier cosa estaré atento,

      Borrar
  13. Muchas gracias por responder con prontitud Andrés! mi blog es http://republicaaurirroja.blogpost.com.ar/

    Me puse a tocar la configuración del slider (hasta ahora no pude dar con el problema, por intuición). Mientras tanto, voy a echar un vistazo a la sugerencia que me hiciste! Muchas gracias por contestar con prontitud!!!

    ResponderBorrar
    Respuestas
    1. Creo que es como lo pensé existe algún conflito en el script del Slider y otros de tu blog pienso yo ya que lo hice desde fuera me refiero a que no tengo ningún acceso a la plantilla como lo tendrías tú con tu blog o yo con el mío....

      Por ahora, Prueba el Slider que te envié a ver que sucede...... !!!

      Saludos República Aurirroja

      Borrar
  14. Hola otra vez, ya comentè en el post nuevo que dejaste pero me pareciò adecuado venir aquí para "cerrar" mi petición de forma correcta. gracias por atender a mi pedido y por responder en forma tan pronta, como dije antes, solo tengo agradecimientos para ti por tu buena voluntad, muchas gracias por tu ayuda.
    Un abrazo =)

    ResponderBorrar
    Respuestas
    1. Ya ten contesté allí Nan Estaré trabajando para unos días todo sobre el link que me enviaste......

      Saludos,

      Borrar
  15. hola amigo prpopietario de esta web.. la verdad me interesa mucho este tema sopre los slider pero no se si podrás poner los códigos de tu carousel que tienes en esta tu página esque la veo mejor que las demás espero tus respuestas y de antemano gracias y saludos...

    ResponderBorrar
    Respuestas
    1. Hola Luis Gonzales Gamarra Claro puede publicarlo en unos días lo tendré publicado para los demás.... Saludos,

      Borrar
  16. Hola es lo que andaba buscando ,. puedo eliminar la linea de comentarios y la fecha?.
    Gracias

    ResponderBorrar
    Respuestas
    1. Hola Zentrum sí se puede eliminar los elementos que deseas sacar los consigues en el Script que está en las últimas líneas del código.....

      Saludos, !

      Borrar
    2. Oye Andrés, simplemente gracias. ;-) Cheverísimo!

      Borrar
    3. Hola Aida Hernandez Un gusto, Saludos... !!

      Borrar
  17. lo he probado en mi blog http://www.videoconsolas.trailersycine.com/ y tengo un problema la columna lateral se me pone abajo del las entradas

    ResponderBorrar
    Respuestas
    1. Hola José Antonio Lavado Es un poco raro lo que comentas trata de trabajar con el ancho del blog respecto a la sidebar...... !!

      y me cuentas como te fue... !

      Borrar
  18. Hola me gustaria saber como agregar el slider solo a la pagina principal no a todo el blog, gracias de antemano

    ResponderBorrar
    Respuestas
    1. Hola anónimo entonces tienes que trabajar con las condicionales mira aquí:

      http://www.blogginred.com/2013/04/condicionales-en-blogger.html

      Usarlas es muy fácil lee cuál es la que más te conviene y sólo pon el código del slider entre alguna de las condicionales...

      Saludos,

      Borrar
  19. Muchas gracias me ha sido de gran ayuda.

    ResponderBorrar
  20. hola disculpa sabes, como hacer que un slider se mueva tengo uno en mi pagina web esta en html pero quiero ponerlo en movimiento nose que codigo debo ponerle gracias de antemano

    ResponderBorrar
    Respuestas
    1. Hola Nice ya probaste con este tutorial (?) sigue el paso a paso y debes pegar en el caso de esta entrada todo el código que te señalo más arriba, otra cosa lo tienes en blogger la web ? de no ser así la cosa cambia si es un sitio web que tienes o editas en tu localhost (ves allí) deberás probar pegandolo en distintas zoans del Body la cuestión es que está configurado estrictamente para que este slider solo funcione en blogger ya que las entradas que se ven son automáticas entonces hay que hacer unas cuantas modificaciones...

      Saludos,

      Borrar
  21. Hola tengo un problema, el slider al momento de poner las imagenes del thumbnail, si las imagenes son pequeñas las repite, como hacer para que salga la imagen completa si tener que repetir?

    ResponderBorrar
    Respuestas
    1. Hola Juancho Gracias por comentar, bien hasta donde recuerdo este Slider no trabaja con la sincronización de la imágenes según su tamaño sin embargo se puede adaptar me queda sacar la forma a ver si la puedo publicar de nuevo es este artículo y de pasó veré lo que me dices sobre las imágenes del thumbnail.

      Saludos,

      Borrar
  22. Este comentario ha sido eliminado por el autor.

    ResponderBorrar
  23. holaa primero que todo te agradesco por la ayuda que das con tus conocimientos
    quisiera una ayudita ---- estoy haciendoo una pagina web con wordpress le e intalado el tema de boulevard ...y quiero insertarle un slider en la home page pero no se como hacer si quizas me das una ayudita estaria muy agradecido un saludo !!!

    ResponderBorrar
    Respuestas
    1. Hola Ivan lexis Actualmente en Bloggin Red no tenemos un tutorial o artículo que de respuesta a tu problema sin embargo te comparto el siguiente enlace que detalla lo que quieres muy bien.

      http://www.web-desings.com/2013/12/08/los-mejores-sliders-gratis-para-wordpress.html

      Saludos y gracias por comentar,

      Borrar
  24. woww muchas gracias por responder asi de rapido te cuento que ya e solucionado el slider tuve que pegar unos codigos en (header.php) y me aparecio en la home page :)) ahora solo uno es mi problema es que quiero que solo aparesca en la pagina principal no en todas no se si me explico

    este es el codigo que pegue en (header.php)

    ResponderBorrar
    Respuestas
    1. Hola me alegra que lo solucionaste, no sé si en wordpress se trabajen las condicionales como se trabajan en Blogger tendrías que investigar un pco para ello ya que en WordPress nunca he trabajado con esos elementos...

      Saludos,

      Borrar
  25. Muy bueno el Slider Automático.!..como agregar mas fotografías? Gracias!. piletasmilenio.blogspot.com.ar

    ResponderBorrar
    Respuestas
    1. Hola Piletas Milenio el slider está hecho con sincronización delos POST o entradas que publiques en tu sitio de blogger, así que modificarlo para sólo poner imágenes será muy tedioso.

      Borrar
  26. woaooo! increible que facil lo explicaas y esta perfecto,en otros sitios salen complicados los procesos y no son tan impecables. una pregunta yo modifique el ancho era de 500 y lo coloque en 1000 y me encanta pero me aparece doble es decir la imagen no sale mas ancha solo se duplica AYUDA quiero una sola imagen mira como queda http://amoreporlamoda.blogspot.com/

    ResponderBorrar
    Respuestas
    1. Hola Amore por la Moda modifica la imagen buscando la siguiente línea en tú código:

      imageSize :500, o estas
      width: 500,
      height: 250,

      Modificalas por el valor de mil juega con los valores para ajustarlas y cuéntame como te fue...

      Saludos, ;)

      Borrar
  27. Hola! En primer lugar, muchísimas gracias por el tutorial, porque me ha servido de gran ayuda!! Mira tengo una duda, he insertado el slider en mi blog, y no se cómo cambiar la forma en la que se ven los posts, me gustaría ponerlo más lento y que no se viesen con cuadraditos

    ResponderBorrar
    Respuestas
    1. Hola Maria Mancha Bueno mira para la velocidad tienes estos tres items para tu código o este código que aquí mismo se expone:

      Busca y edita los valores a tu gusto notoriamente:

      delay: 3000,
      sDelay: 30,
      titleSpeed: 500,

      Ahora para las imágenes no estoy muy seguro ya que hace mucho no toco este código el tamaño creo que lo podrás configura aquí prueba y me cuentas bsuca esta línea y trbaja los números:

      imageSize :500, o estas
      width: 500,
      height: 250

      Saludos,

      Borrar
  28. hola amigo que tal, espero estes bien. Soy usuario frecuente de tu pagina y me encanta. Me gusto el slider esta chingon y facil de instalar. Solo que ando buscando como ponerlo para que salga en la pagina principal. Lo que pasa es que en cada entrada aparece y eso no me gusta. Como puede hacer para que solo salga en la pagina principal osea en la portada principal de la pagina. No en las entradas

    ResponderBorrar
    Respuestas
    1. Hola Roberto está fácil para ello y solucionar tu problema usaremos las llamadas condicionales te dejaré el siguiente link donde podrás leer sobre como usarlas:

      http://www.blogginred.com/2013/04/condicionales-en-blogger.html

      Básicamente allí explico como hacer que un elemento para nuestro blog se vea exactamente en alguna sección donde queramos ya sea sólo en el home o en las entradas o en páginas individuales.

      Cualquier duda comenta.

      Saludos,

      Borrar
  29. esos codigos se buscan en el HTML de la plantilla? Los agrege a el wideth pero no funciono sigue igual

    ResponderBorrar
    Respuestas
    1. hola Roberto, mira coge el respectivo código para que sólo se vea en el home de tu blog será el siguiente:

      <b:if cond='data:blog.url == data:blog.homepageUrl'>

      ...Aquí va el código del elemento...

      </b:if>

      Borras donde están los puntos y la frase "Aquí va el código" y en lugar de él colocas el código de todo el Slider de este post y guardas.

      Me cuentas que tal,

      Borrar
  30. No funciona ya lo intente un par de veces, y algun otro metodo que se puda entrando al HTML de mi pagina?

    ResponderBorrar
    Respuestas
    1. :/ Prueba haciendo el mismo método pero es vez de pegarlo como gadget pegalo como elemento en tu blog debes saber donde ubicarlo...

      Borrar
  31. Hola, que tal, me gustaría que en lugar de mostrar las últimas entradas mostrase las más populares, hay forma de hacerlo?

    ResponderBorrar
    Respuestas
    1. Hola Ignacio Carlos Armando Sí se puede desde luego sin embargo no está en este post el método y no recuerdo haber escrito un artículo sobre un slider con este método pero si en bloggin red hay algunos artículos sobre entradas populares si sabes programación podrías hacer un reemplazo en los códigos y obtendrás lo que deseas.

      Saludos,

      Borrar
  32. estimado, existe la posibilidad de que en vez de pixeles se pueda usar porcentajes, lo intenté más no resultó

    ResponderBorrar
    Respuestas
    1. Hola Guillermo Fuentes hay muchos factores que influyen lo más común es que con porcentajes te funcionara se me ahce raro que no a menos que un elemento allí estuviera usado o citado por otro. Pero, ¿Para qué quieres? trabajar con porcentajes ? Adaptación web o qué ?

      Saludos,

      Borrar
  33. Hola Andrés . Como estas. Ante todo buen tuto. Gracias por compartir.
    Por otro lado Como puedo hacer para compartir códigos en las entradas de blogger. Como la que has hecho aqui?:
    Pego el código y le doy a guardad, luego no se ve

    ResponderBorrar
    Respuestas
    1. Hola Mauro Gomez Para compartir códigos en un post de tu blog en blogger simplemente buscas en google "Parse HTML" allí pegas el código que deseas compartir y lo parseas, luego, copias ese código parseado que es un poco distinto al original ese se dejará visualizar para las personas que miren tu código...

      Saludos,

      Borrar
  34. Hola Andrés. Muy buen post.
    Pregunta: como se hace para pegar códigos en una entrada y que los muestre?
    Desde ya muchas gracias

    ResponderBorrar
    Respuestas
    1. Ya he respondido a tu comentario en este post el anterior comentario...

      Saludos,

      Borrar
  35. Andrés ayudame no me sale cómo hago entradas tipo "slider" en Blogger de prueba no se si es lo mismo pero he hecho los pasos que estan en tu blog y no me sale nada

    ResponderBorrar
    Respuestas
    1. Hola Louerdes ya probaste actualizando la versión de JQUERY e tu blog mira este post podría ayudarte.

      http://www.blogginred.com/2016/04/como-usar-y-saber-la-ultima-version-de.html

      Sin embargo voy a evaluar por qué no funciona el slider te ejo este otro que está con demo en otro blog para ue verifiques que si funciona...

      http://www.blogginred.com/2012/07/slider-automatico-para-mostrar-las.html

      Borrar
  36. buenas, estuve implementando este gadget y estuvo si me funciono hasta hace mas o menos 2 semanas que dejo de funcionar, creo que google actualizo algo que dejo inutil a varios gadget. Si alguien sabe sobre ese tema se lo agradecería mucho. Por cierto, estoy usando el otro slider y aunque un poco complicado de implementar, si funciona

    ResponderBorrar
    Respuestas
    1. hola voy a testear el SLIDER a ver que sucede ya que muchos del blog están teniendo problemas otros ya se han solucionado...

      Saludos,

      Borrar
    2. Gracias por responder. Es una lastima que el slider dejara de funcionar, pero este gadget funciona de maravilla, gracias por compartirlo. Muchos exitos :)

      Borrar
    3. Es con gusto :)

      Igualmente a ti y saludos,

      Borrar
  37. Andres muchas gracias por tus ayudas. te comento. El slider andaba y de repente dejo de funcionar. Tienes idea de cual podria ser el problema?

    ResponderBorrar
    Respuestas
    1. Qué tal amigo el post comprobé los códigos el autor dio de baja el JS que dominaba todo, por ende ya no sirve... así que actualizaré el contendio del posta otro tipo de muestreo de las entradas más vistas pero no tipo slider...

      SAludos,

      Borrar
  38. yo quiero un slider como este: http://www.infoes.net/

    ResponderBorrar
  39. Hola amigo,por favor si me puedes ayudar a hacer un slider con varios imagen como este que esta en tu pagina?
    gracias y Saludos

    ResponderBorrar
    Respuestas
    1. HOla Andrea Fun Peter, en la sección de blogger tenemos varios Sliders, sin embargo voy a tratar de hacer post para publicar el que tengo, (No recuerdo muy bien el análisis de códigos) pero lo haré....

      Saludos,

      Borrar
  40. ¿Existe la posibilidad de que en las miniaturas solo aparezcan las entradas de una misma etiqueta especifica? Gracias.

    ResponderBorrar
    Respuestas
    1. Hola Manuel, Claro que sí, fue un interesante reto aunque nada difícil, ya lo he logrado modifiqué el script para que sólo se visualicen de una etiqueta específica de nuestro blog de blogger, confirma contestando este comentario si aún necesitas el logro, o tal vez ya lo hiciste, de igual forma quizá actualice este post o haga otro con dicha condición.

      Saludos,

      Borrar
    2. Bueno fue fácil ya lo he hecho en un nuevo post, te dejo el enlace:

      http://www.blogginred.com/2016/11/gadget-posts-articulos-recientes-de-una.html

      Saludos,

      Borrar
  41. buenas.
    Muy bueno, me encanto. Pero tengo un problemita. La calidad de imagen que muestra es muy pobre y pixelada. Alguna forma de subirle la calidad ?.
    Pd: en el post comun las imagenes se ven muy bien.
    saludos

    ResponderBorrar
    Respuestas
    1. Hola Ricardo, la calidad de la imagen parece verse mala debido al pequeño tamaño del cuadro para mostrarla, sin embargo con JS se podría mejorar pero no valdría la pena realmente desde mi punto de vista, lo que recomiendo en ese caso es usar en tus post imágenes netamente cuadradas pero bueno ya es cuestión de gustos...

      Un saludo,

      Borrar

ESTAMOS EN: