{Tutorial} Cartelito de aviso en tu blog

Hola a todos y todas  Bueno, he estado hablando con Kiara y resulta que por unos motivos no puede coger el ordenador durante una semana. Pero esperenla porque vendrá con una gran sorpresa... no diré nada  y ahora sigamos con el tutorial, creo que queda claro sobre que va  Aqui hay una preview.

Simplemente ponemos en un gadget este código:

<style type="text/css">
#AVISO{
width: 250px; /* Ancho de la caja */
padding: 5px; position: fixed; z-index: 5000;
}
.caja-aviso{
border: 2px dashed #0080FF; /* Color del borde */
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 1px #808080; -moz-box-shadow: 2px 2px 1px #808080; box-shadow:2px 2px 1px #808080;
background-color: #CEECF5; /* Color de fondo */
padding: 10px; font-family: Verdana, Geneva, sans-serif;
color: #0B173B; /* Color del texto */
}
.letrero-aviso { /* Estilos de la palabra AVISO */
font-size:18pt;
font-weight:bold;
color:#000;
</style>
<div id="aviso" style="left:0px; top:100px; padding:0;">
<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/AVvXsEiBOqWRIOviOjD9EmSnbm615n2FYiOvDT1JEHzvTzhKYVcdmliFJneTGXJV68pWthgglR9F4uHZP96Kl-eTsoneV42LQOIn0kNt4izqIuZPjhEgodI_UMDyYSgNbBE27L1zV2GQKQBnlIrY/" style="vertical-align:middle;"/></a></b></div>
<br/>
<fieldset class="caja-aviso">
<legend class="letrero-aviso" align="center">AVISO</legend>
El mensaje que quieres poner
<br/>
</fieldset>
<script>
function closeit(){
document.getElementById("aviso").style.visibility = "hidden";
}
</script>
</div><div class="clear"/></div>

• VERDE: Icono para cerrar.

Creo que los demás esta bien explicado, la sección anterior ha tenido buenas criticas. Tanto buenas como malas, creo que os ha gustado. Este domingo habrá seccion de historias. Mia phantomhive y Saku sekai, si veís esto teneís que acceder aqui.