Faça seu próprio botão de voltar ao topo no Photo Scape

http://weheartit.com/entry/56662769/via/lovelyartes

Oie pessoal!! Tudo bem? Bom, hoje o post será sobre botões de voltar ao topo. Existem muitos  prontinhos da silva para usarmos, que são disponibilizados gratuitamente, mas que tal fazermos o nosso próprio? Hoje vou ensinar como... Sei que muitos já sabem, mas mesmo assim vou ensinar para quem não sabe.
Você irá precisar do Programa Photo Scape.
Imagine um estilo para seu botão. Dica: Veja as cores do seu template, os estilos, se é temático, e vamos lá.

Vá olhando as imagens, são auto explicativas.
*Clique para ampliá-las.
Abra o Photo Scape
Você vai precisar de um fundo transparente, vou disponibilizá-lo para vocês. Clique na imagem abaixo com o botão direito, e clique em salvar imagem como...

O fundo é transparente mesmo, rsrs, mas pode clicar. Gente ao fundo transparente é justamente para não ficar aquele fundo branco, que fica feio. Não em todos, mas dependendo do botão, fica sim.

Mas vamos continuar...
Siga as legendas.










Depois de ter criado o seu botão no Photo Scape, você terá de hospedar o botão em algum site de hospedagem de imagem. Eu uso o picasa.
Nesta imagem abaixo explica os passos...

Estamos quase terminando...

Agora para funcionar em seu blog, acesse esse site:


Nele, contém um código para ativar a função de voltar ao topo no seu blog.
Quando abrir, selecione todo o código, desde <script até... </script>, ok?

Pronto, copiado o código, cole em um documento em branco no word do seu computador. E procure dentro do código o trexo:

"COLOQUE AQUI O URL DA IMAGEM"

Nesse trexo cole a URL da imagem do botão que você criou.
Cuidado para não apagar as aspas "".

Copie agora o código do Word.
E vá no layout do seu blog, 
clique em adicionar gadget, selecione a opção HTML/JavaScript, e cole o código.
Salve, visualize seu blog para ver se deu tudo certo.
E pronto!

Foi um pouco longo o tutorial, mas quis explicar bem explicadinho! Hehe!

Fiquem com Deus, até mais!
Bjos!

Comentários

  1. Muito legal ja desenvolvi essa técnica antes e gostei retribuindo a sua visita no meu blog ,estou lhe seguindo também

    venha curtir nossa fan pag
    https://www.facebook.com/pages/Chique-de-bonita/173704792779283?notif_t=page_new_likes

    beijoss

    ResponderExcluir
  2. Oie! Obrigada! Vou curtir sim!
    Bjs!

    ResponderExcluir
  3. May,
    seu blog tá muito bonito :)
    muito bom o seu tuto.

    relicariodasrafleur.blogspot.com.br

    ResponderExcluir
  4. Humm otimo tuto amiga, acredita que nunca usei esse programa?...Fiquei curiosa agora, amei o novo design ficou muito meiguinho ^^, caprichou.. beijinhos coloridos otimo final de semana

    (⁀‵⁀) ∞ ღ ∞
    .`⋎´ღ¸.•°*”˜˜”*°•ღ

    ▓ ღღ Dany's Place
    ▓ ღღ Tutorial
    ___________________
    ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓( ᐵ ᗜ ᑈ)ᘉ

    ResponderExcluir
  5. Oi Dany!!! Na verdade é o programa que eu mais uso. ^^
    Ha, e o layout não foi eu quem fiz, achei no Btemplates, só dei uns retoques, estava sem paciência para personalizar outro, e queria mudar o visual!
    Bjos amiga!

    ResponderExcluir

Postar um comentário

Postagens mais visitadas