dicashot
Gata da vez
(+18)
DicasHot
HBO MOVIES ONLINE
TV
dicashot
Cartoon Network PT
TV
dicashot
ANI ROCHA NO FUNK
DANÇANDO MUITO



Colocando Xat Do Lado Esquerdo Do Blogger


Colocando Xat Do Lado Esquerdo Do Blogger Nest post falarei aqui no Dicashot a respeito de como colocar um xat  expansível em seu blog.
O que é um Xat?

Um xat, que em português significa conversação, ou bate-papo, é um neologismo para designar aplicações de conversação em tempo real.

Agora que já vimos o que é um xat, vamos começar a colocá-lo no blog.

Instalando o código HTML

Entre em "Design";

Clique em ''Editar HTML";

Clique em "Expandir modelos de widgets";

Procure pela tag ]]></b:skin>
e cole ACIMA dela o seguinte código:

#gb { position:fixed; top:150px; z-index:+1000; left:-610px; } * html #gb { position:relative; } .gbtab { height:161px; width:47px; float:right; cursor:pointer; background:url('SEU BOTÃO AQUI') no-repeat; margin-top:20px; } .gbcontent { float:left; border:2px solid #8c00c1; background:#fff; opacity:0.80; -moz-opacity: 0.80; filter: alpha(opacity=80); -webkit-border-radius: 20px; border-radius: 20px; -khtml-border-radius: 20px; padding:8px; }


5° SUBSTITUA o campo destacado em vermelho pelo seu botão.

Estes são alguns botões que você pode estar usando em seu blog:

Botão - XatBotão - XatBotão - XatBotão - XatBotão - XatBotão - XatBotão - Xat


Agora procure por: </body> (no final do template)
e cole ACIMA dele o seguinte código:

<script type='text/javascript'> function showHideGB(){ var gb = document.getElementById(&quot;gb&quot;); var w = gb.offsetWidth; gb.opened ? moveGB(0, 47-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById(&quot;gb&quot;); var dx = Math.abs(x0-xf) &gt; 10 ? 5 : 1; var dir = xf&gt;x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.left = x.toString() + &quot;px&quot;; if(x0!=xf){setTimeout(&quot;moveGB(&quot;+x+&quot;, &quot;+xf+&quot;)&quot;, 10);} } </script> <div id='gb'> <div class='gbtab' onclick='showHideGB()'> </div> <div class='gbcontent'> <div style='line-height:0;background-position:center;width:590px;height:310px;'> SEU CHAT AQUI /> </div> </div> </div>

height="305"  width="590"


6° SUBSTITUA o campo destacado de vermelho pelo código do seu xat.


Tendo feito as substituições, salve e pronto!!!

Se inscreva e receba nossas atualizações por e-mail:





Cursos 24 Horas

Cursos Online
Colocando Xat Do Lado Esquerdo Do Blogger Colocando Xat Do Lado Esquerdo Do Blogger Reviewed by Muca on 8/19/2013 10:36:00 AM Rating: 5