Como hacer ventana emergente “Pop Up” en blogger con un mensaje

Hola Ingeniosos:

Hoy aprenderemos como hacer una ventana emergente o “Pop UP” con un llamado de acción, estas ventanas son indispensables si tenemos algo que decir urgente a nuestro lectores. en mi caso puse la mía porque quiero que los que le leen se enteren que pueden votar por mi blog en los premios Bitácoras.

Eyyy tu, siii tu, te he pillado, aun no haz votado ¿A qué esperas?

Dame una manita para seguir creciendo

Este tipo de ventanas también sirven para anunciar algo que vendes, si haces alguna promocion de algun producto este es el mejor método de impulsarlo porque será lo que tu cliente vea cuando entre a tu blog.

Lo mejor de esta ventana emergente es que no pesa nada porque es muy simple y no tiene mucha cosa, tiene lo básico y creo que con eso basta para hacer un llamado de acción.

Vamos al tutorial:

Como hacer una ventana emergente en Blogger “Pop Up”

Vamos a Diseño <> Añadir un Gadget HTML/JavaScrip e introducimos este código haciendo los cambios que dejare en la parte de abajo. Es muy facil.

Lo que está en Rosa es el ancho de la ventana

Lo que está en verde El fondo de la ventana.

Lo que está en Azul es el radio de la ventana.

Lo que está en Púrpura es el tamaño de la letra

Lo que está en Agua marina es el color de la letra

Lo que está en verde es la URL que tienes que poner de la imagen

Lo que está en naranja reemplazalo por el texto que quieras.

Lo que está en amarillo la URL de donde quieras que vayan al clicar en el texto

Lo que está en Fucsia es el texto donde tiene que clicar

<style>

<!–

#postit{

position:fixed; width:650px; padding:15px; background: #9264AE center; border: 4px solid #ccc;-moz-border-radius: 35px;

border-radius: 35px;

border-radius: 0em 0em 0em 0em;

font-family: serif;

font-size: 12px;

text-transform: none;

color: #000000;

text-align: center;

visibility:hidden; z-index:100; cursor:hand; color:#D9A5C9 }

–>

</style>

<div id=postit style=”left: 420px; top: 60px”>

<div align=right><b><a href=”javascript:closeit()”>X</a></b></div><br /><center><img src=”URL DE LA IMAGEN” /></center>

<!–INICIO DE TU TEXTO–>

Mil y mil gracias por estar aquí, sin ti nada de mis proyectos virtuales hubieran sido posibles y si estas aquí es porque te gusta mi blog, por tanto te invito a votar por mi blog en los premios Bitácoras, solo tienes que sacar 2 minutos de tu tiempo… L@s Ador@.

<br />

Haz click abajo.

<!–FINAL DE TEXTO–><br />

<a href=”URL DE DONDE QUIERAS QUE VAYAN” target=”_blank”>IR AHORA MISMO</a>

<script type=”text/javascript” language=”javascript”>

//Post-it only once per browser session? (0=no, 1=yes)

//Specifying 0 will cause postit to display every time page is loaded

var once_per_browser=0

///No need to edit beyond here///

var ns4=document.layers

var ie4=document.all

var ns6=document.getElementById&&!document.all

if (ns4)

crossobj=document.layers.postit

else if (ie4||ns6)

crossobj=ns6? document.getElementById(“postit”) : document.all.postit

function closeit(){

if (ie4||ns6)

crossobj.style.visibility=”hidden”

else if (ns4)

crossobj.visibility=”hide”

}

function get_cookie(Name) {

var search = Name + “=”

var returnvalue = “”;

if (document.cookie.length > 0) {

offset = document.cookie.indexOf(search)

if (offset != -1) { // if cookie exists

offset += search.length

// set index of beginning of value

end = document.cookie.indexOf(“;”, offset);

// set index of end of cookie value

if (end == -1)

end = document.cookie.length;

returnvalue=unescape(document.cookie.substring(offset, end))

}

}

return returnvalue;

}

function showornot(){

if (get_cookie(‘postdisplay’)==”){

showit()

document.cookie=”postdisplay=yes”

}

}

function showit(){

if (ie4||ns6)

crossobj.style.visibility=”visible”

else if (ns4)

crossobj.visibility=”show”

}

if (once_per_browser)

showornot()

else

showit()

</script></div>

Un tutorial cortito pero seguro a muchos ayudara. Es una buena llamada de acción y moderniza mucho tu blog, a mi me lo parece.

Algunas personas dicen que los Pop Up son molestos pero no creo que demore mucho en leer un párrafo en menos de 50 caracteres y si no les interesa solo gastaran 3 segundos de tiempo en darle a la X cerrar y seguir leyendo el post