Slideshow de imágenes como fondo del blog

26 de agosto de 2012 274 comentarios ,

En la entrada anterior vimos cómo hacer que la imagen de fondo del blog cubra toda la pantalla sin importar la resolución del monitor. El método que usamos con jQuery es un plugin llamado BackStretch el cual también tiene la opción de crear un slideshow de imágenes como fondo del blog sin perder la cualidad de ajustarse al ancho y alto de la pantalla.
Lo que haremos en esta en estrada es justamente eso, que el fondo del blog tenga imágenes que vayan cambiando, todas con un efecto de desvanecimiento entre cada transición.

Puedes ver un ejemplo en este blog de pruebas.

Para poner este slideshow de imágenes en el fondo del blog entra en la Edición HTML de la plantilla y antes de </head> agrega el siguiente código:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script>
//<![CDATA[
/*
* jQuery Backstretch
* Version 1.2.8
* http://srobbin.com/jquery-plugins/jquery-backstretch/
* Add a dynamically-resized background image to the page
* Copyright (c) 2012 Scott Robbin (srobbin.com)
* Licensed under the MIT license
* https://raw.github.com/srobbin/jquery-backstretch/master/LICENSE.txt
*/
;(function(a){a.backstretch=function(p,b,l){function s(){if(p){var b;0==c.length?c=a("<div />").attr("id","backstretch").css({left:0,top:0,position:m?"fixed":"absolute",overflow:"hidden",zIndex:-999999,margin:0,padding:0,height:"100%",width:"100%"}):c.find("img").addClass("deleteable");b=a("<img />").css({position:"absolute",display:"none",margin:0,padding:0,border:"none",zIndex:-999999,maxWidth:"none"}).bind("load",function(d){var b=a(this),e;b.css({width:"auto",height:"auto"});e=this.width||a(d.target).width();d=this.height||a(d.target).height();n=e/d;q();b.fadeIn(g.speed,function(){c.find(".deleteable").remove();"function"==typeof l&&l()})}).appendTo(c);0==a("body #backstretch").length&&(0===a(window).scrollTop()&&window.scrollTo(0,0),a("body").append(c));c.data("settings",g);b.attr("src",p);a(window).unbind("resize.backstretch").bind("resize.backstretch",function(){"onorientationchange"in window&&window.pageYOffset===0&&window.scrollTo(0,1);q()})}}function q(){try{j={left:0,top:0},rootWidth=h=o.width(),rootHeight=r?window.innerHeight:o.height(),f=h/n,f>=rootHeight?(k=(f-rootHeight)/2,g.centeredY&&(j.top="-"+k+"px")):(f=rootHeight,h=f*n,k=(h-rootWidth)/2,g.centeredX&&(j.left="-"+k+"px")),c.css({width:rootWidth,height:rootHeight}).find("img:not(.deleteable)").css({width:h,height:f}).css(j)}catch(a){}}var t={centeredX:!0,centeredY:!0,speed:0},c=a("#backstretch"),g=c.data("settings")||t;c.data("settings");var o,m,r,n,h,f,k,j;b&&"object"==typeof b&&a.extend(g,b);b&&"function"==typeof b&&(l=b);a(document).ready(function(){var b=window,d=navigator.userAgent,c=navigator.platform,e=d.match(/AppleWebKit\/([0-9]+)/),e=!!e&&e[1],f=d.match(/Fennec\/([0-9]+)/),f=!!f&&f[1],g=d.match(/Opera Mobi\/([0-9]+)/),h=!!g&&g[1],i=d.match(/MSIE ([0-9]+)/),i=!!i&&i[1];o=(m=!((-1<c.indexOf("iPhone")||-1<c.indexOf("iPad")||-1<c.indexOf("iPod"))&&e&&534>e||b.operamini&&"[object OperaMini]"==={}.toString.call(b.operamini)||g&&7458>h||-1<d.indexOf("Android")&&e&&533>e||f&&6>f||"palmGetResource"in window&&e&&534>e||-1<d.indexOf("MeeGo")&&-1<d.indexOf("NokiaBrowser/8.5.0")||i&&6>=i))?a(window):a(document);r=m&&window.innerHeight;s()});return this}})(jQuery);
//]]>
</script>
<script>
//<![CDATA[
var images = [
 "URL de la imagen",
 "URL de la imagen",
 "URL de la imagen",
 "URL de la imagen",
 "URL de la imagen",
  ];

  $(images).each(function(){
 $('<img/>')[0].src = this;
  });
  var index = 0;
$.backstretch(images[index], {speed: 1000});
  var slideshow = setInterval(function() {
  index = (index >= images.length - 1) ? 0 : index + 1;
    $.backstretch(images[index]);
  }, 5000);
//]]>
</script>
Ahí agrega las URLs de las imágenes que estarán como fondo del blog.
Si quisieras añadir más imágenes sólo agrega después de var images = [ otra línea como esta:
 "URL de la imagen",

Las imágenes irán pasando según el orden que las hayas puesto, si quisieras que éstas fueran al azar entonces cambia la segunda parte del código por este:
<script>
//<![CDATA[
var images=new Array();
images[ 1 ]="URL de la imagen";
images[ 2 ]="URL de la imagen";
images[ 3 ]="URL de la imagen";
images[ 4 ]="URL de la imagen";
images[ 5 ]="URL de la imagen";

  Array.prototype.shuffle = function() {
  var len = this.length;
  var i = len;
  while (i--) {
  var p = parseInt(Math.random()*len);
  var t = this[i];
  this[i] = this[p];
  this[p] = t;
  }
};

  images.shuffle();
  $(images).each(function(){
 $('<img/>')[0].src = this;
  });
  var index = 0;
$.backstretch(images[index], {speed: 1000});
  var slideshow = setInterval(function() {
  index = (index >= images.length - 1) ? 0 : index + 1;
    $.backstretch(images[index]);
  }, 5000);
//]]>
</script>
También puedes añadir más imágenes agregando una línea como esta:
images[ 6 ]="URL de la imagen";
Sin embargo verás que en este caso hay unos números consecutivos en color azul, por lo que si agregas otra será la 6, luego la 7, etc.

En ambos casos puedes modificar el tiempo que dura cada imagen en el 5000 que está al final del script.
La ventaja de este slideshow en el fondo del blog es que las imágenes se redimensionarán automáticamente al tamaño del monitor, así que en cualquier resolución se deberá ver bien.

No está de más recordar que si usas Scriptaculous deberás hacer unos cambios, y si ya usas jQuery deberás dejar sólo una versión.


Página del autor | BackStretch


274 comentarios en:

" Slideshow de imágenes como fondo del blog "

  1. Genial Potro, muchas gracias por compartirlo :-)

    ResponderEliminar
  2. Asu mecha Potro..

    Justo estoy por crear un sitio para un festival de mi pueblo, creo que este slideshow quedará perfecto.

    Saludos y muchas gracias :)

    ResponderEliminar
    Respuestas
    1. Pues también creo que quedará muy bien. Luego nos presumes cómo quedó, sirve que veo el festival aunque sea a lo lejos :)

      Eliminar
  3. Excelente información muy útil para personalizar

    ResponderEliminar
    Respuestas
    1. Al menos como alternativa es una opción que podríamos considerar.

      Eliminar
  4. donde coloco el segundo codigo caballo?

    ResponderEliminar
  5. Como siempre un aporte espectacular. Muchas gracias Potro

    ResponderEliminar
  6. buenísimo las imágenes te quedaron geniales muy profesional la selección, pero como soy novato en esto, no tengo ni la menor idea de como hacerlo es que no tengo experiencia en esto de gestión de blog una pregunta jquery que es y como lo utilizo

    ResponderEliminar
    Respuestas
    1. Lee mucho, es la única manera de que te enteres de como va esto de los blogs... por mucho que te expliquen no lo vas comprender, lo mejor es leer y en este blog tienes toda la información para ser una "experto"

      Eliminar
    2. Hola oswaldoaquino, jQuery es una librería de scripts para crear efectos como este, por ahora no te preocupes ya que el código que hay que pegar ya lo incluye, sólo debes seguir los pasos de la entrada y deberá funcionar, en caso de que no menciona el nombre de tu blog para ver qué pudo haber pasado.

      Saludos!

      Eliminar
  7. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  8. Osea mi idea seria que quede el titulo centrado y los botones de lado, o debajo pero que quede tal y como queda en tu entrada. No es necesario que esten igual que tu entrada, pero lo mas parecido posible. Y solucionar el problema del recuadro obviamente...

    ResponderEliminar
    Respuestas
    1. Hola FasteN, recuerda que no se pueden dejar enlaces con contenido protegido con derecho de autor. De igual forma tienes que dejar la pregunta en la entrada que corresponde para darle el seguimiento adecuado. Deja la pregunta allá y con gusto vemos cómo resolverlo ;)

      Saludos.

      Eliminar
  9. hola es lo que estaba buscando!!! como siempre traes todo lo mejor muchas gracias y espero que sigas asi
    saludos

    ResponderEliminar
  10. PRECIOSO!
    Muchas gracias, Potro.
    Un beso

    ResponderEliminar
  11. muy bueno me encanto,!!!!!!!!!!!!!! Potro a propósito de slider, yo había puesto uno pasado el orbit, hoy dejo de verse en mi blog y en tu link del tutorial tampoco se ve, sera que ya no funciona???

    http://ciudadblogger.com/2010/10/orbit-slider-de-imagenes-con-jquery.html

    ResponderEliminar
    Respuestas
    1. Ya te he respondido allá. Saludos.

      Eliminar
    2. gracias por responder ojala veas el otro comentario que te hice besos

      Eliminar
  12. Eres un crack! Lo utilizaré! Mil gracias siempre

    ResponderEliminar
  13. hola exelente siempre siguiendote a todos lados con tus fabulosos post muchas gracias

    te dejo mi web y mi blogger

    memesmaniass.hostoi.com
    memes-maniass.blogspot.com

    ResponderEliminar
  14. oye amigo, necesito una ayudita (no tiene nada que ver con esto, pero..) como puedo hacer que mi blog cargue todas sus opciones? porque yo tengo una pequeña bar abajo de mi logo en donde si le pasas el mouse encima a la opcion, cambia de imagen.. y yo quiero que cargue ya las imagenes secundarias mientras se carga la pagina, porque si tu le pasas el mouse, tarda un poco para que cambie de imagen, y no quiero que haga eso...

    hay algun script que me ayude? disculpas si no se entiende mucho.. :P

    ResponderEliminar
    Respuestas
    1. No sé si he comprendido Jonatan, pero lo que entiendo es que quieres que todo cargue de inmediato en cuanto a estilos e imágenes se refiere. Eso depende de la velocidad de carga del blog, primero deberían cargar los estilos a menos que tengas un script antes de ellos; las imágenes pueden tardar dependiendo el tamaño, o de dónde estén alojadas, etc. Es casi imposible que todo cargue al instante, a menos claro que no tengas casi nada en el blog.

      Eliminar
    2. no no, osea.. no me carga completamente el blog, te digo lo que pasa..

      yo tengo una bar abajo de mi logo, hecha de imagenes, que cuando le pasas el raton sobre alguna de las imagenes, esa cambia.. lo que pasa es que el blog no carga por si solo la imagen que pasa cuando le paso el cursor encima.. osea, es algo dificil de comprender, xD
      será que te puedo pasar mi blog por aqui asi sabras a lo que me refiero?

      Eliminar
    3. por cierto, me interesa este metodo, pero tengo un fondo que esta hecho para repetirse (y de ese modo ahorrar tiempo de carga del blog), como hago para que se repita la imagen?

      Eliminar
    4. Sí he comprendido, pero tampoco hay algo que se pueda hacer con eso. A mí me pasaba lo mismo con un menú que tenía en otro blog, al pasar el cursor cambiaba la imagen y siempre había como un momento que quedaba en blanco y luego se mostraba, así que preferí quitar el menú.

      Lo otro que preguntas no se puede con este script ya que no tiene la opción de elegir si la imagen se repite o no, pues esa es justamente su peculiaridad, de no repetir la imagen para mostrarla por completo.

      Eliminar
  15. Excelente¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡

    ResponderEliminar
  16. Potro no sabia donde hacerte esta pregunta, porque tiene que ver con la entrada, pero especificamente porque en la entrada, justo debajo, hay un gran espacio vacio que aparece. Mira yo tengo implementado el truco del separador de entradas tuyo, el que posteaste vos. Pues, anda a la perfeccion, pero mira que justo al final de las entradas, osea ENTRE las entradas y el Separador de Entradas hay un GRAN ESPACIO y nose porque aparecio. Quisiera que me ayudaras porfavor, te agradeceria muchisimo.

    ResponderEliminar
    Respuestas
    1. Me encantaría poder ayudarte Exequiel pero sin saber el blog donde tienes el problema me es imposible hacerlo.

      Eliminar
  17. Hola Potro!Hace tiempo que vengo leyendo tu blog, y me encontré con la publicación de ''Hacer que cualquiera pueda publique en tu blog'' con esos formularios de Email Me Form y me funcionó de Maravilla.
    Ahora: Una vez que publicas la entrada aparece una pantalla de Email Me Form Cargando, Se podría sustituirla por mi propia imagen, video o algo?

    Muchas Gracias!

    ResponderEliminar
    Respuestas
    1. Hola Alfred, no se puede cambiar, eso depende del servicio de EmailMeForm.
      Cualquier otra duda al respecto hazla en esa entrada para no desviarnos del tema de este post ;)

      ¡Saludos!

      Eliminar
  18. Potro porque no se publico el mensaje que deje ?

    ResponderEliminar
    Respuestas
    1. Es que están moderados los comentarios, por eso no lo ves inmediatamente, pero al cabo de un rato se verá publicado ;)

      Eliminar
  19. Hola potro,

    excelente aporte, me encanto, solo que quisiera saber si sabes como hacerle para que en vez de mostrarse como un slideshow, me cargue una imagen de fondo diferente para cada categoría.

    Saludos.

    ResponderEliminar
    Respuestas
    1. En ese caso sigue el método de la entrada anterior, pero usa condicionales:
      http://ciudadblogger.com/2010/03/condicionales-de-blogger.html

      Saludos.

      Eliminar
  20. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
    Respuestas
    1. Ese es el post-footer, si no quieres que se muestre entonces agrega debajo de .post-footer { esto:
      display:none;

      Eliminar
  21. Hola again, por curiosidad Potro,
    ¿Se puede hacer lo de el sldeshow de imágenes de fondo, pero para la cabecera (header)???

    Por probar cosas....ya sabes....;))

    Abrazos!!!

    ResponderEliminar
    Respuestas
    1. Con este no, pero podrías usar cualquier slider y ponerlo en la cabecera, casi como esto:
      http://ciudadblogger.com/2009/07/cabecera-del-blog-cambiante-al-azar.html

      Saludos!

      Eliminar
    2. No decía que exactamente ese, me refería a que con ese método puedes quitar la cabecera y en su lugar poner un gadget. Ya teniendo el gadget tú eliges el slider que quieras, hay algunos en la categoría "Slideshows".

      Pd. Te he respondido aquí porque has dado click en "Responder" en el comentario de alguien más.
      Saludos.

      Eliminar
    3. Ups perdona y GRACIAS como siempre

      Eliminar
  22. Ahhh! Y pudiste ver el problema que tengo? Porfavor quisiera que me ayudes con esto!

    ResponderEliminar
    Respuestas
    1. No hay problema, pero usa el botón de "Responder" para que todos tus comentarios se formen en el mismo hilo y no nos perdamos ;)

      También mira el aviso que está al final de la página.
      Saludos.

      Eliminar
    2. Nose porque no puedo utilizar Seleccionar mi Perfil, en donde dice "Responder como:" sale Exequiel Serrano (Google) nada mas. Cuando presiono en "Seleccionar perfil..." sale como deshabilitado, ese problema queria comentarte tambien, cuando quiero editar mi Perfil de Blogger, me direcciona a Google+ y me sale Editar pero el perfil de Google, no de Blogger. No puedo cambiar al Nick que yo quiera (cambiar el nombre Exequiel Serrano, por otro, por ejemplo FasteN). Podrias ayudarme en lo que te pedi anteriormente?. Y si puedes en este problemilla del Perfil tambien porfavor Potro, hace 2 dias que entro a revisar si me respondiste y no encuentro tu ayuda :\... Porfavor ayudame :(.

      Eliminar
    3. No está mal, pero me gustaría que cambiasen mientras ves el blog. Ahí sólo cambia al recargar la página.

      ¿Es posible???

      Gracias tío!!!

      Eliminar
    4. Hola Exequiel, lo que sucede es que las nuevas cuentas de Google automáticamente adquieren el perfil de Google+
      Mira esta información:
      http://support.google.com/blogger/bin/answer.py?hl=es&answer=1375600

      Eliminar
  23. Lo acabo de ver en el blog de pruebas y me encantó.
    No está dentro de mi capacidad hacer esto pero me saco el sombrero y te agradezco que compartas todas estos efectos geniales.
    Un abrazo.

    ResponderEliminar
    Respuestas
    1. Gracias kitty. No es nada complicado de hecho, espero que algún día te animes a probarlo, verás que no es tan difícil como parece :)

      Eliminar
  24. existe algun script similar en el que se pueda repetir la imagen? y gracias por lo de la bar, voy a buscar reemplazarla... alguna bar recomendada??

    ResponderEliminar
  25. Potrooo! Urge ayuda, mira, tengo un blog de juegos, no es primera vez que pido ayuda, bueno no tengo problema en nada, lo único que te preguntaría es si no sabes como hacer que en la portada principal me salgan solo los títulos de la entrada, sin vista previa ni texto, ni botones de compartir ni categoría ni fecha, solo los títulos, así como en taringa he he! es que no encuentro por ningún lado un tutorial para hacer eso

    ResponderEliminar
    Respuestas
    1. Hola Administrador, mira este post, quizá sea lo que estás buscando:
      http://ciudadblogger.com/2010/03/titulos-expandibles-en-la-pagina.html

      Eliminar
    2. si algo parecido, solo que sin el deslizamiento, lo probare

      Eliminar
  26. Maestro es posible que pudieramos integrar este tipo de slider http://solucionesdirectas.net/ no en el fondo sino como entrada.
    Gracias

    ResponderEliminar
    Respuestas
    1. Después veré si encuentro algunos que se puedan adaptar al fondo del blog FRANCISCO.
      Saludos.

      Eliminar
  27. Hola Potro! se puede poner sòlo en una página, no la principal o poner una diferente en cada página de blogger?

    Saludos

    ResponderEliminar
  28. Hola Potro! se puede publicar en una página de blogger no en el blog principal?

    Gracias

    ResponderEliminar
    Respuestas
    1. Tendrías que encerrar el código en una condicional Daniel:
      http://ciudadblogger.com/2010/03/condicionales-de-blogger.html

      Eliminar
  29. Haber si me puedes echar un cable Potro! con respecto a esta entrada: http://ciudadblogger.com/2009/07/cabecera-del-blog-cambiante-al-azar.html
    Abría alguna manera de que la página de inicio muestre siempre la misma imagen? me ha quedado bastante bien en mi página pero me gustaría saber si se podría hacer eso.
    Gracias de antemano Potro!! :)

    ResponderEliminar
    Respuestas
    1. No hace falta duplicar los comentarios, ya hace algunas horas te respondí en esa entrada ;)

      Eliminar
    2. Ahhh bien, entendi por lo del Perfil de Google. Me podrias ayudar con el tema de las entradas?. Te repito el mensaje asi lo leas.

      No sabia donde hacerte esta pregunta, porque tiene que ver con la entrada, pero especificamente porque en la entrada, justo debajo, hay un gran espacio vacio que aparece. Mira yo tengo implementado el truco del separador de entradas tuyo, el que posteaste vos. Pues, anda a la perfeccion, pero mira que justo al final de las entradas, osea ENTRE las entradas y el Separador de Entradas hay un GRAN ESPACIO y nose porque aparecio. Quisiera que me ayudaras porfavor, te agradeceria muchisimo.

      Mi blog es "imfasten" (sin las comillas, y obviamente .blogspot.com.ar)

      Espero tu respuesta Potro!!!

      Eliminar
    3. Eso ya te lo he respondido en el comentario #20.1 ;)

      Eliminar
  30. Muchas Gracias por contestar a mi pregunta Potro! quedo PERFECTO!.

    ResponderEliminar
  31. Hola Potro! Perdón por cambiar de tema, pero me gustaría saber si tienes una entrada al respecto de como crear y agregar una cabecera Flash a blogger así como lo hacen en este blog:

    http://fondos240.blogspot.com/

    Bueno, gracias y saludos!

    ResponderEliminar
    Respuestas
    1. Esta es la entrada que buscas Alfred:
      http://ciudadblogger.com/2009/06/cabecera-del-blog-en-flash.html

      Saludos.

      Eliminar
  32. ¡Hola amigo potro!
    Mira, se que lo que te voy a pedir y a preguntar, no tiene nada que ver con esta entrada, ¡Pero porfavor amigo ayúdame en esto!
    Bien. He estado poniendo el botón de +1 de google en un gatjet en mi blog, y lo puse como burbuja. Pero he visto que al final de mis entradas publicadas el botón de +1 es diferente,lo pone como integrado, ¡Y yo quiero poner el botón de +1 al final de mis entradas como el de mi gatjet arriba! ¡estilo burbuja! ¿Cómo puedo hacer eso amigo?
    ¡Muuuchas gracias de antemano amigo potro! ¡Espero tus respuestas!
    ¡Saludos!

    ResponderEliminar
    Respuestas
    1. Hola El Crack Loko, ¿en cuál blog lo has puesto y qué pasos has seguido para ponerlo de esa manera?

      Eliminar
  33. Hola Potro, tengo un pequeño problema con mi web. Acabo de acceder hace un momento, y me aparecen todos los widgets al final de la web y no a los lados. Mi blog es:

    http://www.aerobarcelona.com/

    Muchas gracias y un saludo!

    ResponderEliminar
    Respuestas
    1. Hola Marc, revisa las entradas que tienes en la portada, es posible que en alguna de ellas tengas alguna etiqueta DIV que no esté bien cerrada, usualmente el problema de que se "caen" las sidebar es por eso.

      Saludos.

      Eliminar
  34. DISFRUTA DE TUS VACANCES MAJO!!!!!

    Saludos

    (Gorka)

    ResponderEliminar
  35. Que tengas una felices vaciones te lo mereces, y como siempre gracias

    ResponderEliminar
  36. Hola Potro!!

    Prácticamente voy regresando de mis vacaciones forzadas en el blog y tú vas de salida, espero que te la pases súper!!

    ResponderEliminar
    Respuestas
    1. Sí caray, pero qué bueno que tú ya estás de regreso, ya te echábamos de menos :)
      Un abrazo Karlita!

      Eliminar
  37. Hola Potro=))) Una pregunta: cuando hice espacio en mi cabecera para poner un gadget ahi se me bajo un poco el contenido de la sidebar derecha=( mira: http://prntscr.com/eottw , como subirlo??? Gracias.
    Y que te lo pases muy bien en las vacaciones=))) Saludos!

    ResponderEliminar
    Respuestas
    1. Hola Admin, cambia este código:
      #sidebar-right-1.sidebar.section {
      margin: 10px !important;
      }

      Por este:
      #sidebar-right-1.sidebar.section {
      margin: 0 10px !important;
      }

      Eliminar
  38. Hola potro oye una pregunta como puedo crear esta galeria como la de esta pagina esta muy padre http://www.toshiba.com.mx/tdmMexico/tdm.aspx

    Saludos!!

    ResponderEliminar
    Respuestas
    1. Hola dingos7, no sé cuál sea ese slider, pero después reviso bien cómo funciona y veo si es posible instalarla en Blogger.

      Saludos!

      Eliminar
  39. ¡Hola Potro! Estoy muy emocionado, ya que al fin he conseguido poner publicidad en uno de mis blogs. El problema está en que quiero poner que me envíen el dinero mediante cheque, ya que mis padres no quieren dar su cuenta bancaria. Sin embargo, en la configuración de mi cuenta AdSense no aparece ninguna opción para poner cheques, tan solo para poner una nueva cuenta bancaria. ¿Cómo puedo poner la opción de recibir un cheque?

    ResponderEliminar
    Respuestas
    1. Hola Asunción Garrido, las opciones de pago de AdSense varían de país en país, no todos tenemos las mismas opciones de pago, así que es posible que en el país donde radiques sólo exista ese medio de pago :/

      Eliminar
  40. Hola, estoy siguiendo tus trucos a ver si saco algo bueno.
    Quise implementar esto pero mi plantilla Templates, es blanca y no deja ver las imágenes de fondo que se van mostrando. Seguramente debo hacer un cambio en el background de la plantilla, pero no se donde tocar, no quiero hacer lío, quizás sepas exactamente donde tengo que cambiar y como?
    mi blog que estoy armando es www.quesemeperdio.blogspot.com para que veas cual es
    Un saludo!

    ResponderEliminar
    Respuestas
    1. Hola Perla, supongo que has sabido resolverlo o cambiado de plantilla, porque ahora mismo veo el slideshow en el fondo del blog a la perfección :)

      Eliminar
  41. Ola potro, tengo dos dudas que te queria preguntar y haber si me puedes ayudar:
    1º En esta seccion del blog que aqui te dejo el link:
    http://tuttostriker.blogspot.com.es/p/merkastriker.html
    En esa seccion tengo un tabla de google Docs donde aparecen nombre, edades, precios, paises, etc y lo que queria saber es si se puede crear como un filtro o buscador para cada una de las columnas y si al crear el buscador puedes buscar por la edad que quieras, el precio que quiereas, etc.
    2:Y mi segunda duda es si en la pagina de fans de facebook que tengo del blog si hay alguna manera de poner el las app´s la tabla de google Docs.
    Gracias y un saludo

    ResponderEliminar
    Respuestas
    1. Hola Tutto, de Google Docs no estoy muy enterado, no sé si pueda o no hacerse, quizá en Oloblogger puedan decirte más al respecto, recuerdo que hace algunas semanas publicaron varias entradas sobre los datos de Google Docs.

      Lo otro debe ser posible, sólo es cuestión de que uses una aplicación que permita insertar códigos HTML:
      http://ciudadblogger.com/2012/03/11-aplicaciones-utiles-para-tu-pagina.html

      Saludos.

      Eliminar
  42. gracias del potro !

    iba a preguntarte algo pero luego antes de darle en publicar comentario se me ocurrio una idea y solucione el inconveniente que tenia.

    eres un dios potro sabelo!





    ResponderEliminar
  43. GRACIAS POR ESTOS TUTORIALES...PODRIAS HACER UNO DE MANEJADORES DE EVENTO CON JAVASCRIPT PARA SUBIRLOS POR FAVOR GRACIAS

    ResponderEliminar
    Respuestas
    1. No te prometo nada pronto eloy ya que tengo aun varias entradas pendientes, pero quizá puedas encontrar algo en Vagabundia.

      Eliminar
  44. Hola Potro:
    ¿Como puedo quitar estos iconos? ya venia incluido en la plantilla:
    https://dl.dropbox.com/u/23889866/RED.png

    ResponderEliminar
    Respuestas
    1. Busca debajo del <div class='post-footer'> ahí encontrarás el código de esos botones.

      Eliminar
  45. Hola Potro,
    En las entradas que publico, necesito poner una galería de fotos. Si utilizo la opción de incrustar un álbum de Picasa, está bien, pero cuando quieres ver la imagen más grande, te abre una ventana nueva y te envía a Picasa.
    La otra opción es poner todas las fotos pequeñas y utilizar el lightbox para verlas más grandes. Pero quizás tarda más en cargar la pagina.
    ¿Qué opción crees que es más acertada?
    ¿Conoces otra opción?
    Muchas gracias por todo, saludos

    ResponderEliminar
    Respuestas
    1. Hola Daniel, la opción del Lightbox me parece la más sencilla porque además no utilizarás scripts externos que puedan alentar la página. Aun así, puedes ver la categoría "Slideshows" por si hubiera alguna galería que te pueda interesar.

      Saludos.

      Eliminar
    2. Este comentario ha sido eliminado por el autor.

      Eliminar
    3. Hola Potro,
      Muchas gracias por tu respuesta.
      Me gustaría utilizar Lightbox, he estado mirando la entrada en la que explicas como modificarlo, y esta muy bien.
      ¿Sabes como modificarlo para que se pueda ampliar más la imagen?
      Que no sea solo el alto de la pantalla, que sea el tamaño real de la imagen o un botón con la opción de poder ampliar mas.
      Muchas gracias, bona nit

      Eliminar
    4. Eso depende del ancho del blog, la imagen trata de agrandarse a su tamaño real, pero si no encuentra espacio se agranda tanto como puede.
      Cualquier otra duda déjala en esa entrada ;)
      Buenas noches.

      Eliminar
    5. Este comentario ha sido eliminado por un administrador del blog.

      Eliminar
    6. No tenemos acceso al script del Lightbox así que no podemos modificar, eliminar o agregar características en él.
      Saludos.

      Eliminar
    7. Hola Potro,
      Muchas gracias de nuevo por tu respuesta.
      He mirado a fondo la sección de “Slideshows” y la de “Imágenes”, y la única opción que se acerca a lo que necesito es la de “aumentar-imagenes-con-zoom-it”, pero algunas cosas como la disposición de las miniaturas y el tiempo de carga no me acaban de gustar.

      He encontrado el lightbox que necesito, es este:
      http://drupal.org/project/Lightbox2
      Si se pudiera instalar en Blogger y explicaras como, te estaría muy agredecido.

      Muchas gracias por tu tiempo, saludos
      Daniel

      Eliminar
    8. Por ahora no publicaré otro sistema de ventanas modales, tengo esta entrada sobre un lightbox pero es anterior a esa versión:
      http://ciudadblogger.com/2010/01/lightbox-imagenes-en-ventanas-modales.html

      De cualquier forma es casi seguro que en la red encuentras algunos tutoriales para usar el Lightbox que deseas.
      Saludos.

      Eliminar
    9. Hola Potro,
      Ya mire esa entrada (bueno todas), pero no me sirve porque no se puede ampliar la imagen.
      Muchas gracias por tu tiempo de verdad.
      Saludos

      Eliminar
  46. Hola Potro, sé que estás de vacaciones, y muy merecidas las tienes, pero necesito que a tu regreso me digas si hay alguna página en donde poder descargar imágenes que sirvan para ponerlas como fondo.
    Muchas gracias, un besote.

    ResponderEliminar
    Respuestas
    1. Hola MI RINCÓN, hay muchos sitios, busca páginas de fondos de pantalla, ahí encontrarás imágenes grandes de todo tipo.
      Otro beso para ti.

      Eliminar
  47. Hola Potro) Tengo una pregunta, como poner una pequeña sombra de marco a mis imagenes en el blog?? ejemplo: http://prntscr.com/fayc6 , Gracias=)

    ResponderEliminar
    Respuestas
    1. Hola Admin, mira esta entrada, el procedimiento es el mismo, ya tú eliges si quieres que sean redondeados y/o con/sin efecto al pasar el cursor:
      http://ciudadblogger.com/2012/02/efectos-de-bordes-redondeados-en-las.html

      Eliminar
    2. Ok, gracias=)
      A y una cosa mas... Cual es el codigo html para que un gadget tenga dos "margin-top" , uno para la pagina principal y otro para las paginas estaticas??? Gracias...

      Eliminar
    3. Usa condicionales, al final verás un ejemplo:
      http://ciudadblogger.com/2010/03/condicionales-de-blogger.html

      Eliminar
  48. Hola Ing Potro ^^ primero agradecerle ese super aporte ya lo instale en mi blog http://proyectosachainchi.blogspot.com/ pero mi duda y petición es que hay veces (solo algunas ocasionales al azar y desde cual quier navegador) entro al blog y el fonfo se queda blanco como si dejara de funcionar aunque se vuelve a reactivar con cargar la pagina de nuevo (refrescar) o en algun link pero igual me gustaría que nunca fallara Gracias y hoy 10 de sep Bienvenido de nuevo a su Ciudad bloguera

    Pd: le había escrito en otro post pidiéndole ayuda de una gadgets de popular tag y archivo pero no me lo va creer pero si hacer nada conscientemente se arreglo solo hoy amaneció sirviendo entones nada gracias igualmente

    ResponderEliminar
    Respuestas
    1. Hola fernando, prueba poner el script justo después de <head> tal vez eso pueda ayudar.
      Saludos!

      Eliminar
  49. Hola Potro!, hace tiempo que vengo buscando en internet un tutorial así, Muchas Gracias.

    Cambiando de tema... ¿Como puedo desvincular Google+ de Blogger, porque la verdad que no pueda poner el nombre que yo quiera me es perturbador.

    Saludos y gracias!

    ResponderEliminar
    Respuestas
    1. Desde este enlace puedes hacerlo Agustin:
      http://www.blogger.com/revert-profile.g

      Eliminar
  50. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
    Respuestas
    1. Hola Conductor, si gustas manda un mensaje desde la página de Facebook.
      Elimino el comentario sólo para que no te manden correos ;)
      Saludos.

      Eliminar
  51. Hola Potro, soy Antonio, de Dos Hermanas (Sevilla), no se si sabes que estoy suscrito a tu blog y me encanta todo como lo explicas, es por lo que te hago esta consulta: Últimamente vengo observando que los reproductores de mp3 y el de MixPod que tengo insertado en mi blog, en Chrome no me funcionan en cambio en IE y en Firefox si funcionan.- No se si le he agregado algo a la plantilla y la he fastidiado, porque en la plantilla simple si funcionan. Te mando el enlace a la página donde están los reproductores. Espero tener noticias tuyas gracias de antemano y un fuerte abrazo...http://reyesmagosdoshermanas.blogspot.com.es/p/pregones.html
    http://reyesmagosdoshermanas.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. Hola Antonio, no veo algún reproductor de MixPod pero sí uno en flash. Revisa la entrada que habla sobre ese reproductor y asegúrate que todo esté como debe ser. Si contina el problema deja la pregunta en esa entrada para no desviarnos del tema de este post.

      Saludos.

      Eliminar
    2. Hola Potro buenas noches, vamos a ver, la misma entrada donde están los SWF con los pregones, he copiado todo el código y lo he insertado en una entrada de otro blog con plantilla Simple de blogger y funciona en Chrome. En cambio en la plantilla actual no funcionan en Chrome, pero si en IE y en Firefox.La página donde están los SWF, es...http://reyesmagosdoshermanas.blogspot.com.es/p/pregones.html.
      Y donde está el Mixpod es...http://reyesmagosdoshermanas.blogspot.com.es/search/label/PREGONES. Creo que el problema está en la plantilla, y con Chrome, antes funcionaban pero ahora no. Muchas gracias por tu atención. Saludos.

      Eliminar
    3. Se me olvidaba tengo otro reproductor MixPod en la página principal lo tengo como PopUp, a la derecha donde dice escuchar los pregones lo señala un altavoz parpadeante, este es que no sale nada y como te digo en esta plantilla y solo en navegador Chrome.Perdona que te siga molestando. Saludos.

      Eliminar
    4. Perdona otra vez, para ir donde están los SWF reproductores de los pregones, ve al menú de las las páginas que están arriba, donde dice PREGONES DEL 2007 AL 2012.
      Mi blog es...http://reyesmagosdoshermanas.blogspot.com.es/
      Saludos.

      Eliminar
    5. Hola de nuevo Antonio. Elimina el código que inhabilita el botón derecho del mouse, con eso se resolverá el problema.

      Eliminar
    6. Buenos días Potro, eres un artista, como tu decías solo con quitar el código de no copiar con el botón derecho y poner el que traía (lo he copiado de uno de tus post), los reproductores funcionan perfectamente. Así que un millón de gracias, si en algo pudiese ayudarte alguna vez cuenta con ello. Un abrazo, Antonio.

      Eliminar
  52. Potro el dia de hoy me aparece esto en herramientas de webmanstar. Se han detectado incidencias graves relacionadas con el estado de tu sitio mi dime que debo hacer

    ResponderEliminar
    Respuestas
    1. No sabría decirte sin más detalles, revisa si tienes algún mensaje u otro aviso con más detalles.

      Eliminar
  53. Hola Potro tengo un problema con mi blog. No se que habré tocado pero no me deja modificar la plantilla si noe spor html, es decir con el diseñador no modifico nada nos e por que además el codigo de entradas relacionadas de thumbnails no me va y el codigo de analytics también está raro
    mi blog tiene dominio web es este www.3segundosenlazona.com
    muchisimas gracias por todo crack!

    ResponderEliminar
    Respuestas
    1. Hola Javier, ¿has probado hacer los cambios desde otro navegador y/o después de eliminar las cookies y caché del navegador?

      Eliminar
  54. Buenas, en mi blog utilizo las vistas dinámicas de blogger, de manera que al intentar utilizar este script las imágenes que escojo para el fondo tapan el resto del contenido. ¿Qué debería hacer para evitar ese problema?

    ResponderEliminar
    Respuestas
    1. Nunca lo he intentado en las Vistas Dinámicas, ¿en cuál blog lo has puesto?

      Eliminar
    2. Un blog que estoy empezando ahora y para el que me veía con ganas de empezar a utilizar las vistas dinamicas http://esp-critica.blogspot.com.es/

      Eliminar
    3. A decir verdad no pensé si quiera que dejara guardar ahí los cambios de este truquillo pues casi nada de lo que pongamos en esas plantillas funciona, así mismo desconozco cómo pueda verse bien ahí pues nunca he indagado en la estructura de esas plantillas (por la misma razón que no se pueden personalizar).
      Pero si lo que buscas es personalizar a tu gusto la plantilla tendrás que considerar usar una "normal" porque con estas aun no es posible personalizarlas tanto.

      Eliminar
  55. Hola Potro, cuando entro en google webmaster tools dice que mi blog tiene 260 Etiquetas de título duplicadas ejemplo:

    /2012/09/ver-john-q-2002-online.html
    /2012/09/ver-john-q-2002-online.html?m=0

    Después de averiguarlo, el "?m=0" es un enlace a la versión móvil en la plantilla blogger. Sin embargo, se considera como etiqueta de título duplicado.Existe algún código para solucionar este problema o Debo desactivar la versión móvil de mi blog?... Saludos y de antemano gracias ;)

    ResponderEliminar
    Respuestas
    1. Hola eros, todos tenemos la versión móvil y no ha habido ningún problema por eso, no creo que sea algo que deba perjudicar. De hecho, aun cuando desactives las plantillas para móvil el sistema de Blogger seguirá detectando automáticamente cuando el dispositivo sea un móvil y mostrará esas URLs.

      Eliminar
  56. Hola Potro

    Te envío un gran abrazo desde Chile. Gracias por tu nobleza altruista de enseñarnos al resto de los mortales todas estas maravillas que se pueden hacer con los blogs. Aprendiendo de ti logré hacer con mucho esfuerzo mi página www.artevideo.cl (que es un blog)y cada dia encuentro algo nuevo para enriquecerla.
    Necesito hacer un blog exactamente igual al que pusiste como ejemplo en este post como pagina de prueba, algo así de simple, pero por mas que modifico plantillas y busco, no lo logro. ¡como puedo hacer algo igual? ¡me puedes "regalar esa plantilla"???.
    Un abrazo gigante!!!!

    ResponderEliminar
    Respuestas
    1. Gracias por tu comentario artevideo. De hecho yo no le hice casi nada a esa plantilla, está casi intacta.
      La plantilla es del Diseñador de Plantillas de Blogger, la Viajes (Travel), de una columna.

      Otro abrazo para ti.

      Eliminar
  57. Hola! Antes que nada muchas gracias por este tutorial, lo instalé en mi blog de pruebas y quedó perfecto pero tengo un problema, subí mis fotos a Photobucket en su tamaño original (16MP) y este hosting las ha redimensionado y achicado significativamente, por lo tanto al usarlas en este slider pierden calidad al agrandarse para cubrir el fondo, mi pregunta es si conoces algún otro hosting que no redimensione las fotos. Gracias de antemano.
    M.

    ResponderEliminar
    Respuestas
    1. Hola Maira @Adorable, es mejor su las subes directo desde Blogger o desde Picasaweb:
      http://ciudadblogger.com/2011/06/subir-imagenes-y-obtener-la-url-de-la.html

      Eliminar
    2. Ok, muchísimas gracias por responder, voy a probar con eso!

      Eliminar
  58. Amigo Potro necesito tu ayuda urgente,ingreso a mi blog, cuya plataforma es bloger y automáticamente me salta el avast diciéndome que se a detectado una amenaza, me dice que se trata de: VBS malware-gen.

    No se que hacer y no se a que se debe la infeccion. por favor necesito tu ayuda.

    El siguiente es mi correo electrónico para que tratemos el tema de una manera mucho mas efectiva.

    adriancybor@gmail.com

    Entiendo que estas de vacaciones, y se que te va a llevar tiempo responder todos los mensajes, pero por favor te lo pido no te olvides de mi.

    Un abrazo

    ResponderEliminar
    Respuestas
    1. Hola adriancybor, el problema no es con tu blog sino con AVAST, desde hace un par de días a muchos quienes usan ese antivirus les salta ese aviso. Un usuario me dijo que se trataba de un falso positivo, así que no creo que sea algo de cuidado.

      Saludos.

      Eliminar
  59. Potro tengo un "problema" con AdSense. La publicidad solo se muestra en la página principal, y entonces la gente que entre solo a una noticia no verá publicidad... :S ¿Cómo pongo para que se muestra también ahí?

    ResponderEliminar
    Respuestas
    1. Revisa si el código de tu publicidad está con alguna condicional, si es así elimínala.

      Eliminar
  60. hola.. saludos. déjame decirte que tu blog es excelente, soy aficionado a la fotografía y estudiante de diseño gráfico, al fin me decidí a usar mi blog, y estoy creando la imagen de esté, no tengo mucho tiempo para buscar recursos para el tema, pero he encontrado lo poco que necesito aquí, en ciudad blogger.

    hay unas cosas que quisiera saber, seguro tu me podrías ayudar, o hacer un post sobre esto...

    Desearia que mis entradas no se mostraran completas en el inicio del blog, que el usuario deba entrar al post para verlas, y así no hacer el blog muy extenso, mas bien, mostrar como un resumen de la entrada con un botón para entrar al post y seguir leyendo, supongo que me entiendes..

    y también quisiera colocar un pie de pagina alargado que ocupe toda la parte inferior y colocar informacion alli, que este sobre puesto en el blog. y que baje con el scroll..

    aca puedes ver lo que digo http://blog.steventaylorphoto.com/

    me refiero a la zona donde dice "IMAGES COPYRIGHT STEVEN TAYLOR" y tiene botones de Fb. Tw. y instg.

    gracias espero puedas ayudarme. saludos

    ResponderEliminar
    Respuestas
    1. Gracias por tu comentario Danny Dubén.
      Puedes usar el Leer más nativo de Blogger para así no instalar nada, o bien, usar un sumario automático:
      http://ciudadblogger.com/2011/01/leer-mas-con-imagenes-en-miniatura.html

      Lo otro puedes hacer algo similar con lo de esta entrada:
      http://ciudadblogger.com/2010/11/barra-de-herramientas-flotante-con.html

      Saludos.

      Eliminar
    2. Muchísimas gracias por tu ayuda, excelente.

      Eliminar
  61. Hola, tengo un problema con las entradas del blog.

    Cuando haces clic en una entrada el texto de la entrada se ve cortado pero si miras la entrada desde la página principal se ve bien el texto.
    ¿Que puedo hacer?

    Este es el blog: www.winxlovely.com

    Y este es un ejemplo de lo que me pasa con las entradas: http://www.winxlovely.com/2012/09/aviso-importante-sobre-facebook.html

    Gracias!

    ResponderEliminar
    Respuestas
    1. Hola ♫♪ Lovix ♥, debajo de .post-body { agrega:
      padding-right: 20px;

      Con eso deberá verse completo el texto.
      Saludos.

      Eliminar
  62. Hola Potro tengo un blog de fotografía donde he aplicado muchos de tus tutoriales que has explicado hasta el momento no he tenido problema con ninguno, esta ultima ves he tratado de aplicar un tutorial del 2010 ( entradas estilo magazin 3) y en principio esta bien lo único malo es que cada vez que publico una entrada nueva no se muestran correctamente las fotografías y tampoco puedo aumentar el numero máximo de entradas para mostrar porque quedan espacios vacíos he intentado de todo y no se como solucionarlo,¿Me podrías ayudar? este es mi blog www.durangod2.com Gracias de antemano.

    ResponderEliminar
    Respuestas
    1. Hola Daniel, deja la pregunta en esa entrada para no desviarnos del tema de este post y para darle seguimiento en la entrada que corresponde ;)
      También aumenta el número de entradas a mostrar para que pueda ver a qué te refieres con los espacios vacíos.
      Saludos.

      Eliminar
  63. Hola Potro...
    Oye como reducir el espacio que hay entre mis gadgets de la sidebar derecha e izquierda??? Gracias=)

    ResponderEliminar
    Respuestas
    1. Mira esta entrada Admin:
      http://ciudadblogger.com/2011/11/eliminar-el-espacio-entre-las-entradas.html

      Eliminar
  64. Potro, como estas? espero bien amigo, oye no se si solo a ami me pasa o a varios pero desde hace un tiempo no púedo hacer modificaciones en la seccion CONFIGURACION - PUBLICACION (Dominio Personalizado o Cambiar a Blogspot) me aparece esto: Maintenance in progress - Custom Domain switching disabled ¿tu sabes algo al respecto? Saludos cordiales.

    ResponderEliminar
    Respuestas
    1. A todos nos pasa, es un problema que se trae Blogger (cuándo no). Habrá que esperar hasta que lo reparen.
      Saludos!

      Eliminar
    2. Amigo Potro creo que ya resolvieron el problema en blogger, Dominio Personalizado o Cambiar a Blogspot), esperemos todo sea para mejorar y no para restringir, saludos cordiales y muchos siglos de vida a ciudad blogger. :)

      Eliminar
  65. Hola Potro, Gracias por Todo lo que haces!!
    Tengo un problema y es que Blogger no me deja agregar gadgets mediante Html, solo mediante URL, así que estoy pensando seriamente en cambiar de plataforma... ¿Cómo puedo hacerlo? Gracias!!!

    ResponderEliminar
    Respuestas
    1. Hola Carlitos, cuando se abre la ventana de los gadgets debes estar en la sección "Lo básico", ahí es donde verás la opción de HTML/javascript.

      Eliminar
  66. Hola Potro,te as vuelto a superar,me encanta esta entrada y me viene muy bien para mi blog.....pero....no se por que las imagines no se mueven,solo sale el primer enlace.¿Puedes ayudarme?.Gracias y un saludo.
    el blog es http://ampa-arteagabeitia.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. Hola AMPA- IGE, ya tienes la versión 1.7.2 de jQuery así que no hace falta poner la 1.7.1 también.
      Saludos!

      Eliminar
  67. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/
    ...he quitado este codigo....e revisado toda loa plantilla como comentas en el otro post.Usando las teclas CTRL+F y solo me sale una la de este fantastico post....aun asi solo sale la primera foto de las 7 pubicadas...que e hecho mal?....me salte algun codigo???...GRACIAS POR TU AYUDA Y PACIENCIA.

    ResponderEliminar
    Respuestas
    1. Si ya quitaste esa versión y continua el problema entonces quita el jQuery.noConflict(); que tienes en el otro script de jQuery, y cambia todas las palabras jQuery que hay en ese pedacito de código (debajo de la línea que acabas de quitar) por el signo $
      El asunto es que cuando se le aplica ese hack a un script se le tiene que aplicar a todos, sino, no funciona, así que como no tienes Scriptaculous lo mejor es quitárselo.

      Eliminar
    2. ¡¡¡¡YUHUUUUUUUU¡¡¡¡¡...CONSEGUIDO¡¡¡...eres un crak...muchisimas gracias,me gusta mucho como queda.Un abrazo.

      Eliminar
  68. Hola potro soy yo el crack loko, el que te hiso la pregunta en el número 32, y, bueno, es mi blog.

    ResponderEliminar
    Respuestas
    1. Pero sigues sin decirme en cuál blog, es que no se me graban todos, son muchos :s
      Recuerda hacer click en Responder cuando el comentario sea consecuente de otro comentario tuyo.

      Eliminar
  69. Genial como siempre y facilísimo de poner. Aqui pongo el enlace por si alguien quiere ver como ha quedado:

    http://cuestiondecofradias.blogspot.com.es/

    Gracias Potro¡¡¡¡¡¡¡¡¡¡¡

    ResponderEliminar
  70. Hola que tal Potro, de vuelta aqui haciendote una pregunta... ¿es posible hacer el efecto del fondo del blog como en este sitio??
    Que cuando se mueve el cursor ¿el fondo se mueve?
    http://www.canal22.org.mx/
    Saludos

    ResponderEliminar
    Respuestas
    1. Seguramente es posible Vicente, pero yo nunca lo he aplicado así que no sabría decirte cómo funciona :/
      Yo tengo algo similar en el blog de Respondones pero ya venía incluido en la plantilla.

      Eliminar
  71. Hola! Genial esta "tip".
    Mi pregunta es más sencilla, como puedo hacer que rote la imagen que tengo en el encabezado de mi blog.
    muchas gracias por vuestra inestimable ayuda!!

    ResponderEliminar
    Respuestas
    1. Hola Miguel.
      Es como esta entrada:
      http://ciudadblogger.com/2011/11/aumentar-el-titulo-del-blog-o-imagen-de.html

      Pero con estos estilos en el hover:
      -moz-transition: all 1s linear 0s;
      -webkit-transition: all 1s linear 0s;
      -o-transition: all 1s linear 0s;
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);

      Eliminar
  72. hola potro pudiera ser el fondo de imagenes tipo persiana como: http://www.zara.com/webapp/wcs/stores/servlet/home/es/es/
    para mi blog: http://ladyruss.blogspot.com.es/

    O dame alguna idea, por favor, gracias.

    ResponderEliminar
    Respuestas
    1. Hola ladyruss, el script no tiene esa opción, pero leí que el autor está trabajando en una nueva versión en la cual podría incluir algún efecto de transición distinta al fade. Supongo que debe haber otros en la red que sí lo hagan, este de momento no.

      Eliminar
  73. hola potro, he pegado el codigo como dices pero se me queda una imagen fija y rotan, cual puede ser el problema? muchas gracias por todo..

    ResponderEliminar
    Respuestas
    1. Hola, ¿en cuál blog lo has puesto?

      Eliminar
    2. http://prueba20055421.blogspot.com.es/

      Eliminar
    3. Puede ser porque entre las URLs de las imágenes y las comillas has dejado un espacio, debe estar todo junto, sin espacios.

      Eliminar
  74. Hola Potro antes que todo deseo darte las gracias por compartir tu conocimiento.
    Tengo un inconveniente con las imágenes ya que estas luego de un tiempo dejaron de cambiar, me explico no rota las imágenes solamente se muestra una sola.
    Agradecería tu pronta respuesta.
    Este es mi blog: http://rayoencolombia.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Gracias por tu comentario Christian. Puede ser porque tienes otra versión de jQuery, la 1.7.1 y debe haber sólo una, elimina esa versión de jQuery y mira si eso lo resuelve.

      Eliminar
    2. Mil gracias Proto, tenias razón ese era el inconveniente.
      De nuevo Gracias, y FELICES FIESTAS !

      Eliminar
  75. Hola Potro, hice todo el tutorial, pero no me salio bien. Se ven la imágenes, pero no es transparente en todo el blog. Aquí te dejo el blog de pruebas para que me digas que paso, gracias: http://blogpruebasnoticias.blogspot.com

    ResponderEliminar
    Respuestas
    1. Hola, el fondo es lo único que cambia, en mi demo las entradas se ven con transparencia porque así es la plantilla.

      Eliminar
  76. Magnifico El potro , me salió a la primera .Es increible la vida que le da al blog.Muchas gracias.Mientras tanto sigo intentando lo de la lista para el reproductor.....

    ResponderEliminar
  77. Canté victoria demasiado pronto El Potro.Acabo de detectar un problema que no se de donde viene.Me explico:Si entras en mi blog y pinchas en cualquier encima de las fotos de fondo, me pasa a una pantalla donde aparece la cabecera de la pagina principal y justo debajo la foto de la cabecera que tengo para las entradas.He cargado la plantilla anterior que había guardado y ya con esa plantilla me lo hace , por lo que no es debido a el slideshow que he añadido.¿sabes donde puede estar el fallo?Un saludo amigo.

    ResponderEliminar
    Respuestas
    1. Hola, yo sólo veo una cabecera, pero si te aparecen dos entonces no está bien aplicado el truco de las cabeceras diferentes (ahora mismo no tengo el enlace, pero creo que ya sabes a cuál me refiero), por lo tanto revisa que los códigos que se explican ahí estén bien aplicados.

      Saludos.

      Eliminar
    2. La doble cabecera "solo aparece" si pincho en cualquier sitio del fondo del blog , mientras no pinche solo se ve la cabecera principal.

      Eliminar
  78. El Potro he revisado los codigos y estan bien.La unica diferencia que veo está en la primera linea que mandas buscar



    en mi plantilla pone esto



    La unica diferencia es la palabra false , ¿podrá estar ahí el fallo?

    ResponderEliminar
    Respuestas
    1. Hola de nuevo francisco, deja la pregunta en esa entrada para no desviarnos del tema de este post. Para que los códigos puedan verse en los comenarios deberás pasarlos a texto plano:
      http://ciudadblogger.com/p/conversor-de-html-texto-plano.html

      Eliminar
  79. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  80. Hola Antonn, tal vez falta el script del slider, yo he buscado en tu plantilla pero no veo alguno relacionado con él, quizá lo eliminaste sin querer. Te sugiero que busques la plantilla original, la instales en un blog de pruebas y veas si ahí sí funciona.

    He borrado el comentario por el aviso que está al final (por tu sección de Descargas).
    Saludos.

    ResponderEliminar
    Respuestas
    1. Entiendo y perdon no lo habia leido jeje no volvera a pasar :)
      Y ya instale la plantilla original y aun asi persiste el problema lo hice aun creando u blog vacio nuevo aparte del de pruebas para corroborar el problema y aun asi sigue la falla con la plantilla original.

      Creo que tendre que cambiar imagen nuevamente verdad?

      Muchas gracias por responder :)

      Eliminar
    2. Posiblemente, aunque bastaría con que pongas un slider en donde tenías ese (mira la sección "Slideshows" ahí hay varios), o bien, busca en la página dle autor de la plantilla, quizá ahí tengan la plantilla actualizada con el script que falta.

      Saludos.

      Eliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger