Esse script é bem simples, mas é um dos códigos que nunca pode faltar em um blog!
Se você cria postagens longas, onde o leitor deve descer até o rodapé do blog, este script ajudará o leitor a subir ao topo em milésimos de segundos!
Para começar acesse seu blog e vá até:
Seu blog >> Design >> Editar HTML
Aperte CTRL+F e procure por <head>
Insira o código abaixo depois da tag <head>
<style type="text/css">
#toTop {
width:110px; /* Largura do botão * /
background: #FF0000; /* Cor do botão*/
border:1px solid #000; /* Cor da borda */
text-align:center; /* Alinhamento do texto */
padding:5px; /* Distancia entre texto e borda */
position:fixed; /* Posição que faz com que ele corra por toda a página*/
bottom:5px;
right:5px;
cursor:pointer;
color:#555; /* Cor da letra */
background:#fff; /* Cor da letra */
text-decoration:none;
font-weight:700; /* Tamanho da letra */
-moz-border-radius:5px; /* Definições para o angulo do botão */
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
</style>
Você pode modificar essa parte, e só seguir a descrição logo a frente do código!
agora procure por <body>
e insira o código abaixo depois da tag
<script type='text/javascript'>
$(document).ready(function() {
$('#subir').click(function(){
$('html, body').animate({scrollTop:0}, 'slow');
return false;
});
});
</script>
<a href='#' id='toTop'><span class='Apple-style-span' style='font-family: Arial, Helvetica, sans-serif;'>▲ Ir para Topo</span></a>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});
$(function() {
$("#toTop").scrollToTop();
});
</script>
A parte do código em vermelho é a frase do script que levará o visitante ao topo.
Não modifique nenhuma outras parte do script!
Gostou da dica? Comente!
vlw ajudo muito
ResponderExcluirFico feliz em ter ajudado!
ExcluirBoa noite.
ResponderExcluirÓtimas dicas,me ajudou bastante.
Meu muito obrigado.
Abraços
Opa, obrigado pelo visita!
ExcluirSempre que possivel estarei postando umas dicas e hacks para o blogger!
Muito Bom!!
ResponderExcluirGostei, coloquei no meu blog:
humortwo.blogspot.com
Manow Valeu mesmo Muito Show O Seu Blog Cara me ajudou Muito
ResponderExcluirRecomendo a todos
parabéns ,gostei muito..muito obrigado!!!
ResponderExcluir