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