Pop Up multifuncional para tu blog

En esa oportunidad les voy a compartir una caja Pop Up multifuncional, la puedes usar para lo que quieras, ya sea para poner un vídeo, una imagen, una caja de fans de facebook o porque no para promocionar un concurso de tu blog, son muchas las utilidades que le puedes dar a esta caja Pop Up, solo necesitas dejar volar tu imaginación.

 

VER DEMO DEL TRUCO

Para agregar esta caja pop up a tu blog tienes que ir a Diseño, Añadir gadget, HTML/JavaScript y allí pegas lo siguiente:
<link href='http://dl.dropbox.com/u/62785484/scripts/shadowbox.css' rel='stylesheet' type='text/css'/>
<script src='http://dl.dropbox.com/u/62785484/scripts/shadowbox.js' type='text/javascript'/>
<script type='text/javascript'>
Shadowbox.init({
overlayColor: &quot;#000&quot;,
overlayOpacity: &quot;0.6&quot;,
});
</script>
<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: 'AÑADIR CÓDIGO HTML AQUÍ',
height: 300, // Alto de la ventana modalwidth: 500 // Ancho de la ventana modal});
}
setTimeout('Shadowbox.close()', 10000);
window.onload = AlertMessage;
// ]]>
</script>
</b:if>

En la parte que dice ‘AÑADIR CÓDIGO HTML AQUÍ’ debes pegar el código de lo que quieres que se vea en el pop up.

Para personalizar el tamaño de la caja edita la siguiente parte:

height: 300, // Alto de la ventana modalwidth: 500 // Ancho de la ventana modal

Con esto hemos finalizado el truco del día de hoy, si tienes alguna duda no dudes en comentar.

Espero que te haya gustado este tutorial, y que sigas visitando Mil Trucos Blogger.

0
Shares

7 thoughts on “Pop Up multifuncional para tu blog

  • diciembre 2, 2013 en 7:01 pm
    Permalink

    Hola sigo tu web , me ha servido de ayuda en mi sitio “LA LAGUNA HOY”.

    Venía pidiendo a gritos esta caja pop-up multifuncional pero me da un problemilla:
    Pongo el código que quiero donde dice ‘AÑADIR CÓDIGO HTML AQUÍ’ y no me funciona.No sé que podrá pasar.La caja pop-up multifuncional no sale en mi sitio añadiendo el código que quiero ponerle en el sitio que indicas que debe ir el código a mostrar dentro de la caja pop-up multifuncional.

    Uso el nuevo diseñador de plantillas de Blogger , mi plantilla es la básica ; el sitio lo he modificado muchas veces.

    La caja pop-up multifuncional solo me sale por el momento si pongo una imagen tal como aparece en la demo y entonces si aparece la imagen y también la citada caja pop-up multifuncional.

    URL de mi sitio
    http://lalagunahoy.blogspot.com

    Responder
  • enero 9, 2014 en 7:36 pm
    Permalink

    Hola, cuando te acuerdes y tengas gana arregla el código. Tu tranquilo

    Responder
  • abril 9, 2016 en 2:39 am
    Permalink

    hola amigo se podrqa poner un popup con un video de youtuve pero que se habra sin tener que dar cick solo se reprodusca al entrar al post

    Responder
    • abril 9, 2016 en 7:43 pm
      Permalink

      Hola miguel, pues habrá que ver aunque yo creo que si puede, pero por ahora bien puedes añadir el vídeo de Youtube con el código de este tutorial.

      Saludos 😀

      Responder

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *