'Cursos com Certificado'.

lá você pode ganhar vários clicks

quarta-feira, 11 de novembro de 2009

“criatividades para blogger” Botão ir para o top Blogger

Adicionar esta notícia no Linkk gostou

Hoje vamos aprender um truque muito simples e importante, especialmente se você tem muito conteúdo na página do seu blog, e se você quiser tornar a navegação mais simples em seu blog.
Primeiro Passo:
Ok, agora faça login no Blogger e vá em, Painel de Controle > Layout >Editar HTML e localize o seguinte código:

]]></b:skin>

E após este código, adicione:

#voltarparaotopo {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}


Segundo Passo:
Agora encontre o seguinte código.

</body>

após o código acima, adicione:

<a href="#" id="voltarparaotopo"><img src="endereço da imagem" alt="voltar para o topo" /></a>

Mas antes de adicionar este código, por favor escolha o botão favorito dos seguintes e ospedeos no seu site preferido e obitenha endereço da imagem ao mudar as palavras em vermelho, para o endereço do botão:

voltar para o topo no Blogger

 

 


voltar para o topo no Blogger


voltar para o topo no Blogger
voltar para o topo no Blogger
voltar para o topo no Blogger
voltar para o topo no Blogger
voltar para o topo no Blogger
voltar para o topo no Blogger
voltar para o topo no Blogger
voltar para o topo no Blogger
voltar para o topo no Blogger
voltar para o topo no Blogger
voltar para o topo no Blogger
voltar para o topo no Blogger
voltar para o topo no Blogger
voltar para o topo no Blogger
voltar para o topo no Blogger
voltar para o topo no blogger

Depois de substituir o endereço da imagem pelo endereço do botão, o código deve ter esta aparência:           

<a href="#" id="voltarparaotopo"><img src="http://2.bp.blogspot.com/_JwD5r652h00/SvDBmIGbP3I/AAAAAAAAASI/cL5okLpz_C8/s400/20.png" alt="voltar ao topo" /></a>

Terceiro Passo:
Encontre o seguinte código:

<head>

Após encontrar o código acima, adicione:

&lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'
type='text/javascript'&gt;&lt;/script&gt;
&lt;script language=&quot;javascript&quot;&gt;
$(window).ready(function(){
$('#backtotop').click(function(e){
e.preventDefault();
$('html, body').animate({scrollTop:0}, 'slow');
});
});
&lt;/script&gt;

Após concluir todo este processo, basta clicar em salvar e pronto!

Se você gostou do blogs e gostria de colocar uma matéria, apostila, dica ou novidades, mande um email para calianosaqua@gmail.com com seu nome, todos os emails serão avaliados e respondidos.
Nao fique de fora, tenha sua matéria neste site com sua assinatura, todos os posts terão o nome e email do autor.
Caso nao queira seu nome e/ou email publicados é só fazer o pedido ao enviar o email.

Assine o feed deste blog ou receba todos os artigos por email.

0 comentários:

Postar um comentário

SEJA BEM VINDO

INDIQUEM PARA AMIGOS NO
ads ads ads ads ads ads ads
 
Related Posts with Thumbnails

My Blog List

Recommended Gadget

  • ads
  • ads
  • ads
  • ads

software e games Copyright © 2009 Gadget Blog is Designed by Ipietoon Sponsored by Online Business Journal

Web Analytics Análise SEO Grátis