Caixa com aviso flutuante

Fui agora ao blog de Gem@ e de lá trouxe mais essa novidade.
Se trata de uma caixa flutuante para que você deixe recadinhos para seus visitantes. Veja AQUI o exemplo.
Para coloca-la em seu blog é bem simples.

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

Vá até o HTML do seu blog e procure pelo código:
]]></b:skin>



Acima dele, cole o código abaixo

#topbar{
position:absolute;
border: 1px solid black;
padding: 5px;
background-color: white;
width: 640px;
visibility: hidden;
z-index: 640;
}

Agora clique em "Expandir modelos de widgets" e procure pelo seguinte código:
<div id='outer-wrapper'><div id='wrap2'>

Agora abaixo dele coloque o seguinte código:

* Troque os códigos em verde pelo que se pede.

<div id='topbar'>
<a href='' onClick='closebar(); return false'><img border='0' src='ENDEREÇO DA IMAGEM PARA FECHAR O QUADRO '/></a>
ESCREVA AQUI O QUE QUISER
</div>

Agora copie o código que esta AQUI, vá até "Elementos de página", clique em "Adicionar um gadget" e depois clique em HTML/Javascript e cole o código.