Colocar botão de voltar ao topo flutuante no Tumblr

Olá de novo blogueiros, como sabem geralmente os blogs em Tumblr são muito longos e por vezes até têm infinite scroll e chega a tornar-se chato para os leitores para subirem terem que arrastar o scroll todo para cima. Por isso vou ensinar neste artigo como colocar botao de voltar ao topo flutuante no Tumblr com vários estilos e cores ás escolha, o que se torna muito mais prático para os leitores dos vosso blog no Tumblr.

Como Instalar:

1º- Acessa á dashboard do blog onde queres colocar o botão

2º- Já na dashboard do blog clicas em Customize theme

3º- Depois clique em Edit HTML

4º- Coloca o cursor no código HTML, prime CTRL+F e pesquise por:

 </head>

5º- Cola este código por cima do que apresento acima:

  <script src="http://static.tumblr.com/8jq17g7/e7bm0d3ib/ui.totop_jquery_easing.js" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function() {
   $().UItoTop({ easingType: 'easeOutQuart' });  
  });
</script>

Deverá ficar algo deste género:

6º- Procura agora por:

  </style>

7º- Cola este código por cima do que apresento acima:

  #toTop {
 display:none;
 text-decoration:none;
 position:fixed;
 bottom:10px;
 right:10px;
 overflow:hidden;
 width:51px;
 height:51px;
 border:none;
 text-indent:-999px;
 background:url(http://i.imgur.com/biNQa.png) no-repeat left top;}
#toTopHover {
 background:url(http://i.imgur.com/biNQa.png) no-repeat left -51px;
 width:51px;
 height:51px;
 display:block;
 overflow:hidden;
 float:left;
 opacity: 0;
 -moz-opacity: 0;
 filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {
 outline:none;}

Deverá ficar algo deste género:

Para trocar os a cor dos botoes basta substituir os URL's (são iguais) no codigo apresentado a cima por o URL destes:

Preto:

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDgBlkcdpJBC1kaQsPA3xXZi6Y0Y0dPk2PAGhch71EoDsNEqPhNRPRn3Cb2ST79mx8I65rD-sw_h_oqg4SyJfzQ_UXKBMzUl79ZtAmVa2WXlP9Iwk0J_7O49VZ8DxiPiL9HSKQW_NIbpuy/s1600/gotopdb.png

Azul:

  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc5ipUn0eLXofhGxcfoweYM2TRccrygj3S0rCbB7P1J1BXHy7bpWCTSFlWmCOLgWmEwpWHRtkbXTYRpSm7Q97ICmOjof6H66ko-cArzz_pDs9XEMt0olXnZx2wsf7O_YK-qAH_N4ah0ckq/s1600/gotopdbstyle2.png

Vermelho:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ0eQ8hpFWTMHDnXa94fhxON7rSKauFNXJdyi3ktxMULFp1IFAZmmeSta82EWBvt55z0lquO_ev2DimJG3UR3WVeNAGbvpYGMC9kmsTAjJjLlbAw_eMJFejwLKdKOsYmMXwQqDYo-Jecz1/s1600/gotopdbstyle3.png

Verde:

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1yFHibDoIgMBh8BTQMPnGgqdi_KVIx3AkC1W8CpzRDUnsxXhm2TKYs28fVPv1JORPhHWIFL6cg-N1fJvgkbC3dKU-TZfhgw_vSp_bzhMoraQ6lOzAvGq8lL7LMXRYyaiOrYVN17olrIMb/s1600/gotopdbstyle4.png

Branco:

  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5zQDDdqrs7QaiE-Hm7YgBzJoToYvX1xXDJfljEpuEeUWDWjJiXy4McOvDMP2gf3qhZFuTnwPei_6OJ9-rBaQXpVFbCmUhyUMntGAkFeYAuJqnuYpyk5upQg-h4AjXwgI_4b0YMRQZPlh4/s1600/gotopdbstyle5.png

8º- Depois de alterares a cor do botão clicas em "Update preview", depois "Apparence" e depois "Save".

Espero que tenha gostado que tiveres alguma duvida comenta que responderei o mais depressa possível!
Boas blogadas e até ao próximo artigo.