Este tutorial é de como colocar um xat igual do da PE!

1º Passo: Procure pela Tag:  ]]></b:skin>
2º Passo: acima dessa tag, cole o seguinte código:

.xat {
background:url(http://img828.imageshack.us/img828/4174/xathgl.png) no-repeat;
width:800px;
height:500px;
clear:both;
margin:0 0 30px 100px;
padding:20px 0 0 0;
}
.xat embed{
width:550px;
height:360px;
overflow:hidden;
margin-top:57px;
margin-left:200px;
}


3º Passo: Agora procure por:
<div id='footer2'>
Se não tiver procure por:
<div id='rodape'>
E se não tiver procure por:
<div id='footer'>

Se não tiver nenhum desses códigos, procure pelo <div id=''> do seu rodapé e cole acima dele o seguinte código:

<div class='xat'>
<embed align='middle' allowscriptaccess='sameDomain' flashvars='id=ID DO SEU CHAT AQUI' height='405' name='chat' pluginspage='http://xat.com/update_flash.shtml' quality='high' src='http://www.xatech.com/web_gear/chat/chat.swf' type='application/x-shockwave-flash' width='455'/>
</div>


E pronto!


OBS: Não se esquece de colocar a ID do seu chat, onde está o texto em vermelho!

Tirando uma duvida:
Mas como consigo a ID do meu chat?

É facil!

Faça assim:

Entra no seu xat: Ex o da Perfect: http://xat.com/ConversaBoua

Agora vá em Embed: