09/01/2016

Como colocar botão de Voltar ao Topo no blog.

| |



Olá, queridas blogueiras (os)!!!

Tem um recurso que é super importante e que ajuda muito seus leitores quando eles estão olhando o seu blog é o BOTÃO DE VOLTA AO TOPO.
Ele é importante, porque faz a página subir rapidamente para o seu começo.


Veja o botão da Agenda dos Blogs de volta ao topo:



Eu coloquei-o com o código que eu vou colocar agora para vocês, caso o seu blog não tenha ainda.
Primeiro você tem que escolher um botão na internet ou fazer um.O meu eu peguei da net mesmo, gostei dele e fiquei com ele,kkkk!!!!
Se você fizer uma pesquisa no GOOGLE, você verá diversos botões.Pesquise assim: botão de volta ao topo com fundo em png.
Fica melhor, pois o fundo em png é transparente.Mas se você quiser fazer com o fundo normal,também pode,ok.

Vamos ao código:


<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="LINK DA IMAGEM
border="0" /></a></div>

Em vermelho entre aspas, você apagará LINK DA IMAGEM e deixará as aspas, para ser colocado o link da imagem que você pegou.
Mas Magda, eu não sei ver o link da imagem?
Vou ensinar, super fácil!!!
Vou colocar abaixo alguns botões que achei na net e vamos tirar o link dessa imagem,ok.

Clique em cima da imagem que você gostou, com o botão direito e clique em COPIAR ENDEREÇO DA IMAGEM ou pode vir assim também COPIAR URL DA IMAGEM
Para você ter esse endereço, a imagem tem que estar publicada no seu blog ou no blog que você pegou ( clica na imagem e faça o procedimento acima ).
Você pode salvar a imagem, publica no blog, só para pegar o endereço e depois, você pode excluí-la,ok. 

Só isso!! Coloca o endereço dentro das duas aspas e copie o código e leve para a parte de LAYOUT+ADICIONAR UM GADGET+ HTML/JavaScript,Cole e salve!!!!! 

Deixem seus comentários!! Bjss!!!


Leia também: Faça o link ativo para comentários
                       Imagens lado a lado na postagem
                       Animações gifs no Photoscape



<

Sobre o Autor:
Magda moreira Meu nome é Magda Moreira, sou professora e atualmente estou fazendo o curso de Pedagogia.Sou blogueira de coração e uma curiosa da internet.Meu blog Agenda dos Blogs tem como objetivos:Divulgação de blogs gratuitamente e elaboração de projetos e tutoriais voltados aos blogueiros.

17 comentários:

  1. Olá querida Magda. Sempre a trazer dicas excelentes para nós e essa não é diferente. Sei que mesmo wue tenhamos layouts prontinho e feito por alguém, sempre queremos mudar algo de tempo em tempo. E essa é uma boa opção. Adorei a dica. Bjinhos e um bom fim de semana pra você.

    http://www.blogdalanne.com/

    ResponderExcluir
  2. Essa é uma grande ajuda Magda, gosto desse tipo de post, que ajuda não só as iniciantes mas nós que já estamos um tempinho na blogosfera! Como sempre tu nos ajudando, amei a dica, vou compartilhar o post!

    Bjos =D
    Minda

    ResponderExcluir
  3. Olá!
    Adoro as dicas que vc dá para o Blog.
    Essa eu já sabia, mas esses dias, deu um baile o meu, kkk, eu mudei e não estava funcionando, kkk...enfim...essas dicas sempre ajudam, pq como é algo que não ficamos mexendo diariamente, sempre esquecemos, e assim, fica fácil a gente encontrar qdo precisamos.
    Eu fiz o procedimento de Fixar postagem, deu certo...Valeu pelas dicas.

    Um super bjo!

    Alê - Bordados e Crochê
    Facebook
    Twitter
    Instagram

    ResponderExcluir
    Respostas
    1. Que bom amiga que você gosta das minhas dicas!!
      Sempre é bom ajudar!! Bjsss

      Excluir
  4. Boa Tarde Magda!amo suas dicas,esta eu já coloquei,mas sofri muito para conseguir ficava horas pesquisando,é maravilhoso você compartilhar e a explicação é perfeita,compartilhando para outras pessoas aprenderem.Ótimo final de semana para vc!bjsss!

    ResponderExcluir
    Respostas
    1. Ficou feliz amiga que você gostou!!
      Fica com Deus!! Bjss!!

      Excluir
  5. Boa noite Magda, ótima dica, eu não sabia colocar e uma amiga que colocou para mim, e agora com essa explicação, ficou mais facil de fazer, obrigada por compartilhar...
    Bjuss e um ótimo domingo...

    Meu Cantinho

    ResponderExcluir
  6. Que dica matavihosa! Vou usar para colocar no meu blog com certeza!!!
    Parabéns pelo belo post Magda!
    Bjokas da Vaci :*

    http://papodeesmaltebyvacieni.com.br

    ResponderExcluir
    Respostas
    1. Usa sim amiga!!
      É uma ótima ajudar para todos nós!! Bjss!!

      Excluir
  7. Vc sempre trazendo post muito importante para os blogueiros Magda. Obrigada por nós ajudar tanto é construir essa família.
    Parabéns sucesso

    ResponderExcluir
  8. Excelente postagem!!!
    Adoro os seus conteúdos nos ajudam bastante!
    Faz uma postagem nos ensinando a colocar menus com desenhos no cabe çalho do blog
    Ah! São lindos esses modelos de botões

    ResponderExcluir
  9. Magda parabens pelo post super essencial.
    Dicas para blogueiras é muito bom. arraspu miga bjss

    ResponderExcluir
  10. ae fiz no meu e funcionou adorei obrigada pela dica

    http://etudovaidadeh.blogspot.com.br/

    ResponderExcluir
  11. Me ajudou demais hein, valeu!
    Me visita lá quando quiser:
    http://457nathalias.blogspot.com.br/

    ResponderExcluir

Deixe um comentário, que ficarei muito feliz!!!!!
Abraços á todos!!!!