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

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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx95m_W3Zc94LPQromicGrKpsHq4eXr5Thu13MjIfcgVrmyZ3woewV-FxQGGmXq6xJB66DBO2UwOSYx8ZTn48YfwTVCKvcLI05j4RpqPHQm7m51w5d3t_phyphenhyphenhOBt9l8agVNxge1Ms8fkw/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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtRMd_bp2DzdIWFHYFcdQ6O35SJYGHzwDIYGdxqILxK_RDHS0PsxjUJVqBcuZTTzjPVPkEIe8Fky-Z8EE0ThqmszMum1MDZv1zm_fSFEl1DpET72LKmu-BUmugnB4ECeY-YNAUdmNBuRM/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3_reE2lct-7Is3pRtzwgi8Ck2fQJh73kIO9vXGBjObl0lztp4TbtZE1_Q38FgtMtkoC95sNv0sNlF9nq0XKcy5Hl7xmlbWZq99hDM-VRlFigPyKVAveD-l95EEA90oXxjLdJr60UwrfM/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!!!