Como colocar uma caixinha piscante no blog

Coloque esta caixinha que pisca e se fecha quando clicar no X em seu blog:

DIGITE AQUI A MENSAGEM PARA O VISITANTE

Vá em seu blog, “Layout” > “Elementos da Página” e em uma de sua sidebar, clique em “Adicionar um gadget” e adicione o gadget de HTML/JAVASCRIPT e cole o seguinte código:

<style>
#info{
border: 1px solid #000;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
position:relative;
color: #fff;
background-color: #808080;
background-image: url('http://4.bp.blogspot.com/_FXIne2ZDJII/S_FDqAx4zEI/AAAAAAAACeM/SaCt14nSPnw/s1600/alerta2en6so7.gif');}
</style><script src="http://code.jquery.com/jquery-1.2.3.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".close").click(function(){
$("#info").animate({left:"+=10px"}).animate({left:"-5000px"});});
$("#info").fadeOut(800).fadeIn(800).fadeOut(400).fadeIn(400)
.fadeOut(400).fadeIn(400);});
</script>
<div id="info">
<a class="close" href="#close" style="float: right;"><img border="0" src="http://4.bp.blogspot.com/_FXIne2ZDJII/S_FEuJTwhgI/AAAAAAAACeU/mZhx6ulyzAo/s1600/fechar.png" /></a> DIGITE AQUI A MENSAGEM PARA O VISITANTE</div>