Tutorial: Cómo crear una caja pop up multifuncional en tu sitio web

elkin8517 Seguir

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
Sigma
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
¡Excelente comerciante!
Suscripción a IA
Desde
6 Abr 2009
Mensajes
11.327
Tutorial aprobado y agregado al listado de tutoriales.
 

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 activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
10 Dic 2012
Mensajes
1.130

GatoRyuzaki

Dseda
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
3 Mar 2013
Mensajes
1.143
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
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
25 Nov 2012
Mensajes
393
Me puede funcionar en wordpress tambien?
 

seadincperu

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

YKMedia

Lambda
Social Media
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
5 Ago 2013
Mensajes
2.965
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! ¡Utiliza siempre saldo de Forobeta!
Desde
13 Mar 2013
Mensajes
189
Si funciono!

Gracias :ghost:
 

abercrombie

Gamma
Verificación en dos pasos desactivada
Desde
29 Sep 2013
Mensajes
156
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Gracias por el aporte. Lo probaré para ver como se ve :encouragement:
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba