Chat na Parte Inferior do Blog

Yo mina . Hoje irei mostra como colocar o chatna farte inferior do blog, com a opção de abrir e fechar chat. Vamos lá.


Primeiro vocês irão adicionar o CSS. Então ACIMA de:

]]></b:skin>

Cole o seguinte código:

/*xat lateral
------------------------------------*/
#gb {
position:fixed;
bottom:-340px;
z-index:+1000;
right:160px;
}
* html #gb {
position:relative;
}
.gbtab {
height:48px;
width:677px;
margin-left: 45px;
cursor:pointer;
background:url('http://i.imgur.com/pypei.png') no-repeat; /*TROQUE A IMAGEM PELA DE SUA PREFERÊNCIA(A QUE MOSTRA 'CLIQUE AQUI PARA ABRIR O CHAT')*/
margin-top:0px; }
.gbcontent { 
float:left; 
border:7px solid #000; /*COR DA BORDA*/
background:#fff;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
padding:8px; }

Agora vocês irão procurar por:

</body>

E colar o seguinte:

<div id='gb'> <div class='gbtab' onclick='showHideGB()'> </div> <div class='gbcontent'> <div style='line-height:0;background-position:center;width:735px;height:310px;'><embed align='middle' allowscriptaccess='sameDomain' flashvars='id=ID DO SEU XAT' height='310' 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='735' wmode='transparent'/> </div> </div> </div>

Agora basta mudar >> ID DO SEU XAT >> pelo ID do seu xat. Espero ter ajudado.Vlw!