| VENTANA FLOTANTE CON MENSAJE O AVISO CON OPCIÓN DE CERRAR EN BLOGGER |
| AQUÍ TENEMOS EL CODIGO |
Y bueno, la colocación es prácticamente sólo un paso, únicamente hay que entrar en Diseño | Añadir un gadget | HTML/Javascript, y ahí pegar lo siguiente:
<style type="text/css">
#aviso{
width:500px; /* Ancho de la caja */
padding:5px; position:absolute; z-index:5000;}
.caja-aviso{
border:3px double #FFF; /* Color del borde */
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 8px 8px 6px #808080; -moz-box-shadow: 8px 8px 6px #808080; box-shadow: 8px 8px 6px #808080;
background-color: #292929; /* Color de fondo */
padding: 10px; font-family: Verdana, Geneva, sans-serif;
color: #FFF; /* Color del texto */
}
.letrero-aviso { /* Estilos de la palabra AVISO */
font-size:14pt;
font-weight:bold;
color:#FFF;
text-shadow: 0px 0px 10px #ff0202;}
</style>
<div id="aviso" style="left:-1px; top:220px; padding:0;">
<div align="right" style="margin-bottom:-25px;"><b><a href="javascript:closeit()" ><font face="Arial" size="1">[CERRAR]</font> <img valign="middle" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKv-0ClKy3U2T-BpdleZkw4DFe0jDbyT2FGl1_GHGGlgu4ekduGoX3SgcCMpJnu3VqDYmJem6NaJxiYuIa_umHn_EzbogKSywedn757KPJsRsWDS0PykzoBbY38JAu6UIIhImFr91eMnse/" style="vertical-align:middle;"/></a></b></div>
<br/>
<fieldset class="caja-aviso">
<legend class="letrero-aviso" align="center">IMPORTANTE AVISO</legend>
<center>
Estimado usuario debido a las leyes de copyright, blogger está borrando nuestras cuentas y es posible que en cualquier momento nos eliminen éste blog, sin embargo nos podrás encontrar con el mismo contenido, siempre con ésta dirección:<br/><br/>
<span style="color: cyan; font-weight: bold;"><a href="http://www.moviecoleccion.com/" target="_blank">www.moviecoleccion.com</a></span>
</center>
<br/>
</fieldset>
<script>
function closeit(){
document.getElementById("aviso").style.visibility = "hidden";
}
</script>
</div><div class="clear"/></div>
#aviso{
width:500px; /* Ancho de la caja */
padding:5px; position:absolute; z-index:5000;}
.caja-aviso{
border:3px double #FFF; /* Color del borde */
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 8px 8px 6px #808080; -moz-box-shadow: 8px 8px 6px #808080; box-shadow: 8px 8px 6px #808080;
background-color: #292929; /* Color de fondo */
padding: 10px; font-family: Verdana, Geneva, sans-serif;
color: #FFF; /* Color del texto */
}
.letrero-aviso { /* Estilos de la palabra AVISO */
font-size:14pt;
font-weight:bold;
color:#FFF;
text-shadow: 0px 0px 10px #ff0202;}
</style>
<div id="aviso" style="left:-1px; top:220px; padding:0;">
<div align="right" style="margin-bottom:-25px;"><b><a href="javascript:closeit()" ><font face="Arial" size="1">[CERRAR]</font> <img valign="middle" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKv-0ClKy3U2T-BpdleZkw4DFe0jDbyT2FGl1_GHGGlgu4ekduGoX3SgcCMpJnu3VqDYmJem6NaJxiYuIa_umHn_EzbogKSywedn757KPJsRsWDS0PykzoBbY38JAu6UIIhImFr91eMnse/" style="vertical-align:middle;"/></a></b></div>
<br/>
<fieldset class="caja-aviso">
<legend class="letrero-aviso" align="center">IMPORTANTE AVISO</legend>
<center>
Estimado usuario debido a las leyes de copyright, blogger está borrando nuestras cuentas y es posible que en cualquier momento nos eliminen éste blog, sin embargo nos podrás encontrar con el mismo contenido, siempre con ésta dirección:<br/><br/>
<span style="color: cyan; font-weight: bold;"><a href="http://www.moviecoleccion.com/" target="_blank">www.moviecoleccion.com</a></span>
</center>
<br/>
</fieldset>
<script>
function closeit(){
document.getElementById("aviso").style.visibility = "hidden";
}
</script>
</div><div class="clear"/></div>
PROYECTO TERMINADO
