Tutorial - Xat Em Baixo/Rodapé Do Blog

 Nossa Avaliação Do Conteúdo:
Descrição: Como colocar xat.com no fim da página/rodapé do Blogger!  

Gênero:  Tutoriais, 

Créditos: Premium Designer 3D

Tutorial:

Neste tutorial iremos aprender a como colocar xat em baixo de seu blog.

1° Vá Modelo > Editar HTML

Procure por (Ctrl + F): ]]></b:skin>  Em cima da tag ]]></b:skin> cole este código:

.gbtab { height:48px; width:677px; margin-left: 45px; cursor:pointer; background:url('http://i.imgur.com/nd8p2.png') no-repeat; margin-top:0px; } .gbcontent { float:left; border:7px solid #000; background:#fff; -webkit-border-radius: 20px; border-radius: 20px; -khtml-border-radius: 20px; padding:8px; } 2º Fazendo isso, procure novamente (Ctrl + F) por: </body> Abaixo da tag </body>, cole este código:

<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=182138940' 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>
Para mudar para o seu xat, procure no código que você colocou abaixo da tag </body> procure pela ID: 182138940 e substitua pela sua ID no site XAT.COM.
Gostou? Comente!