Como colocar una ventana emergente para Blogger Widget

Ventana Emergente para Blogger que podemos colocar en un Widget de nuestro Blog. En esta ocasión vamos a añadir una ventana de suscripción de youtube, facebook, ventana Aviso, que le saldrá a a los lectores del blog. Podemos utilizar este widget funcional para mostrar diferentes opciones.

Personalmente no es un recurso que me guste usar, por ser intrusivo, a veces da impresión de asustar al visitantes del blog.

Sin embargo nuestro pop-up o ventana emergente puede resultar un gran beneficio para nuestros visitantes, así como para nosotros de manera que no resulte tan agresivo si no un recordatorio, o incluso un regalo.

Podemos aportar un montón de cosas, desde pequeños avisos, botones de suscripciones, redes sociales . Tenemos varios beneficios para llegar a nuestros visitantes y poder captar su atención con este tipo de anuncios.

Implementar Ventana Emergente para Blogger en Widget

Entrar en Blogger / Diseño / Crear un nuevo Gadget e incluir el siguiente código.

<!-- AVISO OFF -->
<div id="aviso_off" style="display:block; z-index:99999;position:fixed;top:0px;left:0px;overflow:visible;height:100%;width:100%;background:rgba(255,255,255,.7);">
<div style="z-index:999999;position:fixed; overflow:visible; top:50%; left:50%; width:320px;  margin-top:-160px; margin-left:-160px; background:#ffffff; color:#000000;font-size: 22px;border-radius: 20px; padding:20px;box-sizing:border-box; text-align:left;border: 2px solid black;">
<a href="javascript:void(0);" style="float:right;padding:0 6px;box-sizing:border-box;background:#333;text-decoration:none;color:#fff;border-radius:5px;" onclick="document.getElementById('aviso_off').style.display='none';"><b>X</b></a>

COLOCAR AQUI SU CODIGO O MENSAJE

</div></div>

Debemos cambiar COLOCAR SU CODIGO O MENSAJE por el código de nuestro facebook, youtube, aviso, etc.

- Crear Caja de Facebook

- Crear Caja de Youtube