Novo Botão Voltar Ao Topo

Separei aqui mais um widget para ser instalado no blogger de forma prática e rápida sem nenhum esforço. Caso você não goste deste modelo, temos estes outros para deixar seu blog ainda melhor para o seu público.

Posts semelhantes:

Botão Simples de Subir Ao Topo da página

Botão Personalizado de Voltar ao Topo

Botão Voltar Ao Topo Meio Transparente

Botão de Subir Ao Topo da Página

Para colocar o botão em seu blog

Entre em "Modelo" - "Editar HTML", dê um Ctrl + F e procure pela tag

</body>

Tendo encontrado esta tag, cole ACIMA dela o seguinte código

<style>
#top-nav{display:none;width:38px;height:138px;position:fixed;bottom:56px;right:0;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2eEdXbSWnxrZTlzGBfcewDS1dJdPFnmJSSKOwZUzxwUHyD409P22jHpxbdG0MxBAEbhzx9j8mDAAdPY3THlXOcxlpBPZtqXdmOfKAno7L7BBvV6hWyKB6Grj6elHYgPFdKLmsqX8b5reU/s1600/return-top.png);background-position:0 0;background-repeat:no-repeat;cursor:pointer}
#top-nav:hover {background-position: -38px 0;}
</style>
<a id='top-nav' title='Back To Top'/>
<script type='text/javascript'>
//<![CDATA[
$(window).scroll(function() {
    if($(this).scrollTop() > 200) {
        $('#top-nav').fadeIn();
    } else {
        $('#top-nav').fadeOut();
    }
});
$('#top-nav').click(function() {
    $('html, body').animate({scrollTop:0}, 1000);
    return false;
});
//]]>
</script>

Tendo colado o código, basta salvar e pronto!!!

Fugindo um pouco do assunto; agora temos banners de parceria. Coloque um deles em seu blog e torne-se nosso parceiro. Veja Alguns dos nossos banners:

Banners DicasHot

Gostou da postagem? Achou legal? Deixe sua opinião.