Tutorial: Caja pop up sencilla multifuncional

elkin8517

Gamma
Verificación en dos pasos desactivada
Desde
23 Nov 2012
Mensajes
291
Crédito(s)
0
Puntos
31
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: &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 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

<!-- Envolve Chat -->
<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

Admin
Verificado con documento
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Excelente comerciante!
Desde
6 Abr 2009
Mensajes
1.877
Edad
34
Crédito(s)
86
Puntos
110.664
Tutorial aprobado y agregado al listado de tutoriales.
 

spilock

Zeta
Social Media
Verificación en dos pasos desactivada
Desde
24 May 2012
Mensajes
1.926
Crédito(s)
1
Puntos
93
Gracias por el aporte ;)
 

raveny

Dseda
Verificación en dos pasos desactivada
Desde
27 Nov 2010
Mensajes
1.145
Crédito(s)
2
Puntos
232
Gracias, justo uno de los tutoriales que estaba buscando :)
 

mkal

Épsilon
Verificación en dos pasos desactivada
Desde
26 Feb 2012
Mensajes
864
Crédito(s)
1
Puntos
799
Bonita y liviana que es lo principal. vere si cambio a esta.
 

nickuad

Beta
Verificación en dos pasos desactivada
Desde
25 Jul 2012
Mensajes
78
Crédito(s)
0
Puntos
0
Pregunta:
si a esta caja pop up esto le pongo anuncios adsense? esta permitido?
 

GatoRyuzaki

Dseda
Verificación en dos pasos desactivada
Desde
3 Mar 2013
Mensajes
1.136
Edad
27
Crédito(s)
2
Puntos
2.124
Gracias por el aporte :D aunque enveces son algo molestos los popups si no se aprecia bien en donde se pueden cerrar.
Saludos :welcoming:
 

garoto

Gamma
Verificación en dos pasos desactivada
Desde
25 Nov 2012
Mensajes
378
Crédito(s)
1
Puntos
73
Me puede funcionar en wordpress tambien?
 

YKMedia

Iota
Social Media
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
5 Ago 2013
Mensajes
2.278
Crédito(s)
0
Puntos
201
Gracias por el tutorial. Ahorita lo probaré en uno de mis blogs.
 

virux

Gamma
Redactor
Verificación en dos pasos desactivada
Desde
13 Mar 2013
Mensajes
192
Crédito(s)
0
Puntos
17
Si funciono!

Gracias :ghost:
 

abercrombie

Baneado
Gamma
Verificación en dos pasos desactivada
Desde
29 Sep 2013
Mensajes
156
Edad
29
Crédito(s)
0
Puntos
131
Gracias por el aporte. Lo probaré para ver como se ve :encouragement:
 

YKMedia

Iota
Social Media
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
5 Ago 2013
Mensajes
2.278
Crédito(s)
0
Puntos
201
Tienes una demo ?
 

Arriba