Tutorial: Caja pop up sencilla multifuncional

elkin8517

Gamma
Verificación en dos pasos desactivada
Desde
23 Nov 2012
Mensajes
291
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 videollamada
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Excelente comerciante!
Desde
6 Abr 2009
Mensajes
4.358
Tutorial aprobado y agregado al listado de tutoriales.
 

Addex

Zeta
Verificación en dos pasos activada
Desde
24 May 2012
Mensajes
1.931
Gracias por el aporte ;)
 

raveny

Dseda
Verificación en dos pasos desactivada
Desde
27 Nov 2010
Mensajes
1.169
Gracias, justo uno de los tutoriales que estaba buscando :)
 

mkal

Épsilon
Verificación en dos pasos desactivada
Desde
26 Feb 2012
Mensajes
865
Bonita y liviana que es lo principal. vere si cambio a esta.
 

pugozo24

Eta
Redactor
Verificación en dos pasos desactivada
Desde
22 Feb 2013
Mensajes
1.465
seve muy bueno, lo probare
 

nickuad

Beta
Verificación en dos pasos desactivada
Desde
25 Jul 2012
Mensajes
78
Pregunta:
si a esta caja pop up esto le pongo anuncios adsense? esta permitido?
 

Koletta

Dseda
Verificación en dos pasos desactivada
¡Usuario con pocos negocios!
Desde
10 Dic 2012
Mensajes
1.112
Lo voy a probar!
 

GatoRyuzaki

Dseda
Verificación en dos pasos desactivada
Desde
3 Mar 2013
Mensajes
1.137
Gracias por el aporte :D aunque enveces son algo molestos los popups si no se aprecia bien en donde se pueden cerrar.
Saludos :welcoming:
 

Addex

Zeta
Verificación en dos pasos activada
Desde
24 May 2012
Mensajes
1.931
gracias por el aporte.
 

garoto

Gamma
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios!
Desde
25 Nov 2012
Mensajes
389
Me puede funcionar en wordpress tambien?
 

alejorubio07

Zeta
Social Media
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
20 Dic 2012
Mensajes
1.628
gracias por compartir
 

seadincperu

Iota
Exchanger
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
9 Nov 2012
Mensajes
2.023
Muy bueno :encouragement:
 

YKMedia

Iota
Social Media
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
5 Ago 2013
Mensajes
2.445
Gracias por el tutorial. Ahorita lo probaré en uno de mis blogs.
 

virux

Gamma
Redactor
Verificación en dos pasos desactivada
¡Usuario con pocos negocios!
Desde
13 Mar 2013
Mensajes
192
Si funciono!

Gracias :ghost:
 

abercrombie

Baneado
Gamma
Verificación en dos pasos desactivada
Desde
29 Sep 2013
Mensajes
156
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.445
Tienes una demo ?
 

Crea una cuenta o accede para comentar

Debes ser un miembro para poder comentar

Crear cuenta

Crea una cuenta en nuestra comunidad

Acceder

¿Ya tienes una cuenta? Accede aquí


Arriba