.

segunda-feira

Botão de Subir Ao Topo da Página do Blogger - Exclusivo

ACESSOS:
AQUI

Nesta postagem compartilho com vocês outro botão de subir ao topo da página. Esse é mais chamativo na verdade por causa da sua cor "fire". O botão de subir ao topo da página facilita bastante para o leitor não ter que ter o trabalho de rolar a página manualmente. Enfim.

Para colocar o botão no seu blog... Entre em "Modelo" - "Editar HTML", dê um Ctrl + F e procure pela tag
]]></b:skin>
Tendo encontrado a tag, cole ACIMA dela o seguinte código
#topopagina {
background: url("http://4.bp.blogspot.com/-KoqqEqtbWCw/URa244GL4pI/AAAAAAAAAho/0O5pZdt2SDY/s1600/subir1.png") no-repeat TOP;
bottom: 5px;
width: 50px;
cursor: pointer;
text-decoration: none;
height:45px;
padding: 5px;
position: fixed;
right: 10px;
display:block;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
z-index: 99999999999;
}
#topopagina:hover {
background: url("http://3.bp.blogspot.com/-DHEp6ZwnzOk/URa2lUVbKII/AAAAAAAAAhg/M3D6rSf3e5o/s1600/subir2.png") no-repeat TOP;
height: 70px;
width: 50px;
background-position: top;
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
}
.top12{
width:100%;
background:url(http://4.bp.blogspot.com/-AZnfrZ2JrGU/URZxJwVjz9I/AAAAAAAAAdg/anoogTbPl30/s1600/Sem+T%C3%ADtulo-1.jpg) no-repeat;
}
Agora, procure pela tag
</body>
Tendo encontrado a tag, cole ABAIXO dela o seguinte código
<a href='#' id='topopagina'></a>
<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(){$("#topopagina").scrollToTop();});
</script>
Tendo colado o código, basta salvar e pronto!!!

Cursos Online com Certificado - Cursos 24 Horas