22 de agosto de 2014

#DicaParaBlogs: Criar "seta" de voltar ao topo


Uma das coisas mais bacanas e importantes num site/blog é a sua funcionalidade. Por isso, o que a gente puder fazer para tornar o layout do nosso cantinho cada vez mais prático e fácil de acessar é muito bem vindo. 

Pra facilitar a navegação dos  leitores no layout no blog, um recurso tem sido bastante utilizado. Trata-se de uma setinha flutuante que fica sempre localizada no lado direito do seu layout e redireciona o leitor de volta ao topo do blog, independente em que lugar ele esteja dentro do blog.

E pra fazer isto é SUPER fácil.

IMPORTANTE: Sempre antes de fazer qualquer alteração no seu layout realize um backup do seu layout atual.

1° Passo: Crie ou salve (colocarei algumas opções pra você no final deste post) uma imagem em seta que combine com as cores do seu layout. 

IMPORTANTE: Caso prefira criar uma imagem exclusiva, siga as seguintes características:
Dimensões 100px X 100px
Formato .PNG
Fundo transparente

2° Faça upload da imagem no seu blog e salve a URL da imagem. 

3° Copie o código


Voltar ao Topo da Página

4° No painel de controle do seu blog, vá em ‘Modelo’, e em seguida ‘Editar HTML’. Usando o CTRL+F procure o código


5° Achou? Agora é só colar o código da setinha acima dele. Salvar as atualizações e visualizar o resultado final.


Algumas imagens de setinhas para você!!!









Gostou do tutorial??? Te ajudou???
Deixa aqui seu comentário, com o link do seu blog para que eu possa visitar!!!

Um comentário:

  1. Olá! Estou começando com meu blog e adorei o tutorial ! Coloquei uma das setas no meu blog ^^ Obrigada pela ajuda!

    http://not-giveup.blogspot.com.br/

    ResponderExcluir

Contato






PARCEIROS



INSTAGRAM