Abrir ventana al cargar el blog con Shadowbox

18 de mayo de 2011 269 comentarios ,
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
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.


269 comentarios en:

" Abrir ventana al cargar el blog con Shadowbox "

  1. Potro Buen dia.
    Quisiera preguntarte como poner la barra de busqueda de adsense en el encabezado del blog gracias amigo....

    Como siempre tu blog esta Buenisimo.....

    ResponderEliminar
  2. Excelente Potro esto si es algo que tengo que colocar, una pregunta como hiciste esa imagen con tu logo (increíble) quiero una jeje....

    ResponderEliminar
  3. Adm, sólo crea tu buscador desde Adsense y luego divide la cabecera del blog.

    Pirez, Photoshop :)

    pos_ch, qué bueno que te ha gustado!

    ResponderEliminar
  4. me gustaria agrgar redes sociales un mensaje de todo pero con esta funcion no lo permite

    ResponderEliminar
  5. Hola Potro.
    Yo no he podido ver nada, seguramente el bloqueador de publicidad sea efectivo, no?
    Un saludo.

    ResponderEliminar
  6. ta ueno,ueno!! Chido POTRO!! ya lo implementare ,pero hasta alrato!! ya k me toy asando unos pollitos pa el almuerzo!! jejeje...

    Otra 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/

    ResponderEliminar
  7. 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.

    Tapestryworkerman, es posible que así sea :/

    Microboy90, ¿recuerda qué modificación hiciste antes de que eso sucediera?

    ResponderEliminar
  8. Gracias potro.
    Disculpa 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.

    ResponderEliminar
  9. Hola Potro, gracias por leer mi correo. Ya te he enviado los datos de acceso a tu correo espero novedades.

    Saludos xD

    ResponderEliminar
  10. Hola Potro es genial esto, muchas gracias por compartirlo con nosotros ;-)

    ResponderEliminar
  11. Medio que asusta cuando se pone medio oscuro y aparece la imagen.. pero para los amantes de blogger ta bueno..

    ResponderEliminar
  12. Wow! Potro, Esta Genial este post....... GRACIAS! desde Colombia por supuesto ;)

    ResponderEliminar
  13. POTRO eso paso...despues que regreso BLOGGER....

    ResponderEliminar
  14. Adm, 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.

    MaG@S RaDioMuSiC, no hay de qué mi estimado, un abrazo!

    Nela, gracias por los besos :)

    ResponderEliminar
  15. JP, con la conciencia limpia no asusta, jaja, es broma :)

    Sergio 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.

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

    ResponderEliminar
  17. hola 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!!

    ResponderEliminar
  18. buenas saliendome del tema quisiera porfavor que me ayudes con el estilo, tamaño y el color de texto de mis post. gracias

    ResponderEliminar
  19. desmer_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.

    Damian, debajo de .post { puedes agregar los estilos que quieras, por ejemplo:
    color: #FF0000;
    font-size:12px;
    background: #cccccc;

    ResponderEliminar
  20. hola Potro sabes como hacer un Mapa del sitio para mi blog blog-Juegos

    ResponderEliminar
  21. Hola 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:

    como 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 ??

    ResponderEliminar
  22. bueno veo q no salen los codigos q pongo el codigo lo saque de aca

    http://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

    ResponderEliminar
  23. 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

    ResponderEliminar
  24. Potroooo. me ayudas,
    como 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

    ResponderEliminar
  25. Blog-Juegos, aquí hay una opción.

    FarStar, 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.

    ResponderEliminar
  26. Esta re copado!. Me encanto también el tema vintage por el que optaste!. Saludos;).

    ResponderEliminar
  27. Gracias Dai ♥, siempre me han gustado ese tipo de publicidades y me alegra que también te haya gustado a ti :)

    ResponderEliminar
  28. Como siempre en tu linea Potro.
    Realmente 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.

    ResponderEliminar
  29. uh del potro, la verdad nose por que no me deja, hacer, lo de las descarga.
    la 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.

    ResponderEliminar
  30. Jose Antonio, te agradezco mucho tu amable comentario :)

    lucho, quizá no estás alojando debidamente los archivos. En esta entrada se explica cómo subir archivos a Dropbox.

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

    ResponderEliminar
  32. potro!!!
    muchisimas 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!!!

    ResponderEliminar
  33. Hola, potro. Hay alguna manera de que se autoajuste para la imagen?

    ResponderEliminar
  34. Potro, 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 ;).

    ResponderEliminar
  35. EpideMia, te ha quedado excelente, sin duda para los avisos queda muy bien :)

    Javi, 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.

    ResponderEliminar
  36. http://dl.dropbox.com/u/13722886/Pancarta%20Festa%20Claver.gif
    Tengo esta imagen. Pongo las medidas exactas y no se ajusta.

    ResponderEliminar
  37. Ahora lo he conseguido con una imagen más pequeña peró en otros ordenadores se ve diferente.

    ResponderEliminar
  38. La imagen no debe exceder de los 690 px tanto de ancho y alto, siempre debe ser menor a esa medida.

    ResponderEliminar
  39. Aún así en otros ordenaadores salen las barras de scrolling.

    ResponderEliminar
  40. Acabo de entrar a tu blog desde Chrome, Firefox, Opera, Safari e iE y en todos se ve bien.

    ResponderEliminar
  41. Si 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.

    ResponderEliminar
  42. Efectivamente, 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 ;)

    ResponderEliminar
  43. De 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.

    ResponderEliminar
  44. hola de nuevo potro.
    te 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

    ResponderEliminar
  45. 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.

    ResponderEliminar
  46. puede que ser tenga algo que ver con el tamaño del zoom con que viendo la pagina??

    porque 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.

    ResponderEliminar
  47. 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.

    ¿Qué puede ser? Este es el blog: alcosansemtb.com.

    Muchas gracias de antemano y enhorabuena por tu blog, es de mucha ayuda.

    ResponderEliminar
  48. 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 :/


    AlcoSanse 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.

    ResponderEliminar
  49. Hola Potro:
    No puedo ver nada, es porque tengo un intro.

    ResponderEliminar
  50. 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.

    ResponderEliminar
  51. FRANCISCO, efectivamente es por el intro, como ambos aparecen en la portada no se pueden mostrar los dos al mismo tiempo.

    AlcoSanse 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.

    ResponderEliminar
  52. Que tal Potro perdon por molestarte otra vez pero tengo un problema,
    es 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.

    ResponderEliminar
  53. 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.

    ResponderEliminar
  54. Gracias 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."
    y pense y dije q si :) pero igual se gradece tu ayuda.
    PD.: No me canso de ver tu blog =P

    ResponderEliminar
  55. 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 ;)

    ResponderEliminar
  56. mira 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/

    ResponderEliminar
  57. Ponlo 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.

    ResponderEliminar
  58. Hola 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.

    Gracias Potro por adelantado. ;)

    ResponderEliminar
  59. Potro intente y no pude ponerlo dentro de:

    content: '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! :)

    ResponderEliminar
  60. 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.

    ResponderEliminar
  61. esto 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?

    ResponderEliminar
  62. Exactamente, 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.

    ResponderEliminar
  63. Hola Potro...

    pero 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!!!!....

    ResponderEliminar
  64. 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.

    ResponderEliminar
  65. Hola amigo lo hice todo no me da error pero no funciona

    ResponderEliminar
  66. Hola Dr. Victor,

    ¿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

    ResponderEliminar
  67. 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

    ResponderEliminar
  68. Entonces el código debe ser así:

    Shadowbox.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.

    ResponderEliminar
  69. Amigo yo de nuevo, que vaina cuando no salen las cosas, ya lo hice nada que se ve jajajaj

    ResponderEliminar
  70. Prueba quitando el indicador de tiempo:
    setTimeout('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.

    ResponderEliminar
  71. 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

    ResponderEliminar
  72. Entonces usa el otro ejemplo que se menciona en la entrada:
    "O si fuera una DIV con un texto, o algo más elaborado entonces sería así..."

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

    ResponderEliminar
  74. Mil gracias. Este es un blog MUY útil. Leído el foro, la respuesta 72 me aclaró las inquietudes.

    ResponderEliminar
  75. Qué gusto que este sitio te esté siendo de ayuda con la información que necesitas. ¡Saludos!

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

    ResponderEliminar
  77. Existe alguna manera de hacer esto pero con el fanbox.

    ResponderEliminar
  78. Tal vez poniendo el código del fanbox en donde iría el contenido a mostrar (color azul)

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

    ResponderEliminar
  80. Hola Potro en esta entrada hablas sobre hosting, me sugieres alguno gratuito.

    ResponderEliminar
  81. Nada 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.
    Un abrazo

    ResponderEliminar
  82. Haniel Baez, claro, uno que es de Google es Google Sites, y otro muy práctico es Dropbox.

    PC, vale, ni hablar :(

    ResponderEliminar
  83. No me funciona :S
    Hize 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: &quot;0.6&quot;,
    });

    // <![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>
    <? } ?>

    ResponderEliminar
  84. 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:

    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;

    ResponderEliminar
  85. 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.
    De nuevo gracias por responder ;)

    ResponderEliminar
  86. Hola potro, aunque suene mal , me gustaria saber como puedo meter el codigo de google adsense para que se muestre.

    Lo he intentado de las dos maneras que explicas y no hay manera.

    ResponderEliminar
  87. 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.

    ResponderEliminar
  88. con 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

    ResponderEliminar
  89. Necesitas crear un documento HTML exactamente igual como se muestra al final de la entrada, y donde dice:
    ...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.

    ResponderEliminar
  90. Hola, Muy Buen truco. Mi duda es como quitar los scrolls si uso una pagina html en shadowbox.

    ResponderEliminar
  91. Potro, como podria hacer que se abra la ventana emergente pero solo cuanto el usuario intente salir de la web.

    ResponderEliminar
  92. ►Dj Benko◄, a los estilos de la página HTML ponle:
    html {overflow:hidden;}

    Haniel Baez, tal vez cambiando el onload='AlertMessage();' por OnUnload='AlertMessage();'

    ResponderEliminar
  93. Hola 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.
    Espero tu respuesta.

    ResponderEliminar
    Respuestas
    1. 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

      Eliminar
  94. Te la debo Seba, con las cookies no estoy familiarizado.

    ResponderEliminar
  95. Potro ya hice la ventana emergente, busque el script de los cookies en google y le agrege unos estilos y listo.
    Igual gracias por responder :D

    ResponderEliminar
  96. 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.

    Es para colocar una encuesta.

    Un saludo

    ResponderEliminar
  97. Hola Eduardo,

    Como 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.

    ResponderEliminar
  98. Hola... Muy bueno el blog, nos salvas muchas veces groso!!
    CONSULTA: 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...

    ResponderEliminar
  99. Hola ARGENSTORE,

    Para 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.

    ResponderEliminar
  100. 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?
    La 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?

    ResponderEliminar
  101. 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.

    ResponderEliminar
  102. Aquí no salee.
    En mi web si que sale, pero en la tuya no..
    No se puede quitar?¿

    ResponderEliminar
  103. Me refiero a la imagen, que sale lo de la barra en la imagen, y no a la de la barra del blog.

    ResponderEliminar
  104. Creí que te referías a la del blog. Prueba con un alto de la ventana más grande, por ejemplo 460 o 470

    ResponderEliminar
  105. Me 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.

    ResponderEliminar
  106. Aparte de ese problema, se podría poner un vídeo?

    ResponderEliminar
  107. Pues 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.

    ResponderEliminar
  108. Hablando 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
  109. ¿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.

    ResponderEliminar
  110. Hola Potro, qué tal?

    Pienso 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.

    ResponderEliminar
  111. Hola Tomás,

    Shadowbox 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.

    ResponderEliminar
  112. Hola Potro.

    Gracias por tu respuesta. Saludos.

    ResponderEliminar
  113. hola
    primero 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/

    ResponderEliminar
  114. Muchas gracias por tu comentario JOE JOE,

    Hay 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.

    ResponderEliminar
  115. Potro, como puedo hacer, para que salga esta ventana en todas mis paginas, y no solo en la de inicio.?

    ResponderEliminar
  116. me 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/

    ResponderEliminar
  117. No 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.

    ResponderEliminar
  118. Buena y muchas gracias, abria una forma de hacerlo con fancybox,

    ResponderEliminar
  119. Lo ignoro, sólo sé que puede hacer con Shadowbox y Lightwindow.

    ResponderEliminar
  120. Estimado Potro.
    Una 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.

    ResponderEliminar
  121. No sé mucho de cookies pero si sabes usarlas sí podrías aplicarlo.
    Para 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.

    ResponderEliminar
  122. 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

    ResponderEliminar
  123. para Klgo. Alexis Moya R.

    Te 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!!

    ResponderEliminar
  124. 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

    ResponderEliminar
  125. La URL que debes poner es la dirección del archivo que subiste al hosting.
    ¿En cuál blog lo has puesto?

    ResponderEliminar
  126. 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

    ResponderEliminar
  127. Pues en ese blog no veo que tengas puesto nada de Shadowbox ni de Dropbox.

    ResponderEliminar
  128. favor de darme los links para ponerlo por favor que devo hacer?

    ResponderEliminar
  129. Cada 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.

    ResponderEliminar
  130. bueno 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

    ResponderEliminar
  131. Cuando 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:
    http://ciudadblogger.com/2010/04/como-usar-dropbox.html

    ResponderEliminar
  132. bueno potro agradesco tu ayuda pero volvi acerlo y na de nada no me sale

    ResponderEliminar
  133. Pero 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.

    ResponderEliminar
  134. YEAH TIENES RAZON PERO ESTA BIEN MEJOR DEJO EL INTRO GRACIAS HERMANO.

    ResponderEliminar
  135. Hola, yo tengo varias dudas, además es la primera vez que comento en un blog, espero hacerlo bien.

    Mi 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.

    ResponderEliminar
  136. Hola Pedro Luis,

    No 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!

    ResponderEliminar
    Respuestas
    1. 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/

      Eliminar
  137. Muchas 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.

    Muchísimas gracias por su ayuda. Y un gran blog de gran utilidad.

    Saludos.

    ResponderEliminar
  138. 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

    ResponderEliminar
  139. Como hago para que me aparezca en cada entrada y no solo en la pagina principal del blog?

    Un saludo.

    ResponderEliminar
    Respuestas
    1. Sólo elimina la primera y última línea del primer código.

      Eliminar
  140. Gracias 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.

    Saludos y muchas gracias de nuevo!

    ResponderEliminar
    Respuestas
    1. Qué gusto que te haya salido a la primera y sin ningún error, así pasa a veces :D

      Eliminar
  141. http://disneyatodoritmo.blogspot.com/ Este es mi blog y no me funciono que debo hacer .

    ResponderEliminar
    Respuestas
    1. Si ya usabas Shadowbox entonces el código de esta entrada ponlo debajo del código que ya tienes de Shadowbox.

      Eliminar
    2. No usaba SHAWDBOX y no me anda ! :(

      Eliminar
    3. Por eso, el código de Shadowbox verás que es una URL que termina en .js
      Debajo 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.

      Eliminar
  142. Hola Potro ... otra vez por aca.
    Tengo 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 !!!

    ResponderEliminar
    Respuestas
    1. Pues sólo que supieras usar cookies. Yo a este no se lo implemente porque eso de las cookies no se me da :(

      Eliminar
  143. Potro 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.
    No 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.

    ResponderEliminar
    Respuestas
    1. Sólo pon el código del fanbox en la parte donde se menciona que va el código HTML (color azul).
      Saludos.

      Eliminar
  144. Gracias Brother. Gracias por Compartir tus conocimientos....

    ResponderEliminar
  145. Ante 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.

    ResponderEliminar
    Respuestas
    1. En 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:
      http://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

      Eliminar
  146. 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

    ResponderEliminar
    Respuestas
    1. Só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.

      Eliminar
  147. ISE TODO PERO NO ME FUNCIONO NO me salela ventana

    Y ESTE ES LO QUE QUIEROQUE SE VEA AL ENTRAR:
    http://dl.dropbox.com/u/73578382/entradas.html

    ResponderEliminar
  148. 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

    ResponderEliminar
    Respuestas
    1. Entonces debes poner un iframe en la parte del código azul:
      <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.

      Eliminar
    2. ok gracias ahora lo voi a probar..y ensg. te deigocomo va!..

      Eliminar
    3. NADA 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
    4. ¿Y los archivos de Shadowbox dónde los pusiste?
      Recuerda que si no tienes Shadowbox debes instalarlo como se indica en el enlace de la entrada.
      Sin Shadowbox esto simplemente no funcionará.

      Eliminar
    5. ME QUITO EL SOMBRERO ANTE TI! :O JAJA
      SI 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

      Eliminar
    6. 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...

      Eliminar
    7. Pues no, no tiene algún tipo de configuración en el tiempo, sale cada vez que entres a esta entrada.
      Las 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.

      Eliminar
    8. OK MAN.. AHORA REVISO ESO.. GRACIAS POR TODA TU AYUDA!.. :D
      SALUDOS

      Eliminar
  149. al parecer dejo de funcionar lo hice todo al pie de la letra y ya no carga....

    ResponderEliminar
    Respuestas
    1. ¿Cuál es el nombre del blog donde lo has puesto?

      Eliminar
    2. mmm 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

      Eliminar
    3. Los archivos debes subirlos a un hosting que te dé un link directo, no que te abra una página para descargar el archivo.

      Eliminar
  150. al parecer sii amigo.. yo tambien hice todoal pie de la letra 1 y otra ves y nada.. :S

    ResponderEliminar
  151. Potro, será posible colocar varias imagenes y que estas se muestren al azar al cargar o actualizar nuestro blog?
    Desde ya muchas gracias!

    ResponderEliminar
    Respuestas
    1. Sí, mira esta entrada:
      http://ciudadblogger.com/2009/06/crear-un-rotador-de-banners-al-azar.html

      Eliminar
    2. 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:
      www.onlydjremixer.blogspot.mx

      Eliminar
    3. Hola Christian, no veo que tengas puesto el código del fanbox, sólo un texto que sí aparece en la ventana al abrirse.

      Eliminar
  152. Hola! 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

    ResponderEliminar
  153. Hola! 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!
    Este es mi blog mira! www.playalimbolive.blogspot.mx :D Saludos espero me puedas contestar :D Gracias

    ResponderEliminar
    Respuestas
    1. Hola PlayaLimboFans, no veo puesto el script de Shadowbox, primero necesitas instalarlo, tal como se explica en el enlace que está en la entrada.
      Saludos.

      Eliminar
  154. 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

    ResponderEliminar
    Respuestas
    1. Cambia esta línea:
      setTimeout('Shadowbox.close()', 10000);

      Por esta:
      setTimeout('Shadowbox.open()', 10000);

      Eliminar
  155. 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.

    ResponderEliminar
    Respuestas
    1. Es 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:
      <a href="URL del enlace"><img src="URL de la imagen"/></a>

      Eliminar
    2. hola potro! instalé esto en la nueva plantilla de asesoramientoconsorcios.blogspot.com pero no sale la ventana...no sé qué pasó! Ayuda!!!

      Eliminar
    3. hola 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.

      Eliminar
    4. Agrega el script de esta entrada después del script de Shadowbox, es decir, después de esto:
      <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>

      Eliminar

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

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

 
Ir Arriba Ir Abajo
I Ciudad Blogger