Xat lateral

-
Aqui vai um código é bem legal, ele deixa o seu xat com efeito deslisante e com o botão abrir e fechar XAT na lateral do Blog.
Clique na imagem para visualizar melhor

Aparecerá um botão na lateral do blog, então quando clica no botão XAT automaticamente o seu xate será aberto e ele aparecerá deslizando na lateral esquerda do blog, e o mesmo botão serve também para fixar o XAT. 

Então para colocar o XAT flutuante vamos adicionar o código no HTML do blog.
Se você não sabe onde é que fica o HTML vou mostrar:
Primeiro vá no painel do seu blog, em Modelo >> depois Editar HTML
                                                                                        Clique na imagem para visualizar melhor
Depois vai abrir uma nova janela, lá você vai clicar em Prosseguir, e logo abrirá a HTLM do seu blog.
Então você vai apertar Ctrl + F do seu teclado para pesquisar este Tag: ]]></b:skin>
E a cima de ]]></b:skin> você vai colocar esse 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('http://i.imgur.com/WoBz0.png')  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; }<br /> <br />

E agora procure por  </body> e acima dele cole este segundo código:

<script  type='text/javascript'> function showHideGB(){ var gb =  document.getElementById("gb"); 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("gb"); var dx =  Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0  + dx * dir; gb.style.left = x.toString() + "px";  if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 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;'><embed  align='middle' allowscriptaccess='sameDomain' flashvars='id=171627818'  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='590'  wmode='transparent'/> </div></div></div>


Neste segundo código Altere o ID id=171627818  pelo o do seu XAT.
OBSERVE:o id fica no código do seu XAT.

E por final clique em Visualizar e veja se tudo ocorreu certo e depois Salve o modelo.

Pego por esse site 
http://variasdicasparablogs.blogspot.com.br/2012/08/como-colocar-xat-flutuante-fixo-com.html#more

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Anúncios Flutuantes

-
Imagem
E ai pessoal, aqui quem fala é o Edu...e hoje tenho algo super bacana para vocês  Um código de Anúncio Flutuantes, com 2 fechar " X " Como um velho conhecido meu sempre fala Tudo que é simples dispensa comentários extras. Então vamos logo ao que interessa Primeiro passo, você pega o código do anúncio que pretende colocar e guarda. Que daqui a pouco vamos precisar... <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script><br /> <script type="text/javascript"> $a = jQuery.noConflict(); $a(document).ready(function(e) { //funcoes banners $a('#fecharads1-fx').hover(function(){ $a('#fecharads1-fx').hide(); $a('#fecharads2-fx').css('display','block'); }); $a('#fecharads2-fx').click(function(){ $a('#ads-foda-fx').css('display','none'); }); });</script&g
Read more »

Player fixo de radio em Cima do blog

-
Imagem
Malz aee pessoal por tanto tempo sem posta mais tenho uma desculpa.Eu tava viciado em league of legends(LOL) aee fiquei sem posta mais ainda tou viciado,assim tbm tou sem muito tempo pois tenho que jogar league of legens então vou deixa essa pequena dica ae Olá pessoal! Neste tutorial irei ensinar como colocar o player de web rádio fixo no topo do Blog, simples e prático. Creio que você já deve ter visto em alguns Blogs ou sites um player fixo posicionado no topo, conforme você rola a barra de rolagem para cima ou para baixo, o player desliza acompanhado a página sem sair de sua posição, então, é deste mesmo modo que vamos aprender a fazer. > Veja uma Demonstração Veja como colocar o player no topo do blog 1º Passo : Abra o Painel de Edição do seu Blog: Vá em >> Modelo >> Editar HTML   2º Passo : Agora você vai expandir a seguinte linha de código " <b:skin>...</b:skin> " conforme mostra o exemplo na imagem logo abaixo: 3
Read more »

Player De Web Radio Fixo No Topo do blog

-
Imagem
Vá em modelo>Editar Html Depois procure por  <b:skin>...</b:skin> Depois Procure Por ]]></b:skin> E Cole  /*Player de Radio*/ ul#Player-fixed { position:fixed; width:100%; margin:0; padding:0; top:0px; left:0px;; list-style:none; z-index:9999; }  Agora que teminamo o CSS Vamo pro Hard Procure Por " </body>" , E Cole esse código acima <ul id='Player-fixed'>  <iframe src="   http://link do Player da radio " frameborder="0" scrolling="no" width="100%" height="40"></iframe>   </ul> A parte Azul representa A Nação azul.Zoa E O link do player O Vermelho não altera! A Lagura Cabe A Você.Ok?,Flw.Bjo -3 Maneiras de me ajuda -1 Curta a Fanpage -2 visite o site do criador do código  VDPB 3-Comentem!!
Read more »