Tutorial - Como Coloca Chat Flutuante No Rodapé Do Blog

Ganhe dinheiro para compartilhar os seus links!

Entre no painel de seu blog click em design, editar html 

de ctrl + f e procure por :  ]]>

Encontrado Cole o seguinte código acima de ]]>



#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://i45.tinypic.com/1534a3o.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; }


Agora Procure por : 

Encontrado cole o seguinte código acima de 

 

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'/>

Feito isso Click em Visualizar Para ver se não ocorreu nenhum erro se deu certo salve e pronto !

Para colocar seu xat no segundo código procure por id que vai esta destacado de Vermelho troque apenas o id do xat

Tweet