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:
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipJFs8E0ysJRBPUOsi3-St5mDY61v_-PAejjVR3zpZvGySplZ0OrJ4NDuR0qpM_Svx024xEElZIElt8og0KgmUjtnedrd4AU-BYSBaf2Qg7lnnANZMvudk625p1ddTt4oCEnFrCAfwWCsP/s400/20.png" alt="voltar ao topo" /></a>
Terceiro Passo:
Encontre o seguinte código:
<head>
Após encontrar o código acima, adicione:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'
type='text/javascript'></script>
<script language="javascript">
$(window).ready(function(){
$('#backtotop').click(function(e){
e.preventDefault();
$('html, body').animate({scrollTop:0}, 'slow');
});
});
</script>
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.
0 comentários:
Postar um comentário