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:
Muito bom esse tutorial..Me ajudo bastante
muito legal mais so funciona em blogspot e nao da pra fazer e site. mesmo assim valeu
vou ve se consigo faze pro wordpress
Tenho uma pergunta agente cola o código inteiro do xat? por que eu colo lá e não dáserto
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
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 '-'
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
nO MEU NAO DA
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