Hoje vamos aprender um truque muito simples e importante, especialmente se você tem muito conteúdo na página do seu blog, e se você quiser tornar a navegação mais simples em seu blog.

Primeiro Passo:
Ok, agora faça login no Blogger e vá em, Painel de Controle > Layout > Editar HTML e localize o seguinte código:

]]></b:skin>

E após este código, adicione:

#voltarparaotopo { 
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}

Segundo Passo:
Agora encontre o seguinte código.

</body>

após o código acima, adicione:

<a href="#" id="voltarparaotopo"><img src="endereço da imagem" alt="voltar para o topo" /></a>

Mas antes de adicionar este código, por favor escolha o botão favorito dos seguintes e mudar as palavras em vermelho, para o endereço do botão:

voltar para o topo no Blogger

https://3.bp.blogspot.com/_JwD5r652h00/SvDAnTlDfDI/AAAAAAAAAQY/y-NAytkDXjI/s1600/bttp-5.png

voltar para o topo no Blogger

https://2.bp.blogspot.com/_JwD5r652h00/SvDAnGbH7qI/AAAAAAAAAQQ/qKtrVmPCBXY/s1600/bttp-4.png

voltar para o topo no Blogger

https://1.bp.blogspot.com/_JwD5r652h00/SvDAmXE1tvI/AAAAAAAAAP4/pQk69X73NIo/s1600/bttp-1.png

voltar para o topo no Blogger

https://1.bp.blogspot.com/_JwD5r652h00/SvDAmVOZPMI/AAAAAAAAAQA/_Y2Nd0UZVMM/s1600/bttp-2.png

voltar para o topo no Blogger

https://4.bp.blogspot.com/_JwD5r652h00/SvDBBZGgr-I/AAAAAAAAAQg/1X96vgeWqaw/s400/bttp-6.png0/bttp-7.png

voltar para o topo no Blogger

https://2.bp.blogspot.com/_JwD5r652h00/SvDBCN6PpfI/AAAAAAAAARA/oEpqkKnL0Jw/s400/bttp-10.png

voltar para o topo no Blogger

https://2.bp.blogspot.com/_JwD5r652h00/SvDBBw_U6MI/AAAAAAAAAQ4/KDKaH8OTDO4/s400/bttp-9.png

voltar para o topo no Blogger

https://1.bp.blogspot.com/_JwD5r652h00/SvDBBzoz4II/AAAAAAAAAQw/n9hIomKpQxY/s400/bttp-8.png

voltar para o topo no Blogger

https://3.bp.blogspot.com/_JwD5r652h00/SvDBBlYeFHI/AAAAAAAAAQo/lzY3WpZpwPA/s40"

voltar para o topo no Blogger

https://4.bp.blogspot.com/_JwD5r652h00/SvDBWWig4UI/AAAAAAAAARI/28cXbIDOaqk/s400/bttp-11.png

voltar para o topo no Blogger

https://4.bp.blogspot.com/_JwD5r652h00/SvDBWmm_WTI/AAAAAAAAARQ/xfyALfcAbZ4/s400/bttp-12.png

voltar para o topo no Blogger

https://3.bp.blogspot.com/_JwD5r652h00/SvDBW6QlhXI/AAAAAAAAARY/6ZxECjTlMxM/s400/bttp-13.png

voltar para o topo no Blogger

https://3.bp.blogspot.com/_JwD5r652h00/SvDBW-al_pI/AAAAAAAAARg/Aoxlzmp3Kw0/s400/bttp-14.png

voltar para o topo no Blogger

https://1.bp.blogspot.com/_JwD5r652h00/SvDBXF2WGRI/AAAAAAAAARo/FIPZOwsTTBc/s400/bttp-15.png

voltar para o topo no Blogger

https://3.bp.blogspot.com/_JwD5r652h00/SvDBloI2NZI/AAAAAAAAARw/VI-Li7cPUvM/s1600/bttp-16.png

voltar para o topo no Blogger

https://1.bp.blogspot.com/_JwD5r652h00/SvDBl9PLQ7I/AAAAAAAAAR4/5fV05DNfZ9o/s400/bttp-17.png

voltar para o topo no Blogger

https://3.bp.blogspot.com/_JwD5r652h00/SvDBl0UhsvI/AAAAAAAAASA/ge0GmH0HkyE/s400/bttp-19.png

voltar para o topo no blogger

https://2.bp.blogspot.com/_JwD5r652h00/SvDBmIGbP3I/AAAAAAAAASI/cL5okLpz_C8/s400/20.png

Depois de substituir o endereço da imagem pelo endereço do botão, o código deve ter esta aparência:

<a href="#" id="voltarparaotopo"><img src="https://2.bp.blogspot.com/_JwD5r652h00/SvDBmIGbP3I/AAAAAAAAASI/cL5okLpz_C8/s400/20.png" alt="voltar ao topo" /></a>

Terceiro Passo:
Encontre o seguinte código:

<head>

Após encontrar o código acima, adicione:

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20src%3D'https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fjquery%2F1.3%2Fjquery.min.js'%20type%3D'text%2Fjavascript'%3C%2Fscript%3E%0A%3Cscript%20language%3D%22javascript%22%3E%0A%24(window).ready(function()%7B%0A%24('%23voltarparaotopo').click(function(e)%7B%0Ae.preventDefault()%3B%0A%24('html%2C%20body').animate(%7BscrollTop%3A0%7D%2C%20'slow')%3B%0A%7D)%3B%0A%7D)%3B%0A%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />

Após concluir todo este processo, basta clicar em salvar e pronto!