Tutorial: Como criar uma caixa pop up multifuncional no seu site

elkin8517 · 07/12/2012

Hola amigos esta es una caja pop up muy sencilla que tiene muchas funcionalidades ya que puedes agregar publicidad, videos, imagenes, yo lo utilizo para colocar un fanbox de facebook y algunas veces lo agrego en una entrada para resaltar un partido que estoy transmitiendo, mira el ejemplo en mi sitio extreme pc futbol,

agregar el siguiente codigo antes del cierre </head>

<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 CODIGO HTML O IFRAME',
height: 300, // Alto de la ventana modal
width: 500 // Ancho de la ventana modal
});
}
setTimeout('Shadowbox.close()', 10000);
window.onload = AlertMessage;
// ]]>
</script>
</b:if>

si desean colocar también el chat tienen que registrarse en el sitio de envolve y agragar el codigo que le genera antes del cierre de la etiqueta </head>

ejemplo del codigo del chat envolve

<script type="text/javascript">
var envoSn=96682;
var envProtoType = (("https:" == document.location.protocol) ? "https://" : "http://");
document.write(unescape("%3Cscript src='" + envProtoType + "d.envolve.com/env.nocache.js' type='text/javascript'%3E%3C/script%3E"));
</script>

espero les guste y le puedan sacar provecho a estos pequeños artilugios

Carlos Arreola · 07/12/2012

Tutorial aprobado y agregado al listado de tutoriales.

Spilock · 07/12/2012

Gracias por el aporte 😉

raveny · 07/12/2012

Gracias, justo uno de los tutoriales que estaba buscando 🙂

mkal · 30/12/2012

Bonita y liviana que es lo principal. vere si cambio a esta.

pugozo24 · 02/03/2013

seve muy bueno, lo probare

nickuad · 04/03/2013

Pregunta:
si a esta caja pop up esto le pongo anuncios adsense? esta permitido?

Koletta · 26/03/2013

Lo voy a probar!

GatoRyuzaki · 26/03/2013

Gracias por el aporte 😀 aunque enveces son algo molestos los popups si no se aprecia bien en donde se pueden cerrar.
Saludos :welcoming:

milusito · 09/04/2013

Se ve bastante bien, a ver que tal

Spilock · 09/04/2013

gracias por el aporte.

garoto · 01/06/2013

Me puede funcionar en wordpress tambien?

alejorubio07 · 11/08/2013

gracias por compartir

seadincperu · 11/08/2013

Muy bueno :encouragement:

YKMedia · 14/08/2013

Gracias por el tutorial. Ahorita lo probaré en uno de mis blogs.

virux · 16/09/2013

Si funciono!

Gracias :ghost:

jc7 · 30/09/2013

Buen aporte gracias!!

abercrombie · 03/10/2013

Gracias por el aporte. Lo probaré para ver como se ve :encouragement:

YKMedia · 16/10/2013

Tienes una demo ?

el tigre · 20/10/2013

Llego la hora de probar Gracias.

Tutorial: Como criar uma caixa pop up multifuncional no seu site

elkin8517

Carlos Arreola

Spilock

raveny

mkal

pugozo24

nickuad

Koletta

GatoRyuzaki

milusito

Spilock

garoto

alejorubio07

seadincperu

YKMedia

virux

jc7

abercrombie

YKMedia

el tigre

Tópicos similares