publicidade
publicidade
publicidade
publicidade
publicidade
publicidade
publicidade

COMO COLOCAR XAT NA LATERAL DO BLOG

AI GENTE VOU POSTAR AQUI COMO COLOCA O XAT NA LATERAL DO SEU SITE OU BLOG
BOM COMO VOCES JA VIRAM MTS SITES COM O XAT OCULTO NA LATERAL DO SITE 
ENTAO VO POSTAR AQUI COMO VOCES FAZEREM ISSO



BOM PRIMEIRAMENTE VA EM HTML E PROCURE PELA TAG:  ]]></b:skin>
E COLE ESSE CODIGO ACIMA DA TAG
/* Chat<br /> ----------------------------------------------- */<br /> #gb{<br /> position:fixed;<br /> top:340px;<br /> z-index:+1000;<br /> right:-610px;<br /> }<br /> * html #gb{position:relative;}<br /> .gbtab{<br /> height:164px;<br /> width:51px;<br /> float:left;<br /> cursor:pointer;<br /> background:url('IMAGEM DO BOTÃO PARA ABRIR O CHAT') no-repeat;<br /> }<br /> .gbcontent{<br /> float:left;<br /> border:1px solid #000;<br /> background: url(IMAGEM DE BACKGROUND PARA O CHAT)repeat;<br /> padding:10px;<br /> }


FICANDO ASSIM


/* Chat<br /> ----------------------------------------------- */<br /> #gb{<br /> position:fixed;<br /> top:340px;<br /> z-index:+1000;<br /> right:-610px;<br /> }<br /> * html #gb{position:relative;}<br /> .gbtab{<br /> height:164px;<br /> width:51px;<br /> float:left;<br /> cursor:pointer;<br /> background:url('IMAGEM DO BOTÃO PARA ABRIR O CHAT') no-repeat;<br /> }<br /> .gbcontent{<br /> float:left;<br /> border:1px solid #000;<br /> background: url(IMAGEM DE BACKGROUND PARA O CHAT)repeat;<br /> padding:10px;<br /> }
]]></b:skin>


LOGA APOS FAZER ISSO  PROCURE PELA TAG </body>
E COLE ESSE CODIGO ACIMA


<script type='text/javascript'> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script><br /> <br /> <div id='gb'><br /> <div class='gbtab' onclick='showHideGB()'></div><br /> <div class='gbcontent'><br /> <!-- BEGIN CBOX - www.cbox.ws - v001 --><br /> <div style='line-height:0;background-position:center;width:590px;height:310px;'><br /> COLE AQUI O CÓDIGO DO SEU CHAT <br /> <br /> </div></div></div><br /> <br /> <br /> <br /> 


FICANDO ASSIM
<script type='text/javascript'> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script><br /> <br /> <div id='gb'><br /> <div class='gbtab' onclick='showHideGB()'></div><br /> <div class='gbcontent'><br /> <!-- BEGIN CBOX - www.cbox.ws - v001 --><br /> <div style='line-height:0;background-position:center;width:590px;height:310px;'><br /> COLE AQUI O CÓDIGO DO SEU CHAT <br /> <br /> </div></div></div><br /> <br /> <br /> <br /> 
 </body>
E PRONTO SALVE E DISFRUTE DO SEU XAT NA LATERAL DO SEU BLOG
COMENTEM AI VAI AJUDAR MT A^^
TUTORIAL FEITO POR CROC DEIGNER

9 comentários:

Equipe Download Net disse...

Muito bom esse tutorial..Me ajudo bastante

markinhos disse...

muito legal mais so funciona em blogspot e nao da pra fazer e site. mesmo assim valeu

miguel_ADM disse...

vou ve se consigo faze pro wordpress

Reinaldo disse...

Tenho uma pergunta agente cola o código inteiro do xat? por que eu colo lá e não dáserto

Wemerson santos silva disse...

mano eu fiz como tava no tutorial mais nao deu ainda bem que fiz no blog de teset si pdoer ajuda meu blog ta aki corner-of-doubts.blogspot.com

Marcos Felipe disse...

daew manow eu fisso igualsinho no tutorial mais tbm n deu certo ele apenas abril um espaço abaixo do rodape escrito codigo de seu xat aki '-'

Galaxy Hotel disse...

marcos acontece isso pq no codigo onde ta escrito codigo do seu xat aki vc tem que apagar e colar o codigo do seu xat

Filipe Ligeiro disse...

nO MEU NAO DA

Skrillex disse...

Pessoal, Os que estão dando erro.É por que o blogger não aceita mais esse tipo de codigo OU é o seu template.. Obrigado!

Postar um comentário