Tutorial - Como Coloca Xat Na Lateral Direita Do Blog

Ganhe dinheiro para compartilhar os seus links!

Como coloca xat na lateral direita" do blog

Antes de adicionar o código salve o modelo de seu blog!

Entre no painel de seu blog Design, Editar Html de ctrl+f e procure por : ]]>

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


/* Chat By Robson Baixe Renders
----------------------------------------------- */
#gb{
position:fixed;
top:340px;
z-index:+1000;
right:-610px;
}
* html #gb{position:relative;}
.gbtab{
height:164px;
width:51px;
float:left;
cursor:pointer;
background:url('http://i48.tinypic.com/33yp4id.png') no-repeat;
}
.gbcontent{
float:left;
border:1px solid #000;
background: url(IMAGEM DE BACKGROUND PARA O CHAT)repeat;
padding:10px;
}


Agora Procure por : 

Encontrado cole o seguinte código acima de 

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

O Código esta aprovado apenas para os navegadores chrome é firefox !


Clique aqui para ver o tutorial do xat na lateral esquerda do blog!


Duvidas Comente Na Postagem !

Tweet