Ventana modal tipo LightBox en Blogger

El miércoles 14/09/2011 me entero de la nueva ventana modal del tipo LightBox que ha puesto Blogger en los blogs por medio de una pregunta realizada por andrejasz en el Foro de blogger.

Si quieren pueden ver la pregunta acá

En ese momento en mi blog no me mostraba la nueva ventana modal tipo LightBox, recien en la noche fue que apareció.

Por lo que se, al día de hoy ya casi todos los blog la tienen en funcionamiento.

Si, todos los blog tienen incorporado el código, pero no funciona en todos.

En lo personal no me gusto el tipo de ventana modal tipo LightBox, creo que hay otras opciones mas convenientes.

Lo que mas me molesta es que pongan códigos sin consentimiento del usuario, y como dijo NicoNico, sin "algo que se podrá habilitar/deshabilitar desde algún apartado de configuración del blog."

Tampoco avisaron previamente, lo metieron y listo, les guste o no.

Encima con un peso muy grande, creo que ni todo mi blog pesa tanto.

Aunque no he comprobado que afecte en la carga del blog.

Pueden verlo ustedes mismo acá ingresando el enlace de su blog.

Notarán que no figura el Script (1473586466-lbx_es.js), a pesar de que se vea en el código fuente del blog (lo encuentran bien abajo del todo).

Pero no todos piensan igual y he visto que muchos están contentos con la nueva ventana modal tipo LightBox.

Si aun no saben de lo que digo, pueden hacer clic sobre la siguiente imagen:


Si son unos de esos que no les gusta o interfiere con otra clase de ventana modal tipo LightBox y la quieren quitar, he creado un código que deje en el foro de Blogger y ahora lo pongo acá.

He esperado unos días desde que cree el código para compartirlo con ustedes, esperando a que Blogger proporcione una solución.

Aclaro que es una solución momentánea hasta que Blogger ponga una opción mejor.

Ir a Diseño (vieja interfaz) o Plantilla (nueva interfaz), Edición de HTML y justo arriba de </html> (esta abajo del todo)

Poner el siguiente código:

<script type='text/javascript'>
//<![CDATA[
cambimagen = document.getElementById('main');
cambiarimg = cambimagen.innerHTML;
cambiarimg = cambiarimg.replace(/\/s1600/g,'/s00');
cambimagen.innerHTML = cambiarimg;
//]]>
</script>

Si igual quieren dejar la ventana modal tipo LightBox en el blog, pero tienen un blog diseñado con entradas reducidas, pueden poner el código entre condicionales, para que solo funcione la ventana modal en las entradas y no en la página principal.

Poner el siguiente código:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
cambimagen = document.getElementById('main');
cambiarimg = cambimagen.innerHTML;
cambiarimg = cambiarimg.replace(/\/s1600/g,'/s00');
cambimagen.innerHTML = cambiarimg;
//]]>
</script>
</b:if>

Ahora solo queda esperar un comunicado de parte del equipo de Blogger.

18 comentarios:

  1. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  2. Millón de gracias por compartir (y crear) este script. Yo tengo el Shadowbox agregado hace pocos días en mi blog (cosa que me costó horrores instalarlo, en parte por mi escaso conocimiento en el tema) y una vez que lo logro instalar los de Blogger me amargan la existencia con ese visor modal bien fiero... Salú!!!

    ResponderEliminar
  3. Hola!!
    He leído sobre esto que hiciste en Ciudad Blogger porque lo comunicó diciendo donde se podía conseguir un script que anule lo que hizo blogger, en lo particular, me gusta, pero no en mi blog... Sobre todo porque lo único que hay ahí negro es la letra de las entradas y hasta por ahí no más porque uso muchos colores...
    Usaré el script, así que desde ya te digo gracias.
    Yo sí noté que mi blog carga más lento y eso me molesta bastante, porque no me gusta que sea lento... ¬¬
    De Nuevo Gracias y Besitos ♥

    ResponderEliminar
  4. in my blog is not worked...
    by the way, maybe clash with jQuery lightbox plugin :6)

    ResponderEliminar
  5. Jasz Andre y radioquilpo.com Gracias por comentarlo.

    Miss Varieté yo pienso igual, para algunos es bueno aunque hay otros mas prácticos.

    Beben Koben I do not think jQuery lightbox is concerned, there are other blogs that are not out.

    By the way, fijate this: http://loseasi.blogspot.com/#HTML7

    ResponderEliminar
  6. Yo recién me entero de la noticia. veremos que pasa

    ResponderEliminar
  7. Hola muy buen dato, mil gracias te quiero preguntar si esta funcion afecta en el posecionamiento de mi blog.

    Mil gracias por tu res´puesta. Dios te bendiga.

    ResponderEliminar
  8. Bueno, aunque no estoy de acuerdo con las decisiones arbitrarias de Blogger, la verdad que como no tenia otra personalizacion a la hora de abrir las imagenes... pues bueno tampoco me disgusta como queda, asi que de momento lo dejaremos a ver que ocurre. Gracias por facilitarnos el codigo en el caso de que lo queramos eliminar. Un saludo

    ResponderEliminar
  9. leisy No afecta en nada. Es solo un adordo para ver las imágenes.

    Pc, a muchos les gusta. Y lo que yo hice es para solucionar en este momento hasta que blogger ponga algo para deshabilitar.

    ResponderEliminar
  10. Gracias vku dios te bendiga suerte en todo.

    ResponderEliminar
  11. Gracias lo he implemetado.....chidoooooooooooo

    ResponderEliminar
  12. leisy, Microboy90. Me alegro que sea de utilidad.

    ResponderEliminar
  13. Vku, ya se que este no es el lugar idoneo para esta consulta, pero me gustaria saber como se hace lo de las flechas que tienes de subir y bajar lento y rapido con clic. Lo estuve buscando en tu indice pero no di con ello, te agradeceria la ayuda. Un saludo

    ResponderEliminar
  14. Gracias Vku, miraremos a ver si hacemos algo. Ahhh... y gracias de nuevo por la rapidez en contestarme. Un saludo

    ResponderEliminar
  15. <span style='border: 0 !important;position:fixed; bottom:5px;right:20px; z-index:99999999;'>
    <a alt='Hacer clic para subir mas rápido.' href='#outer-wrapper' onclick='new Effect.ScrollTo(&quot;outer-wrapper&quot;,{offset:-140}); return false' onmouseout='stopScroll()' onmouseover='subir()' title='Hacer clic para subir mas rápido.'><img src="http://1.bp.blogspot.com/_WvACVGW1iPE/SlrhkS5TJYI/AAAAAAAAAJM/IITxDT4q3_s/s200/farriba.png"/></a>
    <a alt='Hacer clic para bajar mas rápido.' href='#irabajooo' onclick='new Effect.ScrollTo(&quot;irabajooo&quot;,{offset:-150}); return false' onmouseout='stopScroll()' onmouseover='abajo()' title='Hacer clic para bajar mas rápido.'><img src="http://2.bp.blogspot.com/_WvACVGW1iPE/Slrhkqc_X_I/AAAAAAAAAJU/sNCR6vcvGOo/s200/fabajo.png"/></a>
    </span>

    ResponderEliminar
  16. Eso es para que tengas una idea.
    Hay que crear una ID #irabajooo <a id='irabajooo'/> y ponerla abajo de la plantilla.
    Y poner el script de subir y bajar, y tener Scriptaculous.

    ResponderEliminar
  17. Eternamente agradecido ¡Funciona!. Ahora me queda perfeccionalo, ya sabes cambiar botones y algo mas de personalizacion...en fin. Un saludo.
    Ya te daras una vuelta por mi blog a que me des la aprobacion.

    ResponderEliminar

Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.

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