Início » » Tutorial - Como Coloca Chat Flutuante No Rodapé Do Blog

Tutorial - Como Coloca Chat Flutuante No Rodapé Do Blog

Postado por: Equipe Renders10 em sexta-feira, 20 de julho de 2012 | 15:39


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

0 comentários:

Postar um comentário

Obrigado pelo seu comentário! É muito importante saber o que você achou desse arquivo!