Desde que vimos cómo usar ventanas modales con Shadowbox muchos son los que han tenido la inquietud por saber cómo hacer que estas ventanas modales puedan abrirse al cargar el blog sin necesidad de hacer click en ningún enlace, tal como han podido verlo an ingresar a esta entrada.
Éstas pueden resultar muy útiles para mostrar publicidad, avisos, recordatorios, o cualquier cosa que pondríamos en una ventana popup pero con la elegancia que Shadowbox sabe dar.
Si no tienes Shadowbox primero sigue los pasos de instalación que se explican en esta entrada.
Y luego, ya que lo tengas puesto, o si ya lo usas desde antes, sólo agrega antes de </head> lo siguiente:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script type='text/javascript'>
// <![CDATA[
Shadowbox.init({
language: "es",
players: ['html']
});
function AlertMessage()
{
Shadowbox.open({
player: 'html',
content: 'Código HTML de lo que se mostrará',
height: 300, // Alto de la ventana modal
width: 500 // Ancho de la ventana modal
});
}
setTimeout('Shadowbox.close()', 10000);
window.onload = AlertMessage;
// ]]>
</script>
</b:if>
Por último sólo hay que colocar lo que queremos mostrar, eso se agrega en donde se indica en color azul. Si quieres agregar una imagen con enlace, o una animación en Flash (SWF), etc. entonces sólo agrega en donde se indica en color azul el código HTML de lo que quieres mostrar.
Por ejemplo, si quieres mostrar una imagen en la ventana modal entonces sólo agrega el código normal que usarías en una imagen:<a href="URL del enlace" target="_blank"><img src="URL de la imagen"/></a>O si fuera una DIV con un texto, o algo más elaborado entonces sería así, por ejemplo:
<div style="padding:20px; color:#fff;">Lorem ipsum dolor sit amet</div>Y lo mismo sería si quisieras mostrar un archivo en Flash (SWF), sólo agrega el código correspondiente y listo.
Luego, en color verde se indica dónde se cambia el ancho y alto de la ventana modal.
La línea en color rojo es para que la ventana se cierre sola en determinado tiempo, sino quieres que se cierre automáticamente entonces elimínala, pero si quieres que sí se cierre sola entonces ahí puedes cambiarle el tiempo que permanecerá abierta en milisegundos (se cambia el número en negrita), así como está tardará abierta 10 segundos.
Pero ojo, no son 10 segundos desde que aparece la ventana modal sino desde que se ingresa al blog, así que si tu blog es muy tardado y la ventana modal tarda un poco en cargar entonces podrá verse por menos tiempo o si es mucho el tiempo de carga simplemente no se verá.
También se puede mostrar contenido un poco más "complejo", aunque éste método no funciona del todo bien en Google Chrome. Aun así, si lo quieres hacer, deberás crear un documento HTML que incluirá todo lo que quieres mostrar, será como una mini página Web.
Para ello abre el Bloc de notas y dentro de él pega esto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
...Aquí van los estilos CSS...
</style>
</head>
<body>
...Aquí pegamos el contenido que queremos mostrar...
</body>
</html>
Ahí donde se indica pega el contenido que quieres, y si requiere de estilos se colocan donde se indica también.
Cuando termines ve a Archivo | Guardar como... y ponle el nombre popup.html o con cualquier otro nombre pero al final deberá decir .html
Cuando termines ve a Archivo | Guardar como... y ponle el nombre popup.html o con cualquier otro nombre pero al final deberá decir .html
Luego cambia el Tipo a Todos los archivos, y dale Guardar.
Con esto lo estaremos guardando en formato de página Web, así que probablemente te aparezca un mensaje de advertencia donde te dirá que estás guardando el archivo en otro formato, sólo da click en Sí para guardar el archivo.
Sube ese archivo HTML a un hosting y obtén su URL, esa URL es la que pondrás en donde se indica en color azul.
Y donde dice player: 'html', cámbialo por player: 'iframe',Puede parecer complicado esto último de armar el contenido "complejo" pero no lo es tanto, obviamente si no estás muy familiarizado (a) con el HTML lo mejor es poner algo muy sencillo como la URL de una imagen y problema resuelto.
Es importante aclarar (porque sé que me lo preguntarán) que no se mostrará una vez y ya, sino que se mostrará sólo en la portada del blog. Si quieras que se muestre en cualquier parte del blog entonces elimina la primera y última línea del código que están en cursiva.
Si quisieras que sólo se muestre en las páginas estáticas, o sólo en las entradas, o en una parte específica del blog entonces elimina de igual modo la primera y última línea y en su lugar pon las líneas del código condicional que sea más apropiado para ti.
Potro Buen dia.
ResponderEliminarQuisiera preguntarte como poner la barra de busqueda de adsense en el encabezado del blog gracias amigo....
Como siempre tu blog esta Buenisimo.....
Excelente Potro esto si es algo que tengo que colocar, una pregunta como hiciste esa imagen con tu logo (increíble) quiero una jeje....
ResponderEliminarmuy bueno potro
ResponderEliminarAdm, sólo crea tu buscador desde Adsense y luego divide la cabecera del blog.
ResponderEliminarPirez, Photoshop :)
pos_ch, qué bueno que te ha gustado!
me gustaria agrgar redes sociales un mensaje de todo pero con esta funcion no lo permite
ResponderEliminarA mi me pasa lo mismo
EliminarHola Potro.
ResponderEliminarYo no he podido ver nada, seguramente el bloqueador de publicidad sea efectivo, no?
Un saludo.
ta ueno,ueno!! Chido POTRO!! ya lo implementare ,pero hasta alrato!! ya k me toy asando unos pollitos pa el almuerzo!! jejeje...
ResponderEliminarOtra cosa!! no se que paso ,pero en mi blog desaparecieron todas las lineas que cubren todo,los widgets,los post,los enlaces externos,de todo POTRO...xq sera que paso es?? miralo pues...
http://www.peliculasyprogramas.org/
Dreko, pues no sé porqué pienses que no lo permite, todo eso es posible pero obviamente a cuestiones más elaboradas requiere de mayor trabajo y mayor conocimiento de HTML.
ResponderEliminarTapestryworkerman, es posible que así sea :/
Microboy90, ¿recuerda qué modificación hiciste antes de que eso sucediera?
Gracias potro.
ResponderEliminarDisculpa sera que tu sabes como me puedo comunicar con Adsense y como puedo poner un formulario para que los visitantes se contacten con migo es decir que me envien mensajes desde el blog a mi correo.
Porfa si sabes ayudame plis.
Hola Potro, gracias por leer mi correo. Ya te he enviado los datos de acceso a tu correo espero novedades.
ResponderEliminarSaludos xD
Hola Potro es genial esto, muchas gracias por compartirlo con nosotros ;-)
ResponderEliminarGenial, como siempre
ResponderEliminarBesos
Nela
Medio que asusta cuando se pone medio oscuro y aparece la imagen.. pero para los amantes de blogger ta bueno..
ResponderEliminarWow! Potro, Esta Genial este post....... GRACIAS! desde Colombia por supuesto ;)
ResponderEliminarPOTRO eso paso...despues que regreso BLOGGER....
ResponderEliminarAdm, para el formulario mira aquí, para lo de Adsense no sé, quizá en el foro de ayuda de Adsense puedan decirte o encuentres un empleado de Google.
ResponderEliminarMaG@S RaDioMuSiC, no hay de qué mi estimado, un abrazo!
Nela, gracias por los besos :)
JP, con la conciencia limpia no asusta, jaja, es broma :)
ResponderEliminarSergio Molina,tierra caliente, algún día la tendré que conocer!
Microboy90, entonces supongo que tú habías puesto esas separaciones un poco antes de que Blogger se cayera pues los cambios hechos en las plantillas poco antes de ese problema dejaron de ser efectivos, por lo que se tienen que poner de nuevo los trucos o modificaciones que hayas hecho en la plantilla.
Este comentario ha sido eliminado por el autor.
ResponderEliminarhola potro muy buen post como siempre perdon si de nuevo te molesto ya vez no? jeje en esta ocasion queria saber si podrias ayudarme pero a sacar un nuevo menu muy bueno por cierto bueno mira te dejo el link del menu http://apycom.com/menus/1-deep-sky-blue.html bueno ojala puedas potro muchas gracias saludos muy buena pagina!!
ResponderEliminarbuenas saliendome del tema quisiera porfavor que me ayudes con el estilo, tamaño y el color de texto de mis post. gracias
ResponderEliminardesmer_bennington, por ahora te lo voy a deber ya que esos menús agregan enlaces de créditos en su modo gratuito y al ser así no tiene mucha aceptación por parte de los usuarios.
ResponderEliminarDamian, debajo de .post { puedes agregar los estilos que quieras, por ejemplo:
color: #FF0000;
font-size:12px;
background: #cccccc;
hola Potro sabes como hacer un Mapa del sitio para mi blog blog-Juegos
ResponderEliminarHola potro te escribo por otro motivo, estaba buscando como ocltar las entradas para q seas ma estetico el blog, encontere por aca pero no se le podian poner mas de 1 etiqueta, asi que busque y encontre la manera de poner varias etiquetas y sin que se repita el post:
ResponderEliminarcomo veras al agregar esta linea:
al crear un post y agregarle la etiqueta zzOculto esta no se vera, todo percfecto me salio muy bien, pero desps (esto lo hice ayer) hoy dia me fijo desps de agregarle algunas cosas al blogger, reviso y se ven las entradas, entonces reviso mi plantilla y se habia modificado
en vez de q salga
salia:
por mas q lo modifique sigue cambiandose algo que pueda hacer ??
bueno veo q no salen los codigos q pongo el codigo lo saque de aca
ResponderEliminarhttp://emejota.com/912/ocultar-entradas-en-la-pagina-principal-del-blog-en-blogger/
el blog que estoy haciendo para q se oculten las entradas es este
http://pelislatin0.blogspot.com
potro lo logre logre q se volviera a ocultar mi entrada, con varias etiquetas y bueno lo que fastidiaba era un gadget, pero q ese necesesario pero ya veo haber como lo modifico, no esta demas q agreges este metodo para ocultar las entradas con varias etiquetas
ResponderEliminarPotroooo. me ayudas,
ResponderEliminarcomo puedo hacer. que los visitante de mi blog,
descargen musica, atraves de un link?, como vos lo haces.
lo intente de toda forma pero no puedo jajaja.
ayudame
Blog-Juegos, aquí hay una opción.
ResponderEliminarFarStar, vale, luego checo esa entrada ;)
lucho, sólo pon los archivos de música dentro de una carpeta y comprime la carpeta en formato ZIP o RAR. Ese archivo lo subes a un hosting y ya sólo en tu blog pones en enlace a ese archivo.
Esta re copado!. Me encanto también el tema vintage por el que optaste!. Saludos;).
ResponderEliminarMuhas gracias
ResponderEliminarGracias Dai ♥, siempre me han gustado ese tipo de publicidades y me alegra que también te haya gustado a ti :)
ResponderEliminarComo siempre en tu linea Potro.
ResponderEliminarRealmente funciona y con un poco de imaginación, como bien dices, se le puede dar mucho juego.
Aprovecho éste comentario para agradecerte el buen trabajo que realizas para los demás, cosa que dice mucho de ti.
En éste Blog tengo implementadas mas de una cosa basadas en tus doctas enseñanzas.
http://m2yg.blogspot.com/
(si le quieres echar un vistazo me honrarás enormemente... en Mozilla se ve distinto que en Explorer)
Muchas Gracias otra vez.
uh del potro, la verdad nose por que no me deja, hacer, lo de las descarga.
ResponderEliminarla musica subi en formato zip, en dropbox.
hice todos los pasos que me dijiste. pero cuando los visitante intentan descargar , le aparece error.
me ayudas,
te dejo mi blog para que lo veas.
http://music-life-vip.blogspot.com/
decis que sea, el hosting?
o es algo que hice mal.
Jose Antonio, te agradezco mucho tu amable comentario :)
ResponderEliminarlucho, quizá no estás alojando debidamente los archivos. En esta entrada se explica cómo subir archivos a Dropbox.
Este comentario ha sido eliminado por el autor.
ResponderEliminarpotro!!!
ResponderEliminarmuchisimas gracias!!!
yo soy uno de los que te preguntó como hacer esto y enseguida te pusiste a ver como seria y solo unos dias despues publicás esta entrada.
me gustó mucho como quedó. si querés pasá a mirar el resultado: epidemia-mella.blogspot.com
te dejo mis saludos muy muy contento!!!
Hola, potro. Hay alguna manera de que se autoajuste para la imagen?
ResponderEliminarPotro, yo otra vez XD.¿Habrá alguna posibilidad de que se habrá en una página estática en vez de la página principal?. Grcias ;).
ResponderEliminarEpideMia, te ha quedado excelente, sin duda para los avisos queda muy bien :)
ResponderEliminarJavi, las medidas que tenga la imagen son las medidas que debes poner en el ancho y alto de la ventana modal, así es como se ajusta.
Dai ♥ , claro, mira la última parte de la entrada, ahí hay un enlace donde se habla de las condicionales para que lo pongas en las partes que quieras, incluyendo alguna página en particular.
http://dl.dropbox.com/u/13722886/Pancarta%20Festa%20Claver.gif
ResponderEliminarTengo esta imagen. Pongo las medidas exactas y no se ajusta.
Ahora lo he conseguido con una imagen más pequeña peró en otros ordenadores se ve diferente.
ResponderEliminarLa imagen no debe exceder de los 690 px tanto de ancho y alto, siempre debe ser menor a esa medida.
ResponderEliminarVale, gracias.
ResponderEliminarAún así en otros ordenaadores salen las barras de scrolling.
ResponderEliminarAcabo de entrar a tu blog desde Chrome, Firefox, Opera, Safari e iE y en todos se ve bien.
ResponderEliminarSi sale muy bien. Es que un amigo entra des de un Netbook y dice que le salen las barras. Será la pantalla tan pequeña.
ResponderEliminarEfectivamente, si la pantalla es muy pequeña reducirá todo incluyendo el contenedor de la ventana modal, pero para monitores de tamaño estándar no hay problema ;)
ResponderEliminarDe acuerdo. Muchas gracias por todo. Yo también fui uno de los que te pregunté eso y en esta ocasión me ha venido genial.
ResponderEliminarhola de nuevo potro.
ResponderEliminarte hago una pregunta, es normal que el fondo negro de la ventana modal se vea solo en la parte superior de la pantalla??
porque en cuando bajo en mi blog, la ventana se queda fija en la parte suerior y por debajo ya deja de verse. y veo ue en tu caso no pasa. yo uso google chrome.
bueno, gracias
No es normal, pero he entrado a tu blog (La Mella...) desde Google Chrome y no he tenido el problema que mencionas, lo veo todo normal y en orden.
ResponderEliminarpuede que ser tenga algo que ver con el tamaño del zoom con que viendo la pagina??
ResponderEliminarporque yo la veo al 69% y pasa eso que te digo.
pero cuando la veo al 100% no pasa, pero la imagen se agranda con respecto a la imagen y hay que verla con las barras de posicion.
de todas maneras estoy super contento con el resultado. este es solo un detalle que te comento.
otra cosa que te queria preguntar. se podran utilizar cookies para que el cartel le aparezca por segunda vez al usuario solo despues de una determinada cantidad de tiempo???
esto es un detalle tambien. si se puede hacer estaria bueno, y si no, es lo de menos.
bueno, gracias potro como siempre.
Potro, lo he instalado y no me funciona. El Shadobox está bien instalado porque me funciona con las imágenes que tengo en el blog, pero no se abre al inicio. Pensé que era del bloqueador de popups del navegador o del antivirus, pero no es así porque veo bien el de tu página.
ResponderEliminar¿Qué puede ser? Este es el blog: alcosansemtb.com.
Muchas gracias de antemano y enhorabuena por tu blog, es de mucha ayuda.
EpideMia, efectivamente es por el zoom de la página, si está al 100% no tendrás ese problema. En cuanto a las cookies quizá sí, pero como no sé usarlas no tengo idea ni de cómo empezar :/
ResponderEliminarAlcoSanse MTB, quizá tiene que ver con la velocidad de la página, entré cuatro veces a tu blog y en ninguna de las cuatro veces el blog cargó por completo, por lo que es posible que haya algún elemento que no deja que los demás scripts terminen de cargar.
Hola Potro:
ResponderEliminarNo puedo ver nada, es porque tengo un intro.
Gracias Potro, ¿existe alguna utilidad que me permita ver cual es ese elemento que impide cargar el blog al completo? Aparentemente yo lo veo completamente cargado, perdona mi ignorancia.
ResponderEliminarFRANCISCO, efectivamente es por el intro, como ambos aparecen en la portada no se pueden mostrar los dos al mismo tiempo.
ResponderEliminarAlcoSanse MTB, no lo sé, quizá haya alguna aplicación online que te permita saberlo pero de eso no estoy muy enterado. Pero lo del tiempo de carga sólo es una posibilidad, igual podría ser algún otro script. No estaría de más que lo probaras en un blog de pruebas para ver si ahí sí te funciona.
Que tal Potro perdon por molestarte otra vez pero tengo un problema,
ResponderEliminares que quiero poner este contenido ===> http://dl.dropbox.com/u/30484213/inicio%202.html pero no me acepta, me aparece el link con ".html" ya cambie lo de "html" por "iframe" y coloque el link en la parte azul pero nada me sale negro y con el link que te dije.
Saludos.
y Gracias de ante mano.
Recuerda que en Chrome no funciona bien cuando se trata de un documento HTML, en los demás navegadores sí pero por alguna razón Chrome se resiste. Para esos casos es mejor hacerlo con 'html', si haces una tabla HTML podrás tener los mismos resultados y funcionará en todos los navegadores.
ResponderEliminarGracias Potro pero ya un poco me desanime e hice caso de lo q dijiste de en el post "lo mejor es poner algo muy sencillo como la URL de una imagen y problema resuelto."
ResponderEliminary pense y dije q si :) pero igual se gradece tu ayuda.
PD.: No me canso de ver tu blog =P
Igual no te desanimes, un día que tengas más tiempo intenta hacerlo en un blog de pruebas, digo, no pierdes nada, si no te resulta al menos sabrás que lo intentaste ;)
ResponderEliminarmira entra a mi web i fijate que no queda bien la ventana como le ago para que se ajuste bien como la tuya ni aunque le ueva en width y height sirve :( http://www.wwedge-futbol.co.cc/
ResponderEliminarPonlo exactamente a la medida que tiene la imagen, ahí le has puesto otra medida distinta. Si tampoco queda justo prueba con algún otro valor más pequeño.
ResponderEliminarHola potro, gracias por este post, pero te queria preguntar si podia poner en vez de una imagen o un video mas bien una solicitud de contraseña como explicaste en otro post mediante un mensaje de alerta.
ResponderEliminarGracias Potro por adelantado. ;)
Potro intente y no pude ponerlo dentro de:
ResponderEliminarcontent: 'Código HTML de lo que se mostrará',
no se si será por que el mensaje emergente que pide la contraseña empieza por SCRIPT y termina por /SCRIPT quizá, te agradezco tu ayuda potro.
Gracias! :)
Si es una ventana de alerta tradicional no creo que se pueda, quizá tengas que crear un tipo de alerta diferente como las que usan jQuery y ponerla dentro de un elemento HTML.
ResponderEliminaresto me gusta mucho, quizá lo haga para aumentar los likes de facebook los followers en tuiter y la suscripcion por mail, aunque no se que tan molesto sea cerrarlo cada q entres, aunq lo bueno es q solo se abrira en la pagina principal y no en cada entrada o si?
ResponderEliminarExactamente, justo para evitar que sea molesto para los lectores sólo se abrirá en la portada, así no volverán a verlo mientras navegan por las entradas del blog.
ResponderEliminarHola Potro...
ResponderEliminarpero tu tienes algun post con alerta de peticion de contraseña que use jQuery o algo por el estilo que pueda poner en mi blog privado y que me puedas obsequiar en link o de pronto que me recomiendas para darle estilo a la hora de pedir la contraseña...
Gracias potro!!!!....
No tengo nada de eso, pero me parece que alguna vez vi en Vagabundia un post sobre cómo personalizar las ventanas de alerta con jQuery.
ResponderEliminarHola amigo lo hice todo no me da error pero no funciona
ResponderEliminarHola Dr. Victor,
ResponderEliminar¿Qué querías poner en la ventana modal? Porque veo que sólo tienes configurado para mostrar un texto con enlace y además hay algunos espacios ahí que no ayudan mucho así como un caracter que está sobrando. Lo tienes de esta forma:
content: 'http://www.saludintegraldelamujer.com/
',
height: 300, // Alto de la ventana modal
width: 500 // Ancho de la ventana modal
});
}
setTimeout('Shadowbox.close()', 10000);
Como ves arriba del height: 300 hay una coma y arriba de ella un caracter que está sobrando. Y como te decía, sólo configuraste en el contenido para que se mustre en texto con enlace, no sé si esa era la idea original o.O
Hola amigo ya se lo quite y nada realmente queria hacer como el ej que tu tienes una imagen y que redireccionara la pagina nueva
ResponderEliminarEntonces el código debe ser así:
ResponderEliminarShadowbox.init({
language: "es",
players: ['html']
});
function AlertMessage()
{
Shadowbox.open({
player: 'html',
content: '<a href="URL de la página a la que quieres enlazar"><img src="URL de la imagen" /></a>',
height: 300, // Alto de la ventana modal
width: 500 // Ancho de la ventana modal
});
}
setTimeout('Shadowbox.close()', 10000);
Es igual que el código de ejemplo que menciono en la entrada que sería para mostrar una imagen con enlace.
Amigo yo de nuevo, que vaina cuando no salen las cosas, ya lo hice nada que se ve jajajaj
ResponderEliminarPrueba quitando el indicador de tiempo:
ResponderEliminarsetTimeout('Shadowbox.close()', 10000);
Ya que tu blog es muy tardado en cargar y quizá no alcanza el tiempo para que se muestre en los 10 segundos establecidos.
Ok amigo gracias su ayuda siemore es buena ya me sale una ultima cosa y para que se lea el nombre de la pagina ya que no sale como pondria un texto
ResponderEliminarEntonces usa el otro ejemplo que se menciona en la entrada:
ResponderEliminar"O si fuera una DIV con un texto, o algo más elaborado entonces sería así..."
Este comentario ha sido eliminado por el autor.
ResponderEliminarMil gracias. Este es un blog MUY útil. Leído el foro, la respuesta 72 me aclaró las inquietudes.
ResponderEliminarQué gusto que este sitio te esté siendo de ayuda con la información que necesitas. ¡Saludos!
ResponderEliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarQue bueno, grande!!
ResponderEliminarExiste alguna manera de hacer esto pero con el fanbox.
ResponderEliminarTal vez poniendo el código del fanbox en donde iría el contenido a mostrar (color azul)
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola Potro en esta entrada hablas sobre hosting, me sugieres alguno gratuito.
ResponderEliminarNada potro lo tuve que quitar, ya que el traductor solo salia en la pagina principal y todos los iconos (herramientas) para editar los gadgets y articulos desaparecieron.... que lastima.
ResponderEliminarUn abrazo
Haniel Baez, claro, uno que es de Google es Google Sites, y otro muy práctico es Dropbox.
ResponderEliminarPC, vale, ni hablar :(
No me funciona :S
ResponderEliminarHize masomenos lo que pusiste solo que lo adapte, lo puse en una condicion (en php) y en vez de llamarlo en el body lo llamo directamente en un script, este es el codigo, si me ayuarias te lo agradeceria:
<? if ( !empty($_GET['registro']) ) { ?>
<link href='/script/Shadowbox/shadowbox.css' rel='stylesheet' type='text/css'/>
<script src='/script/Shadowbox/shadowbox.js' type='text/javascript'/>
<script type='text/javascript'>
Shadowbox.init({
overlayColor: "#000",
overlayOpacity: "0.6",
});
// <![CDATA[
Shadowbox.init({
language: "es",
players: ['html']
});
function AlertMessage()
{
Shadowbox.open({
player: 'html',
content: 'Código HTML de lo que se mostrará',
height: 300, // Alto de la ventana modal
width: 500 // Ancho de la ventana modal
});
}
setTimeout('Shadowbox.close()', 10000);
// ]]>
</script>
<script type='text/javascript'>AlertMessage()</script>
<? } ?>
De PHP no sé nada, pero si lo que buscas es no tener que agregar la función en el BODY entonces puedes llamar la función desde el mismo script:
ResponderEliminarShadowbox.open({
player: 'html',
content: 'Código HTML de lo que se mostrará',
height: 300, // Alto de la ventana modal
width: 500 // Ancho de la ventana modal
});
}
setTimeout('Shadowbox.close()', 10000);
window.onload = AlertMessage;
Gracias, era justo lo que necesitaba. Ya me habia rendido y lo habia echo en css, pero voy a volver al script que quede mas estetico.
ResponderEliminarDe nuevo gracias por responder ;)
Hola potro, aunque suene mal , me gustaria saber como puedo meter el codigo de google adsense para que se muestre.
ResponderEliminarLo he intentado de las dos maneras que explicas y no hay manera.
Hola Younes, el problema es que está prohibido agregar Adsense dentro de frames, por eso no he abundado mucho sobre el tema, pues quien lo haga corre el riesgo de que le cancelen la cuenta.
ResponderEliminarcon adsense no me la voy a jugar , ya que me costo trabajo crearme la cuenta, he pensado hacer con bidvister, ya que muchos lo estan haciendo y de momento les va bien. Seria tan amable de enseñarnos como se podria hacer. Gracias
ResponderEliminarNecesitas crear un documento HTML exactamente igual como se muestra al final de la entrada, y donde dice:
ResponderEliminar...Aquí pegamos el contenido que queremos mostrar...
Ahí pondrías el código de tu anuncio. Lo guardas como se indica y lo subes a un hosting. El resto está también explicado ahí en la entrada.
Recuerda que con ese método es posible que no funcione en Chrome.
Saludos.
Hola, Muy Buen truco. Mi duda es como quitar los scrolls si uso una pagina html en shadowbox.
ResponderEliminarPotro, como podria hacer que se abra la ventana emergente pero solo cuanto el usuario intente salir de la web.
ResponderEliminar►Dj Benko◄, a los estilos de la página HTML ponle:
ResponderEliminarhtml {overflow:hidden;}
Haniel Baez, tal vez cambiando el onload='AlertMessage();' por OnUnload='AlertMessage();'
Muchas Gracias!
ResponderEliminarHola potro me podrías ayudar para que la ventana solo salga un vez por usuario, es decir trabajar con cookies pero en blogger no entiendo mucho. Saludos.
ResponderEliminarEspero tu respuesta.
Hola, Seba también quiero implementar cookies en la ventana modal pero no tengo la minima idea de como hacerlo y me gustaría que me digas como lo hiciste. Saludos
EliminarTe la debo Seba, con las cookies no estoy familiarizado.
ResponderEliminarok
ResponderEliminarPotro ya hice la ventana emergente, busque el script de los cookies en google y le agrege unos estilos y listo.
ResponderEliminarIgual gracias por responder :D
Hola soy Eduardo y quisiera poner en mi index un efecto como este pero que la ventana abra solo una vez por usurio y una vez cerrada ya no se vuelva a abrir para ese usuario.
ResponderEliminarEs para colocar una encuesta.
Un saludo
Hola Eduardo,
ResponderEliminarComo he mencionado en comentarios anteriores eso sólo es posible usando cookies, yo no lo he ingresado a este código porque el tema de las cookies se me complica un poco, pero para los más entendidos en ese tema seguro no tendrán problema en hacerlo.
Saludos.
Hola... Muy bueno el blog, nos salvas muchas veces groso!!
ResponderEliminarCONSULTA: Quiero usar una intro de bienvenida, pero que solo se aparezca en la HOME PAGE (solucionado con: ) hasta hay todo bien pero NECESITO QUE SOLO APAREZCA LA PRIMERA VEZ que se ingresa a la HOME, ya que sigue apareciendo todas y cada una de las veces!! COMO HAGO??? Algun condicional (if) para agregarle al que ya tengo?? GRACIAS...
Hola ARGENSTORE,
ResponderEliminarPara esos menesteres no necesitas condicionales (bueno, sólo para que aparezca en la portada), sino cookies que son las que se encargan de hacer que los elementos sean visibles sólo cada determinado tiempo por usuario.
Sobre ese tema sí te quedaré debiendo pues no estoy muy familiarizado con el tema, pero en Oloblogger hay un tema que habla sobre las cookies y su uso:
http://oloblogger.blogspot.com/2010/02/generar-y-recuperar-cookies.html
Saludos.
Podías entrar en mi blog http://trucosvariospc.blogspot.com/ y veras como sale la ventana, pero me sale la barra de subir y bajar, como quito eso?
ResponderEliminarLa dimensión de la imagen es 600x450 y es esta:
https://lh3.googleusercontent.com/-Zk94SqtmEUk/Tr2T0WbIs0I/AAAAAAAAAdc/mLioCNrMiag/s600/TrucosVariosPC%2525201.jpg
Yo en el código html he puesto bien las dimensiones, pero aun así sale lo de la barra.
Como podía quitarlo?
La barra siempre sale, incluso aquí, si ingresas de nuevo verás que aparece al lado, sólo que como el fondo es más oscuro no se aprecia tanto.
ResponderEliminarAquí no salee.
ResponderEliminarEn mi web si que sale, pero en la tuya no..
No se puede quitar?¿
Me refiero a la imagen, que sale lo de la barra en la imagen, y no a la de la barra del blog.
ResponderEliminarCreí que te referías a la del blog. Prueba con un alto de la ventana más grande, por ejemplo 460 o 470
ResponderEliminarMe sale un borde negro en el borde derecho y abajo, y si empiezo a disminuir el tamaño, me pasa de lo del borde negro a las barras, y no se me queda sin borde ni barras como a ti.
ResponderEliminarAparte de ese problema, se podría poner un vídeo?
ResponderEliminarPues tienes que jugar con las medidas de los pixeles hasta que encuentres la adecuada, o reducir un poco el tamaño de la imagen. También puede ponerse un video, sólo hay que poner el código donde se indica.
ResponderEliminarHablando de ventanas, tengo un problema: mi blog tiene puesta una de las plantillas normales y corrientes que presenta blogger en su diseño, y al entrar en mi blog SIEMPRE se abre una pantalla grande (estilo pop-up) de publicidad, que hace que muchos de mis visitantes sean ya ex-visitantes, porque a algunos de ellos les ralentiza tanto la apertura del blog por culpa de esta public, que se van...¿Habría alguna forma de quitar esta pantalla? He pensado en poner una plantilla nueva de estas que ahí por ahí...
ResponderEliminar¿Esa ventana Popup la pusiste tú o apareció por si sola? Si no las has puesto tú entonces es culpa (nuevamente) del contador de visitas que tienes, esos usualmente incluyen publicidad intrusiva que no sólo es molesta para el lector sino que también es penalizado por Blogger.
ResponderEliminarHola Potro, qué tal?
ResponderEliminarPienso que varias de estas ventanas en mi blog podrían ayudarme a aumentar la estadística de del mismo. Pero quería preguntarte cuantas ventanas como estás, para diferentes etiquetas, podría poner sin que la velocidad de carga del blog se afecte apreciablemente? Potro, Gracias por adentado.
Hola Tomás,
ResponderEliminarShadowbox no es muy pesado en tamaño, sin embargo siempre debemos ser prudentes con la cantidad de elementos que agregamos en el blog. En este caso Shadowbox sólo se cargará una vez (no necesitas agregarlo cada vez que uses una etiqueta), así que lo que podría afectar la velocidad sería los elementos que pongas en la ventana de la ventana modal.
Saludos.
Hola Potro.
ResponderEliminarGracias por tu respuesta. Saludos.
hola
ResponderEliminarprimero tienes el mejor blog de todos.
potro tengo este blog de descargas y quiero hacer un cuadro flotante donde pueda poner el codigo de feedburner para que se suscriban pero quiero que el cuadro tenga una X para cerrar para el que no quiera suscribirse y no he podido poner los botones de compartir dentro de los post y eso que he hecho todos los pasos que tu pones ayudaaameeee por favor..
me pagina es http://tuzonatecno.blogspot.com/
Muchas gracias por tu comentario JOE JOE,
ResponderEliminarHay una caja de suscripción flotante que tiene la opción de cerrarse, no sé si ya lo hayas probado:
http://ciudadblogger.com/2010/04/aviso-flotante-de-suscripcion-al-blog.html
Los botones no sé cuáles hayas intentado. Deja el comentario en la entrada donde tomaste los códigos, pero antes intenta hacerlo de nuevo, y sino te sale entonces en esa entrada explica si te marca algún error o algo inusual que te haya pasado al poner el código.
Saludos.
Potro, como puedo hacer, para que salga esta ventana en todas mis paginas, y no solo en la de inicio.?
ResponderEliminarAhí en la entrada se menciona eso.
ResponderEliminarme puedes ayudar tengo un problema el codigo me desactivo el boton de lo comprendo deseo continuar como ago para solucionarlo ya busque doonde dijistes que me pusistes la respuesta y no la encuentro http://videosamatermx.blogspot.com/
ResponderEliminarNo recuerdo cuál respuesta había dado antes, pero si te lo desactiva lo mejor es no usarlo para evitar problemas con la pantalla de Blogger.
ResponderEliminarBuena y muchas gracias, abria una forma de hacerlo con fancybox,
ResponderEliminarLo ignoro, sólo sé que puede hacer con Shadowbox y Lightwindow.
ResponderEliminarEstimado Potro.
ResponderEliminarUna consulta, es posible hacer que la ventana shadowbox que aparece automaticamente contenga un video de youtube? podrias ayudarme con el codigo? La idea es poner un video de saludo de Navidad y Año nuevo, y solo estara disponible durante estas fechas.
Y lo otro, como hago para que, en caso de que se pueda lo anterior, la ventana con el video solo sea visible en la pagina principal? No sabes si es posible ocupar las cookies con esto para hacer que una ventana sea visible cada cierto tiempo durante el dia, y no cada vez que se entra al blog?
Disculpame por tanta consulta, pero eres un maestro en esto, y quiero aprovechar la oportunidad que nos das de consultarte directamente.
No sé mucho de cookies pero si sabes usarlas sí podrías aplicarlo.
ResponderEliminarPara el video sólo pon donde dice que va el código de lo que quieras, el código del video que usarías normalmente, por ejemplo el código que te da YouTube, pero ojo, no la URL del video, sino el código.
Para: Klgo. Alexis Moya R. men fijate si es algo como lo que esta en esta web: http://blog.rogersoto.com, yo muestro un mensaje, pero puede ser un flash o un video, si te sirve me avisas y te envio el codigo
ResponderEliminarpara Klgo. Alexis Moya R.
ResponderEliminarTe Explico como hacer para mostar un saludo navideño en tu blog, te explico como hacerlo en este post: http://blog.rogersoto.com/blog/programacion/abrir-una-ventana-al-cargar-el-blog/ cheka el link con la venia de "El Potro", que me inspiro a hacer la entrada.
muchas gracias!!
no me sale no se porke me podrian explicar si despues que subo los archivos si el url que devo pegar es la pagina donde se bario gracias cordial saludos
ResponderEliminarLa URL que debes poner es la dirección del archivo que subiste al hosting.
ResponderEliminar¿En cuál blog lo has puesto?
mi blog se llama ww.lobarrial.com subi los archivos a drop box y luego lo abri y en la pagina que abrio el archibo copie ese url y lo puse donde indicaba y no me sale no
ResponderEliminarPues en ese blog no veo que tengas puesto nada de Shadowbox ni de Dropbox.
ResponderEliminarfavor de darme los links para ponerlo por favor que devo hacer?
ResponderEliminarCada quien lo tiene que subir a su propio hosting. Si lo subes a Dropbox recuerda que deben estar dentro de la carpeta Public, y antes descomprime el archivo que descargaste.
ResponderEliminarbueno esto fue lo que hice lo desconprimi luego subi los archivos a drop box y le di click a el archivo abrio en una pagina tome ese url y lo puso donde indicaba luego de hacer eso me fui al otro paso y no salio nada
ResponderEliminarCuando subes el archivo a Dropbox tienes que hacer click en el enlace "Copy Public link", o "Copiar enlace público", esa es la URL del archivo:
ResponderEliminarhttp://ciudadblogger.com/2010/04/como-usar-dropbox.html
bueno potro agradesco tu ayuda pero volvi acerlo y na de nada no me sale
ResponderEliminarPero si no pones el código en el blog no puedo saber qué puede estarte saliendo mal. Además que, o pones el intro o pones este, pues ambos al mismo tiempo no creo que sea lo ideal para el visitante.
ResponderEliminarYEAH TIENES RAZON PERO ESTA BIEN MEJOR DEJO EL INTRO GRACIAS HERMANO.
ResponderEliminarHola, yo tengo varias dudas, además es la primera vez que comento en un blog, espero hacerlo bien.
ResponderEliminarMi primera duda es cómo puedo subir el archivo "Shadowbox" a un hosting, ¿para eso hay que pagar? Es que creo que en Google Sites se pueden subir archivos o algo así. De todas formas, ¿cómo puedo encontrar un hosing?
Otra duda que tengo es para poner el botón de me gusta de Facebook, para eso tendría que crear un documento con el bloc de notas y subirlo también al hosting ¿Verdad? y al hacer esto me dará problemas en Chrome.
Muchas gracias, espero que esté bien y perdón si he preguntado alguna tontería o algo.
Hola Pedro Luis,
ResponderEliminarNo es ninguna tontería lo que preguntas y has comentado bastante bien :)
En efecto en Google Sites puedes subir tus archivos, aquí hay una entrada que explica cómo hacerlo:
http://ciudadblogger.com/2011/01/como-subir-archivos-en-google-sites.html
Otra forma sencilla de subir tus archivos a la red es usando Dropbox:
http://ciudadblogger.com/2010/04/como-usar-dropbox.html
Para poner el botón 'Me gusta' de Facebook no hace falta subir nada a ningún lugar, puedes hacerlo agregando sólo un código en tu plantilla del blog:
http://ciudadblogger.com/2011/01/agregar-el-boton-me-gusta-de-facebook.html
¡Saludos!
Hola Pedro ... para estos casos utilizo Dropbox ... es una excelente herramienta y sin necesidad de tener un hosting, ya que todos los archivos los tienes en tu computadora. Acabo de realizar esta aplicación en mi blog con un banner .... revisa y verás que funciona. Como te digo, todas las imágenes y archivos los tengo en mi computadora. Saludos ... http://robinsonchar.blogspot.com/
EliminarMuchas gracias por todo. Creo que podré hacer lo que quería. Lo del botón de Facebook me refería a ponerlo en la ventana emergente y creo que sabré hacerlo gracias a usted.
ResponderEliminarMuchísimas gracias por su ayuda. Y un gran blog de gran utilidad.
Saludos.
hola potro se que lo mencionas en la entrada pero no es posible que al darle click en cerrar no vuelva a mostrarse el aviso saludos y gracias por la respuesta
ResponderEliminarSólo si sabes usar cookies.
EliminarComo hago para que me aparezca en cada entrada y no solo en la pagina principal del blog?
ResponderEliminarUn saludo.
Sólo elimina la primera y última línea del primer código.
EliminarGracias potro por este artículo lo he usado para poner el aviso de blog en construccion y me ha funcionado muy bien, sin ningun error, cosa que es extraña para mi ya que soy nuevo en esto.
ResponderEliminarSaludos y muchas gracias de nuevo!
Qué gusto que te haya salido a la primera y sin ningún error, así pasa a veces :D
Eliminarhttp://disneyatodoritmo.blogspot.com/ Este es mi blog y no me funciono que debo hacer .
ResponderEliminarSi ya usabas Shadowbox entonces el código de esta entrada ponlo debajo del código que ya tienes de Shadowbox.
EliminarNo usaba SHAWDBOX y no me anda ! :(
EliminarOsea, lo instale eso si.
EliminarPor eso, el código de Shadowbox verás que es una URL que termina en .js
EliminarDebajo de todo ese código pon el de esta entrada. Es necesario que esté debajo de él para que el código pueda leer el script.
Hola Potro ... otra vez por aca.
ResponderEliminarTengo una pregunta con esta aplicación. Existe una forma de que la ventana solo aparezca una sola vez para el usuario y que no se vea cuando navegue varias veces por la portada ??? ahhh ... y revisa mi blog http://robinsonchar.blogspot.com/ .... Saludos !!!
Pues sólo que supieras usar cookies. Yo a este no se lo implemente porque eso de las cookies no se me da :(
EliminarPotro de nuevo yo jaja bueno esta entrada me pareció muy buena para colocar el botón me gusta de facebook te quería preguntar como podría hacerlo, osea que al entrar se esta el botón "Me gusta" y las personas que ya le han dado "Me gusta" debajo del botón.
ResponderEliminarNo se si me di a entender pero espero que si por que veo que es de gran utilidad, espero tu pronta respuesta saludos desde Venezuela amigo.
Sólo pon el código del fanbox en la parte donde se menciona que va el código HTML (color azul).
EliminarSaludos.
no me sale
ResponderEliminarnd
Gracias Brother. Gracias por Compartir tus conocimientos....
ResponderEliminarGracias a ti por tu visita!
EliminarExcelente Potro !
ResponderEliminarAnte todo muchas Gracias por el tutorial, quisiera que me ayudes a mi me interesa que cuando carga mi pagina por primera vez osea en el home me cargue otra pagina en otra pestaña. Como hago eso. Ayudame por favor.
ResponderEliminarEn el home sólo puede cargar le home, lo que puedes hacer es poner una especie de intro, y condicionarla para que sólo te aparezca en la portada:
Eliminarhttp://ciudadblogger.com/2012/01/crear-un-intro-para-el-blog-con-jquery.html
http://ciudadblogger.com/2011/05/crear-un-intro-para-el-blog.html
NO LO ENTENDI Y PARA QK DESCARGAR EL HOSTIG SI NO LO OCUPAS CON LOS PRIMEROS CODIGO... ESO ENTIENDO YO! SI EN LA LETRAS HAZUL DICE AKI KARGAS TUS CODIGOS... SUPONGO QK AI QK KARGAR LOS CODIGOS AL HOSTING Y DESPUES PEGAR EL URL EN HTML DELCODIGO QK SE SUBIO
ResponderEliminarSólo tienes que seguir las indicaciones tal como se mencionan, pero debes intentarlo en un blog, siguiéndolo paso a paso no deberás tener problemas.
EliminarISE TODO PERO NO ME FUNCIONO NO me salela ventana
ResponderEliminarY ESTE ES LO QUE QUIEROQUE SE VEA AL ENTRAR:
http://dl.dropbox.com/u/73578382/entradas.html
lo que quiero es tratar de que cuando la persona entre al blog le salte eso lo que esta preparado en el lonk que te pase en un cuadro mediano
ResponderEliminarEntonces debes poner un iframe en la parte del código azul:
Eliminar<iframe src="http://dl.dropbox.com/u/73578382/entradas.html" width="800" height="500" border="0" />
Sólo toma en cuenta que este no es un intro, es sólo un método para mostrar una ventana modal al entrar al blog.
ok gracias ahora lo voi a probar..y ensg. te deigocomo va!..
EliminarNADA MAN NOME SALE NADA PUSE EL CODIGO YA TERMINADO Y TODO EN LA PLANTILLA DE MI BLOG ANTE DEL < /h e a d > CARGA SIN NINGUN ERROR LAPLANTILLA PERO AL VER EL BLOG NO SALE LA VENTANA QUE TIENE QUE SALIR...NOCE SI DEMORARA UNSO MINTUOS MAS EN SALIR OCOMO DICES AIQUE SI DEMORA 10SEG NO SALDRA O NOCE.. :S TENDRIAS FACE PARA AYUDARME EL BLOG ES ESTE: http://mundofailxd.blogspot.com
Eliminar¿Y los archivos de Shadowbox dónde los pusiste?
EliminarRecuerda que si no tienes Shadowbox debes instalarlo como se indica en el enlace de la entrada.
Sin Shadowbox esto simplemente no funcionará.
ME QUITO EL SOMBRERO ANTE TI! :O JAJA
EliminarSI YA MAN ME FUNKO PERFECTAMENTE..NADA MAS AHORA ESTOI VIENDO EN QUE SE VEA UN POCO MAS GRANDE Y CAMBIARLE DE COLOR POR QUE CUANDO SE ABRE ELINTERIOR SE VE NEGRO MEPODRIAS AYUDAR CON ESO?
HA Y EN LAPARTE DONDE TENIA QK CARGAR LOS HTMLQUE QUERIA LE CARGUE ELURL CON EL CODIGO QUE ME PASASTE EN UNAS RESPUESTAS MAS ANTES PARA QUE SEA RECUADRO... POR AHORA QUIERO SABER COMO CAMBIARLE EL COLOR DEL FONDODEL RECUADRO XQUE SE ME VE EN COLOR NEGRO... GRACIAS
Y DIME COMO PUEDO HACER PARA QUE ESTA VENTANA SALGA CADA 10 o15 MIN??? COMO HE VISTO LA QUE TU TIENES AKI SALE CADA20MIN CREERIA...
EliminarPues no, no tiene algún tipo de configuración en el tiempo, sale cada vez que entres a esta entrada.
EliminarLas medidas ahí las verás en el código que te di, width="800" height="500", el primero es el ancho y el segundo el alto.
Respecto al color de fondo, en la entrada de Shadowbox se explica ese tema.
Saludos.
OK MAN.. AHORA REVISO ESO.. GRACIAS POR TODA TU AYUDA!.. :D
EliminarSALUDOS
al parecer dejo de funcionar lo hice todo al pie de la letra y ya no carga....
ResponderEliminar¿Cuál es el nombre del blog donde lo has puesto?
Eliminarmmm entonces ah de ser mi plantilla hermano...porke en la antigua plantilla funcionaba a la perfeccion...y ahora en esta ya no....www.whitemusic.mx SAludos y buen dia
EliminarLos archivos debes subirlos a un hosting que te dé un link directo, no que te abra una página para descargar el archivo.
Eliminaral parecer sii amigo.. yo tambien hice todoal pie de la letra 1 y otra ves y nada.. :S
ResponderEliminarPotro, será posible colocar varias imagenes y que estas se muestren al azar al cargar o actualizar nuestro blog?
ResponderEliminarDesde ya muchas gracias!
Sí, mira esta entrada:
Eliminarhttp://ciudadblogger.com/2009/06/crear-un-rotador-de-banners-al-azar.html
Hola mi estimado potro pues yo ya intente eso del code y todo lo demas lo malo es que cuano pongo el codigo html dentro de donde dice que inserte el codigo quiero poner el de Like box de mi fan page de face pero solo me sale la ventana en negro y no se porque no se si me podrias ayudar con esto porfavor te lo agradeceria mucho mi web es:
Eliminarwww.onlydjremixer.blogspot.mx
Hola Christian, no veo que tengas puesto el código del fanbox, sólo un texto que sí aparece en la ventana al abrirse.
EliminarHola! Oye Disculpa mira yo quiero poner una anuncio bueno de mi blog asi como se muestra en esta entrada!. & ya coloque el codigo donde indicas pero más no me aparce el efecto :( este es mi blog www.playalimbolive.blogspot.com :D Espero me puedas Ayudar Gracias
ResponderEliminarHola! Disculpa! sq ya hice todo lo que indicas para poner el efecto que tiene esta entrada & nada :( Qiosiera que si por favor me puedes ayudar!
ResponderEliminarEste es mi blog mira! www.playalimbolive.blogspot.mx :D Saludos espero me puedas contestar :D Gracias
Hola PlayaLimboFans, no veo puesto el script de Shadowbox, primero necesitas instalarlo, tal como se explica en el enlace que está en la entrada.
EliminarSaludos.
Como puedo hacer para que se ejecute la ventana despues de cierto tiempo ya que mi blog es xxx y despues de que estan deacuerdo de entrar el boton no sirve por k esta la otra ventana y lo k kiero hacer que despues de un tiepo salga la ventana espero k me puedas ayudar
ResponderEliminarCambia esta línea:
EliminarsetTimeout('Shadowbox.close()', 10000);
Por esta:
setTimeout('Shadowbox.open()', 10000);
Hola potro, quiero que al abrir el blog salga una ventana con la suscripción vía email, como lo tenés en esta entrada, pero no sé cómo hacer eso....me orientás?? Gracias.
ResponderEliminarEs igual que como se explica, donde va el código (color azul) pon el código de la imagen con el enlace a tu feed:
Eliminar<a href="URL del enlace"><img src="URL de la imagen"/></a>
hola potro! instalé esto en la nueva plantilla de asesoramientoconsorcios.blogspot.com pero no sale la ventana...no sé qué pasó! Ayuda!!!
Eliminarhola potro! no sé si te llegó mi consulta o no...pero instalé esto en mi blog de asesoramientoconsorcios y no aparece...no sale la ventana al abrir el blog...no sé qué hice mal. Lo instalé con lo del rss, una imagen que hice en photoshop y saqué la dire de mi rss, mi feed, no? bueno, y no pasa nada. Espero me puedas ayudar. Gracias.
EliminarAgrega el script de esta entrada después del script de Shadowbox, es decir, después de esto:
Eliminar<link href='https://dl.dropbox.com/u/53944893/Shadowbox/shadowbox.css' rel='stylesheet' type='text/css'/>
<script src='https://dl.dropbox.com/u/53944893/Shadowbox/shadowbox.js' type='text/javascript'></script>
<script type='text/javascript'>
Shadowbox.init({
overlayColor: "#000",
overlayOpacity: "0.6",
});
</script>