Como colocar uma caixa de aviso no blog

Criar uma caixa de aviso é muito simples veja o exemplo abaixo:

  Para usá-la, basta irmos em Design> Elementos de página> Adicionar um gadget> HTML Javascript e colar o seguinte: 

<style type="text/css"> #aviso{ width:500px; /* Altura da caixa */ padding:5px; position:absolute; z-index:5000;} .caja-aviso{ border:4px double #000000; /* Cor da borda */ -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: #D3D3D3; /* Cor de fundo */ padding: 10px; font-family: Verdana, Geneva, sans-serif; color: #0B173B; /* Cor do texto */ } .letrero-aviso { /* Estilos da palavra AVISO */ font-size:18pt; font-weight:bold; color:#B4045F; text-shadow: 0px 0px 10px #BA55D3;} </style> <div id="aviso" style="left:300px; top:100px; padding:0;"> <div align="right" style="margin-bottom:-30px;"><b><a href="javascript:closeit()" ><font face="Arial" size="1">[FECHAR]</font> <img valign="middle" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiVNJproWfCoS1YB-ab9zmLynnTSSIJkWBomfjAV8n5HKV15uuuujwqlkw_dcHTmnyyrf6bsqQRu7VaxD5DqU9WBGDgKuJ4KyZ6Xh9T3DO93wVRdcQfBJ1PtEFYIivl_e3EBfFvDnYOMz5/" style="vertical-align:middle;"/></a></b></div> <br/> <fieldset class="caja-aviso"> <legend class="letrero-aviso" align="center">AVISO</legend> ...Escreva aqui sua mensagem... <br/><div align="right"><a href="http://www.facebook.com/usuario" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF2XF9TTwwVFEUb4C59jPAVftrIMhzo7eP62xAjCLPx2nRurCRzhG2aSo8ripfllJf_mJX-tzi4PIk3mNlQ823Zu9xK3f-kt3-TfD_UnLHOpuF386qgoGilC-mABEziFxow45N_xHC2qbZ/" width="26"/></a> <a href="http://twitter.com/usuario" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjENDwPmG8sDY3edQQ_OVtFZ0tzRIHkdyU9kl_br9tr3o0pFyiBhh2wHR4TM0JPRsrs2GtLM5jPGLFSMG_hfuwPRpIxuDvpYrbBzJV2-Sur1zoUNpxr_-Pdop5RxLMPdZaw9iUx6ILEuybt/" width="25"/></a></div> </fieldset> <script> function closeit(){ document.getElementById("aviso").style.visibility = "hidden"; } </script> </div><div class="clear"/></div>

Você só terá que escrever a mensagem no lugar indicado "Escreva aqui sua mensagem" e colocar seu nome de usuario do facebook e do twitter se desejar.