Como Colocar Xat Com Table

Eae pessoal atendendo pedidos eu estou fazendo esse tutorial de como colocar xat com table era pra mim fazer uma video aula mas não rolou então vai ser escrito mesmo ;p

Vamos começar

1º vá em Modelo>Editar HTML> Ctrl+F e procure a tag ]]></b:skin>

2º cole o seguinte codigo acima da tag ]]></b:skin>

.creatorsevollution {
background:url(http://upamais.com/images/55378493646939640182.png) no-repeat;
width:800px;
height:500px;
clear:both;
margin:0 0 30px 70px;
padding:20px 0 0 0;
}
.creatorsevollution embed{
width:550px;
height:360px;
overflow:hidden;
margin-top:58px;
margin-left:28px;
}
.creatorsevollution h2{
width:0px !important;;
height:0px !important;;
overflow:hidden !important;;
}

3º Aperte Ctrl+f e procure pela tag <div class='rodape'> e cole o seguinte codigo abaixo desta tag

<a name='creatorsevollution'/>
<div class='creatorsevollution'>
<embed FlashVars='id=185955765' align='middle' allowScriptAccess='sameDomain' 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>

*para mudar a table hopede um imagem e cole o link dela onde esta de vermelho*
*para mudar o xat copie o id do seu xat e cole onde esta de verde*