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: "#000",
overlayOpacity: "0.6",
});
</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.
7 comentarios
Anonymous · diciembre 2, 2013 a las 4:39 pm
no me funciono ;((
Hayder Juvinao · diciembre 7, 2013 a las 9:50 pm
El truco ha fallado voy a actualizar pronto el código.
Saludos
Anonymous · diciembre 2, 2013 a las 7:01 pm
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
Hayder Juvinao · diciembre 7, 2013 a las 9:49 pm
El truco ha fallado voy a actualizar pronto el código.
Saludos
Anonymous · enero 9, 2014 a las 7:36 pm
Hola, cuando te acuerdes y tengas gana arregla el código. Tu tranquilo
miguel · abril 9, 2016 a las 2:39 am
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
Juvinao · abril 9, 2016 a las 7:43 pm
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 😀