Oi gente tudo bom , lembra quando postei aqui ensinando como colocava o Instagram no blog, pois é, se por acaso você não viu então clique AQUI. Hoje vou explicar pra vocês como colocar "voltar ao topo" no blog, eu acho bem legal porque é bem mais simples pra você voltar ao início do blog. As vezes você entra em um blog e vai olhando as postagens antigas e quando ve tem que voltar lá pra cima, com esse ícone no seu blog fica bem mais fácil e mais cômodo para suas leitoras. 

OBS: Meninas prestem atenção neste aviso pois é muito importante, se você não tem muita experiência em mexer no HTML do seu blog, então tome cuidado para não cometer algum erro, quando for mudar algo no HTML sempre clique em Visualizar Modelo primeiro, pois se você fez alguma coisa errada ainda tem como concertar, não que depois não tenha, mais aí já é um pouquinho mais difícil. Visualizou e você viu que ficou do jeitinho que você queria, aí sim clique em Salvar Modelo.


Não é difícil acrescentar esse ícone no seu blog mas acho que tenho a obrigação de alertar vocês, pois não quero que ninguém passe nenhum aborrecimento por minha causa, minha intenção é de ajudar vocês.

Então vamos lá: Bom meninas pra começo de história vocês precisarão de uma imagem do seu gosto para poder colocar, se preferir você pode fazer uma pelo photoshop, coreldraw ou em qualquer outro programa que sirva para criar imagens . Agora se você for como eu que não entende nada de photoshop seria bacana buscar por imagens gratuitas no google.Lembrando meninas que existem sites próprios para isso que liberam imagens para ser usadas gratuitamente, não se esqueçam que as imagens tem direitos autorais, então não podemos sair pegando de qualquer lugar, ok?!

Problema da imagem resolvido. Agora vamos para outro ponto, achou a imagem que você queria, agora basta clicar em cima da imagem com o botão direito do mouse e clicar na opção "Copiar URL da imagem", como no exemplo a seguir:


Depois disso salve em um txt o link dessa imagem, pois você precisará trabalhar com ele ainda. Entre nas configurações do seu blog, clique em Modelo ~> Editar HTML ~> de um Ctrl F (abrirá uma janela no canto superior direito), busque por: </body>, como na imagem a seguir:


Agora antes da palavra </body> que você acabou de encontrar cole o código a seguir:

<div style='float:right;'>
<a href='#'>
<img src='URL DA IMAGEM DA IMAGEM DA SETA' style='display:scroll; position:fixed; bottom:5px; right:5px;' title='Voltar ao Topo da Página'/>
</a>
</div>

Sendo que, onde está escrito 'URL DA IMAGEM DA SETA' basta você colar a URL da imagem que você escolheu, lembra que falei que depois usaríamos, então é só substituir


Não esqueça do que falei, visualize primeiro para ver se está como você queria, se ficou tudo certinho é só clicar em Salvar Modelo e pronto.

Então é isso meninas, espero que vocês tenham gostado do post de hoje, estou fazendo tudo com muito carinho e dedicação pra vocês.


Um super beijo, fiquem com Deus e até a próxima!



Comente com o Facebook:

6 Comentários

  1. Florzinha,
    Amei seu bloguinho. Esse post está ótimo!!
    Bjim freskinho
    Miry Rodrigues
    Blog: http://freskurinhasdemiry.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Oi linda, que bom que você gostou querida. Um super beijo pra você e fica com Deus!

      Excluir
  2. Olá vim de fazer uma visita espero vc no meu cantinho tbm bjs, um dia abençoado pra tods nós.♥
    http://drea-amigos.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Oi Andrea tudo bom, nossa muito obrigada por sua visitinha. Pode deixar, com certeza vou visitar seu cantinho também. Bjão querida!

      Excluir
  3. Obrigada pelo carinho já estou de seguindo ♥
    http://drea-amigos.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Poxa querida obrigada. Bjão pra você!

      Excluir