Criando xat junto as regras

Primeiro vamos criar o Xat

Entre no http://xat.com/ e vão em MAKE A CHAT BOX

Depois escolha o background, faça uma imagem de 600x600, Transparente,
Hospede no Tinypic.com, Pegue o link direto...

e cole no espaço que aparece, assim

Agora vá em update e get code
Copie o código que aparece embaixo da pagina!

E cole em Html/javascript, que esta em layout no seu blog!
Coloque na posição que quiser!

Agora vamos colocar esse xat junto as regras!

Primeiro baixe a imagem de base (Clique aqui!) e a edite como quiser!

Depois a hospede no tinypic.com

Abra o bloco de notas, e cole esse código

<center>
<div style="background-image: url(LINK DA IMAGEM); line-height: 13px; width: 590px; height: 780px;"><span style="color: rgb(255, 255, 255);">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<embed wmode="transparent" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=ID DO XAT&rl=Brazilian" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /></embed></span></div></center>

Onde está "Link da Imagem" cole o código direto da imagem que você acabou de hospedar!

Agora vá onde você colocou o Html/javascript do xat e Procure essas palavras "id = Muitos números"
Copie só os números que estão lá, e cole onde esta no bloco de notas "id do xat"

E pronto!