#13 - Como poner la ventana de Aviso

1. Vas a Diseño > Elementos de la Página > Añadir un Gadget > HTML/Javascript

2. Copiamos este código:

<style type="text/css"><br /> #aviso{<br /> width:500px; /* Ancho de la caja */<br /> padding:5px; position:absolute; z-index:5000;}<br /> .caja-aviso{<br /> border:4px double #0080FF; /* Color del borde */<br /> -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;<br /> background-color: #CEECF5; /* Color de fondo */<br /> padding: 10px; font-family: Verdana, Geneva, sans-serif;<br /> color: #0B173B; /* Color del texto */<br /> }<br /> .letrero-aviso { /* Estilos de la palabra AVISO */<br /> font-size:18pt;<br /> font-weight:bold;<br /> color:#B4045F;<br /> text-shadow: 0px 0px 10px #BA55D3;}<br /> </style><br /> <br /> <div id="aviso" style="left:300px; top:100px; padding:0;"><br /> <div align="right" style="margin-bottom:-30px;"><b><a href="javascript:closeit()" ><font face="Arial" size="1">[CERRAR]</font> <img valign="middle" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh899Jb7GwycNReXsR7WqUrXJH_7ceXbYE89N0cWblGfpyGdUfSgsOpnoZENyA9XkQ33s3HsRNRu3Scq_WOzQXMEhFT0ex0lIB86Nt2VqIm7QPaN-sAPuFwaV3QgJlInxswGn_ATbDfT_iG/" style="vertical-align:middle;"/></a></b></div><br /> <br /> <br/><br /> <fieldset class="caja-aviso"><br /> <legend class="letrero-aviso" align="center">AVISO</legend><br /> <span class="Apple-style-span" style="color: red;">AQUÍ EL TEXTO QUE QUIERES PONER</span><br /> <br/><div align="right"><a href="<span class="Apple-style-span" style="color: red;">URL DE TU FACEBOOK</span>" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0KaPryZICv1rBza1xsljcOSrGAR1NFFIDFx0s2tdnqiNa3nwPX6XAdaGdfOMtTwYRW3uagRjrbvFzuxLiJAWRFPem_NmTXkqugVwxlw4HFStVnUI6IXrEyIQRwauYl-gzy9GEwVA4WW6j/" width="26"/></a><br /> <a href="<span class="Apple-style-span" style="color: red;">URL DE TU TWITTER</span>" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtG-W3A9Bb0_PNIeqHHkP88Rsr-vBAPMgdP5iUh-uQKH7uU-btx7lJsg1OOH0Ao2yKw2QCaZ-sOsFWXlq_UzKgRbjsSLqPrsXzQ6kxFQOgRBYJL0y8XyAyYefd22GO-tXL-1_aWXReaUKt/" width="25"/></a></div><br /> </fieldset><br /> <br /> <script><br /> function closeit(){<br /> document.getElementById("aviso").style.visibility = "hidden";<br /> }<br /> </script><br /> <br /> </div><div class="clear"/></div></div></span><span style="color: black; font-size: 13.5pt;"><o:p></o:p></span></div>

3. Cambiar donde pone ''AQUÍ EL TEXTO QUE QUIERES PONER'', y escribir lo que quieras poner, luego cambiar donde pone ''URL DE TU FACEBOOK'' con la url de tu Facebook y ''URL DE TU TWITTER'' por la url de tu twitter. Si quieres cambiar el tipo de letra o algo, puedes hacerlo. Si no encuentras donde pone lo del texto y lo del Facebook, cuando estes leyendo esto pulsa directamente F3 y escribe lo que quieras buscar, el ordenador te lo buscará y te lo pondrá subrallado en naranja.

4. Le das a Guardar y listo.

Pedido de: ?????????