Tutoriais

Como colocar botão "Voltar ao Topo" no blog
 Oi, Leitoras do Diário de uma garota pensativa Trouxe hoje a vocês o Tutorial de como colocar o botão "Voltar Ao Topo" no blog

Primeiro vamos ao passo-a-passo de como colocar o botão em seu blogger

• Vá em Layout >> Adicionar um Gadget >> HTML JavaScript e cole o código abaixo:

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="LINK DA IMAGEM" 

border="0" /></a></div>

 No lugar onde tem "LINK DA IMAGEM", você vai colocar o link da sua imagem

Tenho algumas imagens! espero que gostem...

                  

           

      
 
          

 

 

 

 

                                     
       

               OBSV:Se usar alguma dessas imagens, deixe um recadinho avisando...





______________________________________________________________________________________________________
Como colocar Xat na Lateral Do Blog

Olá pessoal aqui quem fala é a Isadora com mais um tutorial e hoje iremos aprender a como colocar um Xat na lateral do Blog. Bom vamos lá.

1 - Faça o login na sua conta do Blogger.
2 - Clique no nome do seu blog.
3 - Navegue até Modelo e depois Editar HTML.

4 - Agora procure (Ctrl+F) por ]]></b:skin>.
5 - Após encontrar a linha, cole esse código antes dela;

#gb {
position:fixed;
top:150px;
z-index:+1000;
right:-610px;
}

* html #gb {
position:relative;
}

.gbtab {
height:161px;
width:47px;
float:left;
cursor:pointer;
background:url('http://picturestack.com/751/278/ouEHWwgKcpia53N.png') no-repeat;
margin-top:20px;
}

.gbcontent {
float:right;
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;
}

6 - Agora procure (Ctrl+F) pela linha </body> e cole o seguinte código ANTES dela.

<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.right = 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_AQUI' 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>

7 - Agora você irá procurar (Ctrl+F) no segundo código:

ID_AQUI

E irá trocar ID_AQUI pelo id do seu Xat.
O Id do seu Xat pode ser encontrado dentro da tag (flashvars="") no código HTML do seu Xat