Personalizar el Lightbox de Blogger

13 de octubre de 2011 206 comentarios ,
Ahora sí, los que han elegido usar el Lightbox de Blogger tienen un sistema de ventanas modales para mostrar las imágenes del blog de una forma distinta a la habitual.

Sí, es muy bonita y le da algo de estilo a las imágenes, pero... ¿debemos conformarnos con el color negro de la pantalla? No, la verdad es que podemos personalizar el Lightbox a nuestro entero gusto.

Me refiero a que pasaremos de esto:


A esto:


Podemos modificar todo el aspecto de la ventana modal por completo, el color de fondo, la transparencia, el botón de cerrar, el borde de las imágenes, los textos que aparecen en ella, y la barra donde se muestran las miniaturas de las imágenes.


Lo único que tenemos que hacer es sobre escribir los estilos por defecto y cambiarlos por los nuestros. Así que entramos a la Edición HTML de la plantilla y antes de ]]></b:skin> pega lo siguiente:
/* Lightbox de Blogger
----------------------------------------------- */
/* Color de fondo de la pantalla */
.CSS_LIGHTBOX_BG_MASK {
background-color: #E0ECF8 !important;
opacity: 0.9 !important;
filter: alpha(opacity=90) !important;
}

/* Estilos de las imágenes */
.CSS_LIGHTBOX_SCALED_IMAGE_IMG {
outline: 0px solid #FFF !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 10px 10px 5px #000000;
-moz-box-shadow: 10px 10px 5px #000000;
box-shadow: 10px 10px 5px #000000;
}

/* Icono para cerrar la ventana modal */
.CSS_LIGHTBOX_BTN_CLOSE {
background: url(URL de la imagen) no-repeat !important;
width: 24px !important;
height: 24px !important;
}

/* Color de fondo de la barra de miniaturas */
.CSS_LIGHTBOX_FILMSTRIP {background-color: #000 !important;}

/* Color del texto de la información de la imagen */
.CSS_LIGHTBOX_ATTRIBUTION_INFO, .CSS_LIGHTBOX_ATTRIBUTION_LINK {color: #000 !important;}

/* Color del índice (número de imágenes) */
.CSS_LIGHTBOX_INDEX_INFO {color: #000 !important;}
Las anotaciones en color verde explican a qué área corresponde cada parte.
El /* Color de fondo de la pantalla */ puedes cambiarlo por el que quieras, incluso puedes cambiarlo por una imagen. Si deseas hacer eso entonces cambia esta línea:
background-color: #E0ECF8 !important;
Por esta otra:
background-image:url(URL de la imagen) !important;

La opacidad está justo debajo, con un valor inferior el fondo se hará más transparente. Con el valor 1 (y 100 en filter) perderá toda transparencia.

Para el icono de cerrar la ventana se debe agregar la URL de la imagen donde se indica. Debajo se encuentra el ancho y alto (width y height) de este icono, también se debe especificar.

Si no quisieras que aparezca la información de la imagen (generalmente es la URL de ella) agrega debajo de /* Color del texto de la información de la imagen */ esto:
display: none;

Los estilos de las imágenes se pueden modificar tanto como queramos, se pueden cambiar los bordes redondeados, la sombra, etc. pero recuerda que es CSS3 así que versiones antiguas de Internet Explorer no lo verán.

Es un truco sencillo que nos puede ayudar a personalizar un aspecto más del blog para que se adapte al diseño de la plantilla, y para que nuestro Lightbox no se vea igual al de todos.
Puedes ver un demo de este Lightbox personalizado en este blog de pruebas.


206 comentarios en:

" Personalizar el Lightbox de Blogger "

  1. Hola Potro, se puede colocar ads de adsense? y si es asi, es recomendable o viola el tos de adsense, y como se haria? Gracias

    ResponderEliminar
  2. Potro es la primera vez que te escribo, ya que soy nuevo en este, el mundo de los blogs. Aprovecho esta entrada reciente para agradecerte por tus publicaciones que han ayudado en exceso al blog que recien cree http://diariodeunpensanteprincipito.blogspot.com/
    Espero que le eches un vistazo ya que todo lo que es en cuanto el diseño es debido a vos

    ResponderEliminar
  3. alianza lima vs universitario, no, sólo es un visor de imágenes, no podemos meter nada de códigos dentro pues es ajeno a nosotros.

    Luis Enrique, qué bueno que te has animado a comentar y qué gusto que estés encontrando útil la información de este sitio. ¡Saludos!

    ResponderEliminar
  4. Potro Me Han desabilitado Mi Blog De Adsense Pero La Cuenta La TEngo Activa Todavia Y Lo MAs Raro Fue Que Ellos No Me Madaron Una Notificacion Para Decir El Motivo....

    Bueno Te Dijo Esto Para Ver Si Tu Me Ayuda A Volver A Habilitarlo Por Que todavia Tengo Mi Cuenta Activa!!!

    ResponderEliminar
  5. Olle Y Mi Blog Es www.AltamiraMusic.net

    ResponderEliminar
  6. Gracias Potro como siempre al dia. Algo hemos personalizado NO todo, que hariamos sin ti. Un abrazo

    ResponderEliminar
  7. ADMIN, no hace falta que te expliquen ellos el motivo, no se puede poner AdSense en sitios que contienen descargas ilegales:
    https://www.google.com/adsense/support/bin/answer.py?hl=es&answer=105959

    ResponderEliminar
  8. PC, qué haría yo sin ustedes caray :)
    Otro abrazo para ti.

    ResponderEliminar
    Respuestas
    1. saludos, me gustaria que mi blog se puedan ver las fotos asi ya que aveces voy a subir galerias de hasta 10 fotos de eventos pero siempre que le doy clik a la foto se abre pero saliendo del blog, miralo, por ejemplo http://www.rayscr.com/2011/12/costa-rica-se-hexacampeon.html quiero que las fotos se abran con lightbox

      Gracias mi correo por cualqueir cosa info@rayscr.com

      Eliminar
    2. Saludos Ronny Yax. Sólo tienes que activar el Lightbox de Blogger:
      http://ciudadblogger.com/2011/10/activar-o-desactivar-el-lightbox-de.html

      Eliminar
  9. Buenas potro, vengo a pedir un gran favor y creo q no sere el unico en agradecertelo si lo haces... un contador para cada entrada individual se q es posible please hacer un tuto respecto a eso :(...

    Gracias cuidece

    ResponderEliminar
  10. FarStar, me uno a tu petición. Tengo puesto el de Branica y funciona cuando le da la gana, ademas de entorpezer la carga del blog. Venga Potro que tu si que sabes.jajajaja.Un abrazo

    ResponderEliminar
  11. here my version, standard only, just add CSS3 touched my master ;)

    Snippet CSS Feature Image for Blogger

    nice master \m/

    ResponderEliminar
  12. Iiiiiiiiiiiiiiiiiimpresionante. ¡¡Ya no se que elegir!! Por ahora me quedo con lo de siempre porque con el Lightbox las imágenes salen un poco más reducidas. pero si tienes la solución a eso (para que salgan tamaño completo) te lo agradeceria.

    ResponderEliminar
  13. FarStar, PC, antes había un contador de visitas por entrada que funcionaba bien hasta que el autor dejó de alojar el archivo en su hosting. Voy a ver si lo puedo alojar en un hosting propio y actualizo esa entrada, si es que todavía sirve...

    ResponderEliminar
  14. Gracias Potro, quedaremos a la espera.Un abrazo

    ResponderEliminar
  15. Hola Potro!
    Muy bueno!
    Lo probé en mi blog, personalizando un poco los colores, pero no se si hice algo mal porque no se cierra al clickear en el ícono de cierre, si en el caso de clickear fuera del ícono. No le puse una imagen, dejé el que sale por defecto.
    Mi blog es http://nextpixel.blogspot.com/
    Gracias! Saludos!

    ResponderEliminar
  16. Hola Potro esta super el tutorial, a ver si lo aplico, sabes he estado buscando en la web si encuentro plataformas o herramientas para generar boletines del blog para los lectores via mail, sabes de alguna???

    ResponderEliminar
  17. PC, ¿cómo hiciste ese efecto de transición que se muestra al inicio de tu blog y cuando cambias a una entrada?

    Ojalá lo pudieras compartir. Gracias. Saludos. :D

    ResponderEliminar
  18. Beben Koben, nice job dude, CSS3 is simply brilliant!

    CampamentoWeb, es la ventaja de tener variedad, hay de todo para todos :)

    ResponderEliminar
  19. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  20. Las Noticias de Tulum. Esta basado en un preloader De aqui el señor Potro, Si que le hice alguna modificación y bueno ya viste el efecto. Te pasaria el codigo por aqui, pero no se si potro me daria el consentimiento, a parte de que no se como incrustrarlo aqui a traves de un comentario porque no me acepta el html. Un saludo

    ResponderEliminar
  21. akken, a ti por tu visita!

    Marcos Carballo, pues ahora no veo ninguna imagen como icono, de hecho veo que la has ocultado:
    /* Icono para cerrar la ventana modal */
    .CSS_LIGHTBOX_BTN_CLOSE {
    display: none;
    }

    ResponderEliminar
  22. Be Bloggera, de manera automática no, hay programas que te ayudan a diseñarlos. Pero igual puedes ofrecer la suscripción al feed del blog por correo, esa es automática pero sencilla.

    PC, pero por supuesto, siempre que sea para compartir algo no hay problema. Si necesitas poner códigos en los comentarios primero tienes que convertirlos a texto plano.

    ResponderEliminar
  23. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  24. No se, lo pase a texto plano y y desaparecieron caracteres, bueno como estas cosas... el especialista es Potro, pues bueno lo alojo en Dropbox y el que quiera que se lo descargue : http://dl.dropbox.com/u/17621387/PRELOADER%2014-10-2011.txt .Un saludo.

    ResponderEliminar
  25. si, recién la oculto porque si no hacía nada al clickearla mas bien que no esté, me parece que queda mejor asi, creo que es intuitivo que al clickear fuera de la imagen o al darle al botón escape se sale de la galería. Gracias por molestarte en verificarlo. Saludos
    PD: también me gustó mucho el efecto de transición en ciudadpc :)

    ResponderEliminar
  26. Potro como puedo hacer que mi Blog sea .com, o .net o .com.ar ... Osea sin el .blogspot, pero sin que deba pagar. Porque veo que muchas personas hacen sus Blogs de esa manera pero... nose si luego se les borraran las cuentas o deshabilitaran sus paginas.

    ResponderEliminar
  27. Men tengo una duda,no trata de eso pero mira esque e descargado un template para blogger,y quiero colocar unas señales como las de tu webs afiliada wwe-live,me podrias decir ke kodigo le tengo que poner para que yo lo pueda poner plis

    ResponderEliminar
  28. Marcos Carballo, vale, de cualquier manera si después te decides a poner una imagen y sigues con el problema me avisas pues eso no debería suceder, en sí lo que se hace con ese código es cambiar la imagen por otra, pero no se altera otra propiedad o función. Buen fin de semana.

    ResponderEliminar
  29. [FastenMovies], borrarlas no tiene que ver con si es un dominio propio o no (el mío lo es y sigue en pie), eso depende del contenido del blog o de si inclumplen las políticas de contenido de Blogger.
    .com, .net, o .org gratuito no hay, todos esos son de pago; hay otros como co.cc que sí son gratis.

    ResponderEliminar
  30. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  31. Las Noticias de Tulum. Ya entre en tu Blog y efectivamente funciona muy bien, de lo cual me alegro. Un saludo

    ResponderEliminar
  32. ▀▄▀▄▀▄★▶∂яaкѕηagєя◀★▄▀▄▀▄▀▄ , puedes hacerlo con un tabview, de esa forma pondrías en pestañas cada uno de esos gadgets.

    ResponderEliminar
  33. OYe potro me podrias ayudar eske quiero una plantilla como la de wweultimate18.com
    ,te lo agradecere mucho si me ayudas en eso

    ResponderEliminar
  34. ▀▄▀▄▀▄★▶∂яaкѕηagєя◀★▄▀▄▀▄▀▄ , en btemplates.com hay miles de plantillas, seguro alguna es como la que buscas, aunque esa seguramente ya está muy modificada.

    Chico del Cereal, qué bueno que ha sido de tu agrado :)

    ResponderEliminar
  35. Las Noticias de Tulum, ya me estaba saltando tu comentario :P
    Muchas gracias por tu amable opinión y qué bueno que te ha gustado la entrevista, yo la disfruté mucho :)
    Saludos!

    ResponderEliminar
  36. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  37. hola Potro! muchas gracias, me funcionó solo los estilos, el resto no :(
    pero bueno, voy a probar moneandole por ahí jeje si no resulta te aviso ;)

    Off-topic: que tipo de programación usa esta pagina?

    http://www.derechoaleer.org/2010/03/detengamos-el-acta.html

    se puede hacer lo mismo en un blog de blogger con esos efectos que se deslizan en los cuadros?

    gracias :)

    ResponderEliminar
  38. Potro: checaba tu formulario de contacto y veia que tu puedes enviar correos automaticamnte al tu recibir uno, mi pregunta es como hago algo asi???

    ResponderEliminar
  39. Hola Potro.
    Siguen abriéndose las imágenes en otra página en la misma ventana, teniendo que volver atrás para volver a la página, un rollo.
    He marcado el sí en configuración y no chuta, ¿no tendré algún conflicto de "intereses" en el código?.
    Edito y publico desde windows live writer, ¿igual tiene algo que ver?.
    Un saludo.

    ResponderEliminar
  40. ... que se me ha olvidado, tampoco me aparece el avatar en los comentarios habiéndome cerciorado que los enseño en configuración y ando escaso de recursos, ya sabes ;)

    ResponderEliminar
  41. Hola Potro,, Tengo una pregunta:

    Como se ponen las entradas de blogger De esta Manera:

    http://www.subeimagenes.com/img/entradas-107384.jpg

    Y si ese tipo de entradas tiene un nombre porfavor Dejamelo saber..

    Muchas Gracias!.

    ResponderEliminar
  42. CristJian, ¿qué es lo que no te funcionó?
    Lo otro supongo que sí, tal vez con Scriptaculous o jQuery, aunque ahí parece que usaron Mootools, pero ni idea cuál plugin sea.

    ResponderEliminar
  43. pixeltuxpan.com, ¿te llegó un correo al momento de enviar algo en el formulario? o.O (cara de desconcertado)
    Eso no debería pasar, ¿qué correo te llegó?

    ResponderEliminar
  44. Potro, No ,solo me imagine que eso pasaba, creo que no supe explicar. esque no se si tu sepas de algun sistema que al momento de que me envien un mensaje yo enviar uno automaticamente de cortesia que diga que su correo a sido recibido y me pondre en contacto tan pronto como pueda, Conoces algo asi??

    ResponderEliminar
  45. Tapestryworkerman, no sé si el editor tenga algo que ver, pero puedes descubrirlo publicando una entrada de prueba desde Blogger y ver si ahí sí se activa el Lightbox.
    ¿Los avatares desaparecieron o nunca se han visto? Si nunca se han visto entonces quizá a tu plantilla le falta el código necesario para que se muestren. Si desaparecieron entonces sí debe estar pasando algo con Blogger.

    ResponderEliminar
  46. ๖ۣۜÇΣZΛЯۣ™ (CESAR JERICHO), lo que parece que han hecho es que arriba de las entradas pusieron dos gadgets, que son tipo "últimas entradas por categoría con miniatura".

    Y debajo están las entradas del blog, que tienen un Leer más automático.

    ResponderEliminar
  47. Beben Koben, I read it yesterday, although it's not exactly a Blogger bug :)

    pixeltuxpan.com, ya me habías asustado...
    Eso no lo hace este formulario, pero puedes configurar tu correo (depende de qué correo uses) para que se envíen respuestas automatizadas cada vez que alguien te escribe.

    ResponderEliminar
  48. He publicado desde blogger y ni rastro de Lightbox, en otros blogs si que lo visiono pero en éste se siguen abriendo de esa forma tan exasperante :(
    En cuanto a los avatares, en su día se mostraban pero los llevo echando en falta una temporada y no sabría decirte desde cuando... a ver si tengo que formatear la página!!
    Un saludo.

    ResponderEliminar
  49. ehm, no me funcionó cambiarle el color de fondo, si me funcionaron los estilos (bordes redondeados, sombras), ya probe cambiandole pero no funciona :S

    que puedo hacer??

    por ejemplo en esta entrada:

    elsentirpopular.blogspot.com/2011/10/moovn-aktion-danza-hip-hop-solos-juntos.html

    ResponderEliminar
  50. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  51. Potro, ya se porque no me funciona el botón de cierre, es porque está a la misma altura del menú deslizante de arriba, y como es una capa que está por encima no funciona. Probé poniendolé al botón un z-index mayor que al de la capa del menú pero no pasa nada:

    .CSS_LIGHTBOX_BTN_CLOSE {
    z-index: 1000;
    }

    Pongo nuevamente la url de mi blog:
    http://nextpixel.blogspot.com/

    ResponderEliminar
  52. Tapestryworkerman, quizá moviste algo en el código de los avatares. Prueba esto, haz un respaldo de esa plantilla, crea un blog de pruebas y sube ahí esa plantilla, activa el Lightbox y mira si ahí sí funciona. De esa forma podrías darte una idea de si se trata el blog o la plantilla.
    Si el problema persiste abre un hilo en el Foro de Ayuda de Blogger, quizá haya otros con el mismo problema.

    ResponderEliminar
  53. CristJian, lo que sucede es que dentro de los estilos has usado comentarios incorrectos como este <!--
    Esos no deben ir ahí o invalidan todos los estilos que haya debajo.
    Mira esta entrada para más información:
    http://ciudadblogger.com/2011/07/errores-comunes-al-poner-los-codigos.html

    ResponderEliminar
  54. Marcos Carballo, mira el comentario #44, ahí hay un enlace a una entrada de Vku donde habla sobre esos elementos que se sobre ponen y cómo solucionarlo.

    ResponderEliminar
  55. oooh!! jaja muchas gracias, he sido ignorante en ese tema... muchas gracias nuevamente, ahora si funcionó ;)

    ResponderEliminar
  56. Solucionado, Muchas Gracias Potro! algo parecido me pasaba cuando quise implementar los botones 'ir arriba' 'ir abajo', lo voy a probar de nuevo, seguramente tiene una solución parecida, luego te cuento. Excelente tu blog! Saludos

    ResponderEliminar
  57. Pues veo que ya perdonaste a Blogger. A mí me sigue pareciendo una porquería, en lugar de estar sacando estas cosas sin sentido, deberían sacar cosas que en verdad sean útiles para nosotros los blogger y porsupuesto los usuarios.

    Además, el sinismo de Blogger al decir "Your photos never look so good (tus fotos nunca lucieron tan bien)".

    Pero algunos blogger todavía se lo tragan todo. En fin, yo sigo esperando cosas nuevas de verdad, y no "atole con el dedo"

    Saludos.

    ResponderEliminar
  58. Hola potro:
    my consulta de hoy es como puedo cambiar el color de letra de mis post.

    gracias espero respuesta =D

    ResponderEliminar
  59. Hola Potro! vengo pidiendo ayuda mira que las fechas de mis posts desaparecen cuando creo 2 posts el mismo dia el post mas actual si tiene fecha pero el que cree primero ese mismo dia desaparece Salu2!

    ZoneGeek!

    ResponderEliminar
  60. potro sabes en mi blog www.thestrokeschile.com cuando apreto una imagen se abren 2 lightbox , si te fijas cierras uno y queda otro abierto , no asbes que podria ser? :/

    ResponderEliminar
  61. Carlos Martinez, busca 'body {' y reemplaza

    color:#333; (o algo asi)

    por el color que quieras ej:

    body {
    color: #FE7902;
    }

    Salu2!

    ResponderEliminar
  62. The strokes fans chile, definitivamente tienes 2 lightbox o.O

    ResponderEliminar
  63. hola potro estaba viendo ese tema del contador de visitas por entrada y la verdad consegui uno pero lo q pasa q primero lo probe en la line 3'> para q aparesca dentro del post el contador... luego lo puse en la parte de afuera donde va el me gusta del facebook y bueno tons no me sirvio ponerlo afuera porque contava las visitas a la web y no a las entradas ... pero luego lo quite y el problema es q aun aparece hay xD

    aca el codigo q esta para q se vea dentro de mis entradas lo pase a texto plano

    div class='post-footer-line post-footer-line-3'>
    <!-- CONTADOR DE VISITAS X POST -->
    <div align='center'>
    <b:if cond='data:blog.pageType == "item"'> </b:if>
    Este post fue visitado : <img height='15' id='counter' src='http://counters.branica.com/?i=0&u=false&ox=10&oy=17&c=000000&b=plain.jpg&f=Terminator.ttf&fn=false&w=50&h=18&s=10' style='border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial;'/> Veces</div>
    <!-- CONTADOR DE VISITAS X POST -->

    ResponderEliminar
  64. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  65. Utilizo Gmail, sabes como configurlalo?? te lo agradeceria aigo. Saludos!

    ResponderEliminar
  66. Potro porqué cuando se abre el lightbox de una foto aparacen todas las demas de la entrada en la parte inferior. Yo solo quisiera que se visualizase la que he elegido y no todas.
    saludos de nuevo y gracias

    ResponderEliminar
  67. Hola Potro, cuando intento poner anclajes en una entrada, al pinchar en el título me lleva al editor de blogger en vez de al trozo de texto al que está enlazado. ¿A qué se debe? Saludos.

    ResponderEliminar
  68. Hola Potro.
    He seguido tus sabios consejos y en el blog de prueba me funcionan tanto el Lightbox como la imagen de los avatares.
    Seguramente he debido tocar algo que no debiera, ahora sólo me hace falta saber cómo dar con ello y subsanar errores... aquí es donde necesito un HELP de tamaño considerable.
    Ya me dirás si tengo remedio.
    Un saludo.

    ResponderEliminar
  69. Chico del Cereal
    muchas gracias bro eres estupendo.

    ResponderEliminar
  70. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  71. Potro como le hagao para que aparescan los post aqui en relate post,porque no aparecen al publico,debe salir asi.


    debe quedar asi
    Pero luego se miran asi,no se que pasa,porfavor gracias
    asi se mira

    ResponderEliminar
  72. Hola Potro, me interesa el gadget que cuenta la cantidad de días de vida (veo que ya llegas a los 1000 ☺), cantidad de entradas y cantidad de comentarios del blog. No lo he visto en el resto de tus entradas... me lo podrías facilitar? Gracias! Saludos.

    ResponderEliminar
  73. CristJian, descuida, es muy común ese error.

    Pepée Pilato, yo no tengo nada que perdonarle a Blogger, sólo es un servicio del cual soy usuario y nada más. Y de Lightbox, sigo usando y prefiriendo Shadowbox, pero no todos tienen mis gustos y preferencias, para ellos es esta entrada ;)

    ResponderEliminar
  74. Carlos Martinez, veo que ya te han ayudado a conseguirlo :)

    Chico del Cereal, necesitas usar un script para que se muestre las fechas en todas las entradas:
    http://ciudadblogger.com/2010/11/mostrar-la-fecha-en-todas-las-entradas.html

    ResponderEliminar
  75. The strokes fans chile, parece ser un bug, ¿ya has probado deshabilitarlo y habilitarlo de nuevo?

    ResponderEliminar
  76. FarStar, si aun aparece a pesar de que lo quitaste entonces puede ser que por ahí dejaste otro y ese es el que se ve. Revisa de nuevo con los artilugios expandidos, por ahí debe estar. Igual no está de más que elimines la caché, a veces siguen apareciendo cosas porque la caché hace que se muestre lo que tenía guardado en la memoria.

    ResponderEliminar
  77. pixeltuxpan.com, no uso ninguno de esos servicios, pero seguro no debe ser nada difícil, sólo es cuestión que busques en las opciones de configuración, ahí debe estar la opción de auto-responder.

    ResponderEliminar
  78. Priamo, así es como está diseñado el Lightbox, para mostrar las imágenes en galería.
    Pero sino quieres que aparezca sólo añade a esta parte lo que está en negrita:
    /* Color de fondo de la barra de miniaturas */
    .CSS_LIGHTBOX_FILMSTRIP {background-color: #000 !important; display:none;}

    ResponderEliminar
  79. Hola Andrea, seguramente hay un error en el enlace. A veces cuando se pone un enlace de ese tipo y se cambia a la pestaña "Redactar" se desconfigura, así que lo mejor es quedarse en la pestaña "Edición de HTML" para que no se pierda el enlace.

    ResponderEliminar
  80. Tapestryworkerman, si en el blog de pruebas sí se ve con la misma plantilla entonces puede estar pasando algo con Blogger, ahí sería bueno que fueras el Foro de ayuda como te indiqué.
    Por mientras revisa de nuevo que sí tengas habilitado el Lightbox, y que sí tengas habilitada la opción de mostrar avatares. Eso puedes hacerlo en Configuración > Comentarios > ¿Mostrar imágenes de perfil en los comentarios?

    ResponderEliminar
  81. Gracias Potro.
    Abriré tema a ver si me esclarecen el asunto.
    Me quedo más tranquilo sabiendo que el problema no reside en la plantilla.
    Un saludo.

    ResponderEliminar
  82. No me canso de felicitar a El Potro por su excelente blog... teneis twitter? http://bit.ly/pYl3W3

    ResponderEliminar
  83. Microboy90, ¿cuál método es el que estás usando y en cuál blog?

    Marcos Carballo, claro que sí, aquí está ;)
    http://ciudadblogger.com/2009/09/gadget-de-estadisticas-del-blog.html

    ResponderEliminar
  84. Es esta plantilla y abajo debe aparecer el RELATED POST

    http://btemplates.com/2011/blogger-template-techtive/demo/

    y si miras abajo ahi se mira como debe salir!

    Pero en el mio no kiere salir : http://www.peliculasyseries.org/

    ResponderEliminar
  85. Muy buen tutorial, pero tengo una pregunta, aunque es fuera del tema que haz publicado.
    Se trata sobre como colocar ese gadget que tienes donde haz puesto tu publicidad, donde esta cinetube, xat, etc.

    Gracias!

    ResponderEliminar
  86. ya lo desactive y volvi a activar y nada :/ ke raro..

    ResponderEliminar
  87. Tapestryworkerman, no debería ser asunto de la plantilla pues ya ves que nosotros no tenemos que agregar nada para que aparezca, sólo personalizarlo como se explica en esta entrada pero eso es opcional e independiente.
    Ojalá y ahí sepan darte una mejor respuesta y que todo salga bien :)

    ResponderEliminar
  88. Diego Gómez, muchas gracias!!!
    Claro que sí, este es el Twitter de Ciudad Blogger:
    http://twitter.com/Ciudad_Blogger/

    ResponderEliminar
  89. Microboy90, si se ven, acabo de entrar a un post y debajo de él aparecen las entradas relacionadas y se ven también las miniaturas de ellas.

    ResponderEliminar
  90. J.Smart, te dejo un enlace con la información que buscas:
    http://ciudadblogger.com/2010/01/agregar-banners-de-125-x-125-en-la.html

    Saludos.

    ResponderEliminar
  91. The strokes fans chile, pues como le sugería a Tapestryworkerman, lo mejor será abrir un hilo en el Foro de Ayuda de Blogger para ver si se trata de un bug, de ser así sólo los empleados de Google podrían solucionarlo.

    ResponderEliminar
  92. Vaya, hasta ahora voy viendo que se puede personalizar esto. Muchas gracias Potro, haré la prueba para ver que tal me va.

    ResponderEliminar
  93. una pregunta que no tiene que ver con esta entrada. Ahora en los botones para compartir de las entradas el botón +1 dice "x personas han hecho +1 en esto". Antes solo aparecía el número. Se podrá configurar para que muestre solo el número? ya que como al lado tengo un botón me gusta y otro twittear y ahora me queda todo desalineado. De última lo acomodo para que quede abajo, pero preferiría que quede como antes. Mi blog: http://nextpixel.blogspot.com/
    Gracias, Saludos.

    ResponderEliminar
  94. Olmo Axayacatl, que todo salga bien!

    Marcos Carballo, en eso ando trabajando, pero todavía no hallo cómo ponerlo como estaba antes... Este Blogger y sus ideas.

    ResponderEliminar
  95. ¡Épale! sino me dices ni cuenta me hubiera dado :)
    Muchas gracias!

    ResponderEliminar
  96. Hola Potro... Una consulta. Se podría abrir un iframe en la ventana modal??

    ResponderEliminar
  97. Con el Lightbox de Blogger no, sólo abre imágenes. Pero con Shadowbox sí es posible,

    ResponderEliminar
  98. excelente post amigo te pasaste saludos desde peru

    ResponderEliminar
  99. Muy buen truco Potro, me lo apunto, y en cuanto pueda lo pruebo en mi blog.

    Saludos desde España :)

    ResponderEliminar
  100. Ya lo puse en mi Blog ♥
    Le di un poco más de redondés al borde de la imagen, le saqué el sombreado y le puse el mismo fondo que a mi Blog y le cambié la cruz de cierre y el color de la barrita de abajo ♥
    Ha quedado muy lindo porque es IGUAL A MI BLOG ♥
    Gracias!!!! ^^

    ResponderEliminar
  101. Ya fui de chismoso a tu blog sólo para corroborar que ciertamente te ha quedado muy bien :)

    ResponderEliminar
  102. Hola Potro, estaras ya hasta las narizes de contestar lo mismo, pero es que desespera un poco el tema este.
    Nada de nada, parece que tengo algo en la plantilla que no deja funcionar el lightbox de blogger. Lo probe todo, cuando cambio de plantilla si se ve perfectamente, pero en cuanto pongo la que utilizo, chassss... desaparece el efecto.

    ¿Sabes si hay alguna solucion?

    Te dejo el enlace de mi plantilla, por si estimas oportuno echarle un vistazo.

    Saludos.

    http://dl.dropbox.com/u/45505801/Mis%20plantillas/Lo%20que%20me%20sale%20de%20los%20peones.xml

    ResponderEliminar
  103. Hola Reina,

    El problema debe ser con Blogger. Sino has puesto alguno de esos códigos que deshabilitaban el Lightbox entonces debería funcionar.
    Supe que algunos simplemente no les funcionaba, y aunque fueron al Foro de Blogger para ver si les daban una solución ya no supe si se resolvió o no.
    Lamentablemente yo desde acá no puedo hacer mucho pues sólo soy un usuario más de Blogger, así que en esos casos es mejor recurrir al foro para ver si un empleado de Google puede ayudarte a decirte a qué se debe que no funcione.

    Saludos.

    ResponderEliminar
  104. Potro no veo que funcione el ejemplo del blog de pruebas :/

    ResponderEliminar
  105. Gracias por avisar. El otro día hice cambios a ese blog de pruebas y sin querer eliminé el código :(
    Pero ya está funcionando de nuevo :)

    ResponderEliminar
  106. una pregunta , como pongo estrellitas en el maus de mi blog?

    ResponderEliminar
  107. Mira esta entrada, ahí encontrarás un método para hacerlo:
    http://ciudadblogger.com/2009/12/cursor-con-destellos.html

    ResponderEliminar
  108. Hola potro, no me funciono :( http://icm2012.blogspot.com/p/multimedia.html vea :P ¿Que hago?

    ResponderEliminar
    Respuestas
    1. No veo que tengas activado el Lightbox en ese blog :/

      Eliminar
  109. Interesante, hace un tiempo me di cuenta pero no le he dado uso.

    Que tengas éxitos en el Concurso 20blogs. Te invito a visitar mi blog en la sección de cine, se llama “Cine para usar el Cerebro”. Comparto películas y escribo cuentos (que usan muchos diálogos como si fueran guiones de cine).
    http://cineparausarelcerebro.blogspot.com

    ResponderEliminar
  110. Hola Potro!
    Soy novato en esto y he seguido varios de tus consejos y te felicito por la paciencia que tienes para responder y enseñarnos a todos. Tengo una consulta: cuando añadí esta modificación, funciona, pero al hacer click en la foto, la barra secundaria queda sobre puesta en la imagen: http://www.osornoticias.com/2012/02/prueba-3.html
    te dejo el link para que lo veas y si me puedes ayudar muy agradecido!!!
    Saludos

    ResponderEliminar
    Respuestas
    1. Gracias por tu comentario Osorno Noticias.
      Agrega también este código junto con lo demás:

      .CSS_LIGHTBOX {z-index:99999 !important;}

      Eliminar
  111. he hecho todo y no logro hacer que funcionen las fotos con lightbox :( ayuda ayuda jeje mi blog es www.rayscr.com y todas las fotos las pongo desde el editor nunca las subo desde sitios externos

    ResponderEliminar
    Respuestas
    1. Hola Ronny, mira el enlace que te puse más arriba, para que verifiques si ya activaste el Lightbox.

      Eliminar
    2. saludos, ya lo he revisado y si tengo activado pero no se por que no funciona, será algun problema en el codigo de la plantilla??

      Eliminar
    3. Prueba cambiando esto:
      <div class='blogItem'>

      Por esto:
      <div class='blogItem post-body'>

      Eliminar
    4. gracias, voy a intentarlo y te aviso!!!

      Eliminar
    5. SOS UN GENIOOOOOOOOOO AHORA SI FUNCIONA!!! MUCHAS GRACIAS!!!!

      Eliminar
    6. Saludos nuevamente, estoy re contento por la ayuda!! ahora pregunto sobre otra cosa, necesito poner botones al final de cada post para que la gente pueda compartir en facebook y en twitter, donde consigo el codigo para poner esos botones y que salgan automaticamente en cada nota?? gracias amigo!!

      Eliminar
    7. Hay varias entradas sobre ello, estas son algunas:
      http://ciudadblogger.com/2011/09/botones-para-compartir-deslizantes.html
      http://ciudadblogger.com/2012/01/botones-para-compartir-estilo-taringa.html
      http://ciudadblogger.com/2010/06/botones-para-compartir-de-blogger.html
      http://ciudadblogger.com/2009/06/poner-marcadores-sociales-en-blogger.html

      Eliminar
  112. che potro una pregunta en esta plantilla yo active el lightbox de blogger pero no funciona tenes alguna sugerencia?

    http://aloquederadioonline.blogspot.com.ar/

    ResponderEliminar
    Respuestas
    1. Prueba cambiando:
      <div class='cover'>

      Por:
      <div class='post-body cover'>

      Eliminar
    2. me pasa lo mismo que a Diseñador Web. Busco cualquiera de las dos opciones y en mi plantilla no existen, tendrá que ver?

      Eliminar
    3. No sé, como no dejas la dirección de tu blog me es imposible acertar.

      Eliminar
    4. Disculpa, se me olvida que salen todos en el perfil ciudadesmecanicas.blogspot.com

      Eliminar
  113. el potro ¿hay una forma de que el lightbox cuando pasa de foto tenga un efecto de movimiento como el de issu? este es un archivo de issu para que lo veas y entiendas mejor: http://issuu.com/whymper/docs/1--mortadelo-y-filemon---va-la-tia-y-se-pone-al-di?mode=window&backgroundColor=%23222222

    ResponderEliminar
    Respuestas
    1. Me temo que no, al menos no encuentro las clases apropiadas dónde aplicar ese efecto.

      Eliminar
    2. Espero que alguna vez logres encontrar la forma y la publiques en alguna entrada

      Eliminar
  114. sabes aplicar este cambio de fondo a issuu

    ResponderEliminar
  115. Saludos potro, la verdad no tengo palabras para expresar lo que tu ciudadblogger ha logrado en mi mundo swingers, de hecho cuando empece con blogger lo cree y lo deje botado por un año luego una tarde por suerte llegue a tu ciudad de donde retome mi blog y lo he rediseñado con tus consejos muy buenos, de hecho todos me han servido de utilidad.

    Bueno he estado navegando en tu blog en busca de un codigo para poder evitar la copia de las imagenes en el blog de hecho palique uno que evita la copia del texto y la imagen (evita el boton derecho), pero el codigo que deseo es que tambien evite copiarla del lightbox blogger (no deseo eliminar este sistema como sugieren muchos).

    Gracias por tu pronta respuesta y exitos en tu labor

    ResponderEliminar
    Respuestas
    1. Muchas gracias por tus palabras encuentroswingers, me llenan de mucha satisfacción y emoción :)
      Lamentablemente lo que pides no se puede, con el Lightbox activado esos scripts como el que aplicaste no pueden "actuar" en esa área. De todas formas, aunque se pudiera, siempre habrá mil maneras para poder copiar el contenido, es algo con lo que tendremos que aprender a vivir :/

      Saludos.

      Eliminar
  116. Amigo Potro. Por favor necesito urgente tu ayuda. Mi lightbox muestra las imagenes mezcladas con la cabecera y el boton de cerrar no funciona.
    http://granovitaandinaperu.blogspot.com/p/nosotros.html
    Gracias anticipadas.

    ResponderEliminar
  117. Gracias Potro pero aun no me funciona. Puse el código .CSS_LIGHTBOX {z-index:99999 !important;} pero tengo entendido que el valor del número se debe cambiar. ¿Cual sería ese número?. Gracias

    ResponderEliminar
  118. Lo siento. Estuve probando otras alternativas. Ninguna funcionó. Lo dejo con el código puesto para que lo revises. Gracias.
    http://granovitaandinaperu.blogspot.com/p/nosotros.html

    ResponderEliminar
  119. Funcionó!!!! Hizo efecto al salir de mi cuenta de blogger. Imagino que las vistas previas son engañosas (y se llevaron un dia de trabajo). Aprendí algo nuevo hoy y gracias a ti Potro. Eres un éxíto. Un abrazo y gracias de nuevo.

    ResponderEliminar
  120. Hola Potro nuevamente, Como estas?

    Quiero cambiar el shadowbox por el lightbox, he estadoo buscando entre los comentarios de la otra entrada, pero son muuuchos y no conseguí lo que buscaba. Me puedes decir como cambiar uno por otro para después poder personalizar el lightbox, por favor?

    y otra cosa, para cambiar el tamaño de la letra del titulo en (entradas resumidas estilo magazine 3) no esta en las anotaciones verdes, si no es mucha molestia de indicarme paso a paso.
    Muuchisimas gracias Potro!

    ResponderEliminar
  121. Lo he conseguido y lo intente... pero no sale con las modificaciones que les hice... ojala puedas ayudarme, muuchisimas gracias Potro.

    ResponderEliminar
    Respuestas
    1. Hola Giselle, lo que ha sucedido es que cuando has puesto los estilos eliminaste una llave de cierre }
      http://ciudadblogger.com/2011/07/errores-comunes-al-poner-los-codigos.html

      El tamaño de los títulos puedes cambiarlo con estos estilos:
      .post h3 {
      font-size: 14px !important;
      }

      Saludos!

      Eliminar
    2. Gracias Potro, perfecto. Pero (disculpa los peros) no me sale el icono de cerrar en el lightbox.
      /* Icono para cerrar la ventana modal */
      .CSS_LIGHTBOX_BTN_CLOSE {
      background: url(https://dl.dropbox.com/u/28192282/favicon2.png) no-repeat !important;
      width: 24px !important;
      height: 24px !important;
      }

      QUE PASARA?
      y (se que ya es abuso): en los titulos del contenedor me habia dicho que el fondo de las letras se podian poner igual al marco para que de esta manera pareciera que quedaran arriba y no dentro. Yo lo intente pero se ve solo como si estuviera seleccionado osea no va de borde a borde. Como podriamos hacer?

      REITERO MIS GRACIAS "si hacemos cosas buenas nos pasan cosas buenas" por tu ayuda incondicional, te deseo lo mejor!

      Eliminar
    3. Hola Giselle, no he comprendido la segunda parte del comentario, pero, la imagen del ícono para cerrar debe ser eso, un ícono, y la imagen que tienes es demasiado grande, hazla de 24px de ancho y alto.

      Saludos.

      Eliminar
  122. Hola Potro, espero todo vaya bien, te comento que apliqué la personalización del light box, remplazé el color de fondo y el boton de cierre por una imagen, hasta ahí todo bien. el tema es que si lo veo desde el pc que lo hice se ve bien, la foto que probé tiene 1024 x 643 pixeles y se ve muy bien en un monitor de 1024 x 768 pero cuando veo el lightbox en otros pc o notebooks la imagen de fondo sale corrida, he visto el lightbox en distintos monitores y lo mismo, sale desplazado de lugar la foto de fondo, el boton de cierre se ve bien siempre eso si, probé poniendo un fondo para un monitor de (1600 x 900) la imagen de fondo tiene medidas (1600 x 728) el lightbox se muestra sin problemas en esa pantalla de resolucón (1600 x 900) pero se muestra corrida la imagen de distintas formas dependiendo del PC o Notebook donde visualiza el lightbox,

    ¿Hay alguna manera de hacer que el fondo no salga desplazado de lugar al visualizar el lightbox en distintas pantallas? cosa que se adapte para visualizarlo correctamente dependiendo de donde se vea y evitar que la imagen salga corrida.

    Sabes como podría arreglar ese problema? te lo agradecería mucho.

    Te dejo las resoluciones de los monitores y taaños de las imagenes con que probé.

    - Tamanño del fondo (1024 x 643)

    (1024 x 768) Se ve OK
    (1600 x 900) Se ve desplazada de lugar la foto de fondo
    (1280 x 800) Se ve desplazada de lugar la foto de fondo

    - Tamanño del fondo (1600 x 728)

    (1024 x 768) Se ve desplazada de lugar la foto de fondo
    (1600 x 900) Se ve OK
    (1280 x 800) Se ve desplazada de lugar la foto de fondo

    Probé en otras pantallas y siempre se ve corrida la imagen.

    Gracias Potro!

    ResponderEliminar
    Respuestas
    1. Si el fondo que pusiste es una imagen, y si esta imagen no la has puesto para que se repita, entonces quizás debas usar la propiedad background-size para que cubra toda la pantalla sin importar la resolución.

      Eliminar
    2. Gracias Potro lo solucioné siguiendo los pasos de Background-size! Saludos!

      Eliminar
  123. estimado potro se puede personalizar el tamaño de la imagen a visualizar es decir subo una imagen 1200x 900 al momento de publicarla la hago a mediano y que cuando cargue el ligtbox se vea a mejor es decir un 800x 600.

    ResponderEliminar
  124. Hola, tengo activado el Lightbox, cuando se abre la imagen quiero que se muestre la información (medidas y la técnica, son fotos de cuadros) y no se cómo. La dirección es http://matechenique.blogspot.com, en Retratos ya hay imágenes.

    La otra duda es: Retratos, Reversiones, Abstractos y Otros deben ser submenu pero no se cómo lograrlo.

    ResponderEliminar
    Respuestas
    1. Hola Matías, el Lightbox sólo muestra la imagen en ventana modal, no muestra ninguna otra información.
      Para lo otro que preguntas necesitas un menú de categorías:
      http://ciudadblogger.com/2010/06/menu-de-categorias.html

      Por cierto, la URL que dejaste abre otra página distinta al blog.

      Eliminar
  125. Hola Potro, veras...mis conocimientos de HTML son nulos, lo poco que conseguí en mi blog fue por blogs como el tuyo, por ello te doy las gracias.

    Sin embargo con el tema de la personalización del lightbox tengo medio problema, literalmente.

    En mi blog hay dos pestañas, A)una en la que coloco fotos como una galería normal y que al pinchar se abre el lightbox B) y otra pestaña en la que aparece una serie de albums que estan enlazados a otros blogs para funcionar como galerías.

    Ahora bien, cuando instalé la plantilla en el caso B) no me dio ningún problema, todo lo contrario conseguí justo lo que quería, poner blanco todo el lightbox (#FFFFFF)
    Pero cuando repetí el proceso en el caso A) me modificó todos los parámetros anteriores excepto el de volver blanco el color de fondo, dejándolo como viene predeterminado.

    ¿Alguna solución? Muchas Gracias

    ResponderEliminar
    Respuestas
    1. Hola SaraCostas, ¿me puedes mostrar el blog donde tienes el problema así como ambas pestañas? sólo así podría entender mejor el problema y darme una idea de qué puede estar pasando.

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

      Eliminar
    3. En la pestaña Series veo que enlazas a otros sitios en los cuales el Lightbox es blanco, pero en tu blog principal, donde tienes la pestaña Archivo no veo que tengas los estilos agregados para que el Lightbox tenga un fondo distinto.

      Eliminar
    4. No la tengo aplicada porque lo que me cambia a blanco es solo la barra de las imagenes. El resto se queda tal cual viene por defecto... y no sé cual es el problema, porque puse lo mismo en series y en archivo.

      Eliminar
    5. Aun así tengo que verlo puesto, sino no tengo ninguna manera de saber cómo resolverlo :/

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

      Eliminar
    7. Lo que ha pasado es que arriba de estos estilos pusiste códigos HTML (unos que dicen "Volver arriba" y otros créditos), así que al poner HTML dentro de los estilos te ha invalidado cualquier estilo que agregues.

      Eliminar
    8. Solucionado! Muchas Gracias!

      Lo que hice fue pegar el código justo encima de "volver arriba" (no sé que es la verdad ese código) y funcionó :)

      Eliminar
    9. Hay que quitar ese código de ahí o en el futuro te volverá a dar problemas.
      Saludos.

      Eliminar
  126. Hola hermano, tengo un problema con el ligthbox de mi blog y es que las imagenes se ven debajo de la barra de menus.. que pudo hacer...

    gracias anticipadas...

    Miblog: Androtecnology.blogspot.com

    ResponderEliminar
  127. Hola potro! antes que nada muchisimas gracias por todos tus aportes! Me ayudaron muchisimo!

    Me quedo una duda con este tema de el lightbox: yo en una publicacion tengo 5 imagenes y cuando las abro en el lightbox me muestra todas pero existe alguna posibilidad de que solo me muestre 3 x ejemplo y las otras dos que queden "inhabilitadas"?

    Saludos!

    ResponderEliminar
    Respuestas
    1. No Fede, no se pueden excluir imágenes.

      Eliminar
    2. Hola de nuevo Fede. Hasta ahorita se me vino algo a la mente y me acordé de esta pregunta. El lightbox lo activa el enlace hacia la propia imagen, así que si le quitas el enlace a la imagen no se abrirá en el Lightbox :D

      Eliminar
    3. Gracias potro! me di cuenta cuando estaba creando una entrada! jaja

      Eliminar
  128. Hola Potro,
    1 Como ya hemos comentado, hace unas semanas que el lightbox presento problemas. Nos enviaste a una web amiga, donde habian publicado una especia de parche yq ue volviera a funcionar. Lo hice, pero funciona sin las modificaciones que en un principio habia hecho siguiendo esta entrada. Que se puede hacer ahora?

    2 Todo el contenido (títulos e imágenes)de entradas y paginas salen alineadas SIEMPRE a la izquierda... Cuando estoy creándola: no! pero luego de publicarla no hay manera es como si algo en mi html le indicara que siempre debe ir así.

    www.gisellevitali.blogspot.com

    GRACIAS POTRO!!

    ResponderEliminar
    Respuestas
    1. Hola Giselle, hay que tener cuidado con las llaves de cierre } ya que si se eliminan por error dejan de funcionar los estilos. En el comentario #128.1 te he dejado un enlace por el mismo problema.

      Lo otro es por esto:
      .post-body img, .post-body .tr-caption-container {
      float: left;
      padding: 0 !important;
      margin: -5px !important;
      }

      Ahí le estás indicando que todo eso tenga una flotación a la izquierda.

      Eliminar
  129. Hola y muchas gracias por todo lo que he aprendido de ti.

    Quisiera darle un efecto de transición a las imagenes en lightbox o fade entre ellas.
    Tambien quisiera que algunas imagenes no se mostraran en lightbox al hacer click sobre ellas.
    encarnacionstudio.com

    Saludos!

    ResponderEliminar
    Respuestas
    1. No se puede Ronaldo, tendría que ser Blogger quien active ese tipo de efectos.
      Saludos.

      Eliminar
  130. Para que serve o comando !importante ? Nunca usei antes

    ResponderEliminar
    Respuestas
    1. Para que ese estilo tenga mayor importancia sobre otro que contenga otro valor.

      Eliminar
  131. Hola Potro, Ese comentario es muy viejo. El tema es que por Facebook hace quizas un mes o un poco mas, comentabamos que el lightbox tenia problemas y nos diste el link de otra web, que explicaba como poniendo una linea de codigos (provisional).. se "solucionaba el problema" efectivamente si abria con lightbox pero todo la "customizacion" que habia hecho a traves de esta entrada, se "pierde" pues sale con estilo predeterminado. Quiero que este como antes...

    Lo del centrado, ya esta solucionado, gracias!!! ahora.. es normal que las imagenes se monten sobre el margen del contenedor en la parte supeior??

    GRACIAS, UNA Y OTRA VEZ!

    ResponderEliminar
    Respuestas
    1. Hola Giselle, ya te he respondido más arriba.
      Saludos.

      Eliminar
    2. Disculpa Potro pero es que ya me funcionaba perfecto, antes de hacer lo que te he comentado. Y ahora lo he vuelto hacer,corregido una y mil veces y no se donde esta el error. Yo lo veo igual al tuyo... Se que ya pido demasiado, pero podrías ver mi plantilla a ver que pasa con esto, por favor?
      www.gisellevitali.blogspot.com

      Eliminar
  132. Potro, creo que podemos aclarar el tema.
    Hace un par de meses el lightbox presento problemas y nos comunicaste por Facebook que por acá podíamos solucionarlo provisionalmente:
    http://www.oloblogger.com/2013/03/lightbox-blogger-solucion.html

    *Incluso el lightbox de pruebas de este post, no funciona. (al menos a mi)

    Al poner ese código, si funciono pero todo lo que había hecho con esta entrada, quedo como preestablecido...

    Hoy quite esa linea de código y funciona igualmente, pero sigue sin mostrarse lo que había personalizado.

    Saludos y como siempre, una vez mas gracias!

    ResponderEliminar
    Respuestas
    1. Hola Giselle, cuando te remitía al comentario #128.1 es porque la causa era la misma, y lo sigue siendo. Mientras elimines llaves de cierre } no funcinoarán los estilos:
      http://ciudadblogger.com/2011/07/errores-comunes-al-poner-los-codigos.html

      #header-inner{
      margin:-10px 0 0 -10px;
      /* Lightbox de Blogger
      ----------------------------------------------- */
      /* Color de fondo de la pantalla */

      Eliminar
    2. ahhh listo Potro ahora si! Gracias por tu paciencia!!!

      Eliminar
  133. Se le puede agregar publicidad de adsense? cómo se haría?

    ResponderEliminar
  134. Saludos potro, Pido disculpa por re abrir este tema tan viejo, tengo problemas con mi plantilla. Abre las imagenes en un link exterior. No se activa ni el Lightbox de Blogger ni el que publicaste. Alguna sugerencia?

    ResponderEliminar
    Respuestas
    1. No te disculpes Julio, que nosotros a diferencia de los foros, no linchamos a nadie por comentar en temas antiguos, aquí puedes hacerlo sin ningún problema ;)
      ¿Me puedes mostrar una entrada donde tengas una imagen con ese problema?

      Eliminar
  135. Hola Potro, antes que nada agradezco tan magníficos tutoriales que ha han sacado de más de un lío, verás, implementé esta personalización en un blog cuya plantilla sustituorá a mi blog principal, el problema es, que cuando abro una imagen en el lightbox, las páginas de arriba (Home, Business, etc.) siguen allí, ¿Hay alguna forma de que el lightbox "a fuerza" aparezca frente a todos los elementos del blog? ¡Saludos potro! te dejo un post de dicho blog, esperando que puedas ayudarme → http://bit.ly/1wcz5Q5 ;D

    ResponderEliminar
  136. De nuevo yo Potro, perdón por molestarte tanto, la única solución que encontré es cambiar el atributo "fixed" for "fluid" para que "desapareciera" al abrir el lightbox, disculpa las molestias que siempre te ocasiono ¡Saludos! ;D

    ResponderEliminar
    Respuestas
    1. Hola Derek, no sé si ese cambio que realizaste te pueda traer algún problema con el diseño de tu menú, la manera correcta de resolver dicho problema es añadiendo el código que menciono en el comentario #117.1

      Eliminar
    2. ¡Muchas gracias! Algo había leído sobre el atributo z-index, pero aún no lo comprendo del todo, ¡Saludos y gracias de nuevo! ;D

      Eliminar
  137. Hola Potro, otra vez pidiendo ayuda :) , Ya consegui enlazar la imagen con el ligthbox gracias, ahora he intentado toda la tarde modificar el lightbox!! He buscado por tus entradas haber si encontraba la solucion pero no he tenido suerte con la busqueda,el problema que tengo, es que la imagen de lightbox me ocupa toda la pantalla y no ser como hacerlas mas pequeñas,he puesto:( width height) para cambiar la escala poporcional, pero en las imagenes con otras medidas me quedan deformadas. Hay algun codigo para hacerlas todas un poco mas pequeñas a escala, como: pequena,mediana,grande?
    Otro problema es que me queda la imagen arriba y no centrada en la pantalla.
    Gracias por todo Potro, con tu ayuda me esta quedando el blog de cine!! para mi gusto :) :)

    ResponderEliminar

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.

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

 
Ir Arriba Ir Abajo
I Ciudad Blogger