Botão Voltar ao topo com efeito scroll (igual ao do Pinterest)

em 13 de fevereiro de 2013


Este é, talvez, um dos recursos que mais me perguntam comofazer. Existem alguns modos, vou ensinar o que eu uso há alguns anos e que nunca deu erro.


Importante:
Faça sempre backup antes de mexer no código-fonte de seu blog.

Para começar faça login no Blogger e clique no nome do blog onde deseja inserir o hack. (não sabe o que é hack? Leia aqui e descubra!)

Na página que abrir clique em Modelo, que aparece no lado esquerdo. Ao clicar vai expandir a página, selecione então Editar HTML.
Vai abrir o código-fonte de seu blog. Dentro do código-fonte tecle Ctrl+F e na barra de busca que expandir digite ]]></b:skin> e tecle Enter para localizar.

 Acima dela cole o Código CSS:


Copiar os códigos


Agora vamos adicionar o script que faz o botão funcionar.
Localize esta tag de fechamento: </body>

Preste atenção, tem que ser exatamente esta, ok?
Acima dela cole o código Javascript.
Onde está escrito Topo altere para o texto que preferir.
Visualize e se tudo estiver ok salve as alterações.


Caso queira uma imagem ao invés do texto Topo (ou similar) faça assim:
  1. Encontre a imagem que deseja usar;
  2. Hospede-a em algum host de imagem (*eu hospedo no próprio Blogger);
  3. Copie o endereço da imagem que deseja usar.
De posse do endereço da imagem que deseja usar  substitua a primeira linha do código acima, esta:



Por esta:



Também será preciso ajustar a largura no código CSS para que sua imagem fique bem posicionada. Caso sua imagem tenha, por exemplo, 80px de largura altere para esse valor o número que marquei em verde no código CSS.
Visualize e se tudo estiver ok, salve as alterações.

Mas...
Se você achou esse tipo de Voltar ao topo muito complicado tem outro, mais simples, sem scroll.
Faça assim:
Clique na aba Layout em seu painel e na página que expandir clique em Adicionar um gagdet. Escolha a opção HTML/JAVASCRIPT e na janelinha que abrir cole este código:



Faça a alteração inserindo o endereço de sua imagem e salve.
Arraste para onde quiser e a seguir clique em Salvar alterações.

*Como hospedar uma imagem usando o próprio Blogger?

Faça assim:
Crie uma postagem 'falsa', que nunca será publicada, ficando sempre no rascunho.
Insira nela a imagem que deseja hospedar. Depois de concluir o upload da imagem clique sobre ela e com o botão direito do mouse copie o endereço, url ou link da imagem (o nome dependerá de qual navegador esteja usando); este é o endereço web de sua imagem.



Brindes para seu blog

Aproveitei e fiz algumas imagens de presente para você; salve-as em seu computador e utilize para personalizar seu Botão Voltar ao topo:















Todas estão com fundo transparente e medem entre 100px e 70px de largura. Caso usar me diga, eu gostaria de ver em seu blog!

Conheça a web-série Como personalizar o blog

  1. Como criar um blog: criação da conta Google e criação do blog
  2. Trocar o plano de fundo do blog e alterar largura e disposição das colunas
  3. Centralizar o nome do blog, os títulos dos posts e dos elementos de página (gadgets);
  4. Alterar cores e fontes dos títulos e do texto (fontes especiais, manuscritas, etc);
  5. Criar um menu com abas abaixo do cabeçalho e inserir links nele;
  6. Inserir assinatura personalizada;
  7. Colocar Voltar ao topo com efeito deslizante;
  8. Personalizar os comentários do blog (numerar, separar, incluir opção Responder, etc)
  9. Data dos posts em formato calendário
  10. Número de comentários dentro de um balão  

Gostou?
Então clique no ícone do G+, ou se preferir curta a postagem!
Muito obrigada! Sua divulgação faz o blog crescer e melhorar!!!




Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

119 comentários , comente também!

  1. Ficou legal olha:

    http://naiamelo.blogspot.com.br/

    Obirgada :)

    ResponderExcluir
  2. Muito boa sua dica, vou colocar no meu blog, alias quero que venha conhecê-lo, será bem vinda. bJÔ

    ResponderExcluir
  3. Oi Elaine.
    Como se fosse possível, você está cada dia melhor. Usei seu tutorial. O meu topo de antes deu conflito com a barra de ferramenta da cat-us. Com esse os dois funcionam

    Beijo grande...

    ResponderExcluir
  4. BOA NOITE ELAINE. USANDO NO MEU BLOG UMA DAS SUAS LINDAS CRIAÇÕES. AGRADEÇO PELO CARINHO E ATENÇÃO. FICOU MUITO BEM ONDE ESTÁ. ABRAÇOS..

    ResponderExcluir
  5. Acabei de fazer, ficou fofo, só que....ficou muito pra lá, tendeu? rsrsrs
    www.alessandrarigazzo.com

    bjo

    ResponderExcluir
    Respostas
    1. Alessandra, como assim? Ficou muito à direita?
      Se foi isso é porque você esqueceu de ajustar a largura conforme expliquei. Onde eu marquei em verde está 50px de largura, tem que ajustar para a largura da imagem escolhida.
      Certo?
      beijossss

      Excluir
    2. Obrigada, Elaine!
      Alterei para 100.
      Ontem à noite eu não havia conseguido ver nada verde no seu texto! ahahaha
      Agora deu certinho!
      bjo

      Excluir
  6. Que bom que você colocou no meu, naquele pacote.
    Só de olhar esse HTML me arrepio rsrsrs
    Adorei as figurinhas que você mostrou aqui, mas meu Golfinho ficou lindão.
    Beijos querida.

    ResponderExcluir
  7. Linda o Papo de Mãe eu criei igual ao template do blog.
    O Educar - O primeiro passo peguei o livrinho ficou uma graça.
    Passa lá pra ver.
    Bju

    ResponderExcluir
  8. Que massa, vou tentar instalar no meu blog e depois volto para contar se deu certo!
    AHAHAH

    http://pepperpinkrose.blogspot.com.br/

    ResponderExcluir
  9. Olá Elaine

    Quantas coisas boas e úteis por aqui. Vou colocar seu link em minha galeria de blogs amigos, blogroll.
    Uma ótima 4º feira para vc...

    AMIGA da MODA by Kinha

    ResponderExcluir
  10. Oi Elaine eu fiz lá no meu blog, usei uma das suas img que de antemão já quero te agradecer,são fofas! Só ficou meio fora da margem,
    Quando vc diz pra ajustar a largura, no código CSS onde fica esse CSS?
    vc colocou para alterar o valor de 80px de largura para o número que marcou
    em verde no código CSS.
    Eu não achei onde estar marcado de verde vc poderia me ajudar?
    Beijos

    ResponderExcluir
  11. Você é demais Elaine, to louca pra sobrar graninha pra dar um up nos meus blogs, me aguarde, rs.

    se não for pedir muuuito porque sei q andas tão oucpada amiga com o maridão, quando teremos uma mega aula de Pinterest, s´po com vc aprendo, só com suas palvras tudo dá certo, kkkk

    Bjus que tenham uma semana abençoada , vc nem imagina o quanto torço de longe por vcs

    ResponderExcluir
  12. Que lindos brindes, Elaine!
    Peguei duas imagens: os livros (para o meu blog sobre língua portuguesa) e a bonequinha (para o meu blog pessoal).
    Muito obrigada!
    Beijos!

    ResponderExcluir
  13. Elaine parabéns pelo blog!!
    Estou aproveitando várias dicas e usei uma da suas imagens da uma olhadinha como ficou www.julianachristofolini.com
    bjus

    ResponderExcluir
  14. Como colocar do lado esquerdo ?
    obrigado

    ResponderExcluir
  15. Elaine, tudo bem? Acho que o formulario de contato do blog esta com problemas, pois solicitei um orçamento ha varios dias e nao recebi resposta. Se puder verificar, por favor, agradeço muito.
    Beijocas!! Vanessa.

    ResponderExcluir
    Respostas
    1. Vanessa, boa noite
      Tudo bem?
      Eu procurei seu contato e não encontrei. Pode ter havido algum erro ao enviar.
      Se puder escreva pra mim de novo. Certifique-se de inserir seu email correto pra não ter erro.
      beijos, desculpe o transtorno.

      Excluir
    2. Mandei de novo e nada, há muitos dias rs
      Vou escrever por aqui mesmo. Seguinte... tenho um blog com domínio. Depois de algumas dores de cabeça com uma pessoa que contratei para fazer o serviço, resolvi fazer eu mesma. Ficou bom e todo mundo gosta, mas quando eu sei que dá pra melhorar, não fico satisfeita. Por isso, para mim, o blog-site precisa de ajustes. Quero saber de vc se existe a possibilidade de te contratar para os ajustes. Exemplo: eu te digo coisas especificas para mexer, e vc faz o preço. É possível? Meu email é cds.vanessa@gmail.com
      Se puder me dar um retorno, por favor, super agradeço. Beijos

      Excluir
  16. Olá Elaine!
    Tenho dois blogs
    (http://construindo-se.blogspot.com.br/ e http://porquegostei.blogspot.com.br/ ) ultimamente estou usando pouco, mas resolvi dá uma mexida... E arrisquei utilizar sua dica.
    Primeiro segui o caminho mais complicado nos dois blogs, depois resolvi que ficaria legal tentar utilizar uma de suas figurinhas de "Topo" nesse: http://porquegostei.blogspot.com.br/
    A figurinha ficou quase fora da página... É assim mesmo?
    Obrigada, suas dicas são ótimas!
    Abraços,
    Jacqueline.

    ResponderExcluir
  17. Elaine,
    Desculpe o incômodo.
    Refiz tudo e deu certo!
    rs...
    Jacqueline.

    ResponderExcluir
  18. Nossa, todas as dicas da Elaine são de ouro ! Estava procurando essa do link para o topo, e mais uma vez a Elaine nos salva ! Parabéns, o seu blog é ótimo Elaine !

    Depois que aprendi como por o link aqui, eu criei a minha própria imagem para usar no botão, e ficou bem original e engraçado :

    ruivalandia.blogspot.com.br

    ResponderExcluir
  19. Ficoou bom, só que do lado esquerdo e eu queria que ficasse do lado direitoo, me ajudaaa?
    Olha ai como ficou... http://coisasqueeuseiporraquelgomes.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Raquel, não faço ideia do motivo de ter ficado à esquerda. O código é o mesmo que eu uso, então sugiro que releia e reveja os passos pra ver se não errou em algum lugar. Creio que você esqueceu de colocar o código CSS.
      bjsss

      Excluir
    2. Com CSS fica pioor Laine, fica do lado direito sim, só que só mostra a metade da imagem, não entendooo! :(

      Excluir
    3. Raquel, retire tudo o que colocou, releia o post desde o começo e você verá onde está seu erro.
      Vai dar certo, tenho certeza!
      beijos, boa sorte

      Excluir
    4. Obrigada pela atenção, mais pensando bem, vou deixar do lado esquerdo mesmo, pelo menos não fica uma coisa cliche..srrs ameeeei o seu blog, vc é mto atenciosa, voltarei sempre, vou participar do seu site, participa do meu tbem por favoor? :) http://coisasqueeuseiporraquelgomes.blogspot.com.br/

      Excluir
  20. Adorei a super dica!
    Sou nova nesse mundo de blog mas estou adorando e aprendendo muito.
    Fico muito feliz que pessoas como você que transmite o conhecimento...
    Achei lindo seu blog.

    Quando der da uma visitadinha no meu...
    http://praellass.blogspot.com.br/

    beijos

    ResponderExcluir
  21. Huhu!!! Eu consegui!!! Obrigada Elaine!!! Faz tempo que quero colocar esse botão para voltar ao topo, só não tenho muita confiança nos metablogs da vida... Sim, sou desconfiada e medrosa para mexer nos códigos da vida bloguistica... Mas agora fiz!!! Valeu nega!

    ResponderExcluir
  22. Adorei Elaine, coloquei também uma das suas imagens no meu blog, ficou lindo!!! Muito obrigada!!!
    Se quiser ver como ficou: http://blogivarosk.blogspot.com.br/

    ResponderExcluir
  23. OI Elaine,bacana, eu queria mesmo esse tuto.
    Beijo

    ResponderExcluir
  24. Ameiii muito 10,olha como ficou!!!! :O
    Sueii pra conseguir mas até que enfim,sou nova aqui no Blog,mas voucompartilhar
    com você muitas coisas legais,obrigada espero que goste!
    Bjinhos

    ResponderExcluir
  25. Sou iniciante neste mundo dos blogs, seu tutorial me ajudou muito.Eu usei uma imagem que vc disponibilizou ok. Obrigada
    http://artesbytati.blogspot.com.br/

    ResponderExcluir
  26. Oi Elaine!
    Coloquei no meu bloguito e AMEI! Ficou MUUUUUITO FOFO!
    Obrigada querida, suas dicas são o máximo!
    Beijinhos,
    Cris

    ResponderExcluir
  27. Elaine, tô passando a noite de domingo na companhia do teu blog, fazendo pequenas modificações no meu. Usei a tua corujinha, tão linda! Adoro corujas. Dá uma olhadinha no meu blog pra ver como ficou. Ainda não fiz perfil no Face ou no G+, assim que fizer seu blog será sempre recomendado!
    bj
    Ruth
    http://confessionariodaruth.blogspot.com.br/

    ResponderExcluir
  28. oi eu sigo o seu canal do youtube vc poderia postar isso la?? eu nao comsegui fazer isso no meu :( as suas ultimas aulas la foi de mais eu fiz isso em todos os blogs meus e ficaram demais mas desta vez eu nao comsegui :(

    ResponderExcluir
  29. Elaine estou encantada com teu blog... muito fácil de conseguir seguir suas dicas, você explica MUITO bem! Usei uma em meu blog olha lá depois...

    http://papoopraelas.blogspot.com.br/

    AMEI! Muito obrigada pela dica linda!

    ResponderExcluir
  30. Estou me achando,consegui colocar esse botão.Utilizei esse segundo desenho de florzinha que você postou.Muito obrigada!!

    ResponderExcluir
  31. Adorei Elaine!!! pena que tive que usar o modo simples.. pois nao consegui copiar os códigos, e tentei escrever mas eu tenho o teclado italiano e nao tem colchetes :( mas gostei assim mesmo.. usei uma tua imagem vai la da uma olhadinha bjs Gi
    costurandoerecriando.blogspot.it

    ResponderExcluir
    Respostas
    1. Giselle, bom dia
      Eu já atualizei a postagem, colocando a janela para que o código possa ser copiado.
      Pode tentar de novo, tá?
      beijossss

      Excluir
  32. COMO FAZES COM QUE A IMGEM FIQUE ASSI SEM NADA POR TRAZ BEM LIMPINHA,QUERIA SABER COMO FAZ ISSO SE FAZ FAVOR?

    ResponderExcluir
  33. Já segui várias dicas suas e deram certinho, mas esta eu digito f3 e colo ]]> e aparece texto não encontrado!

    ResponderExcluir
    Respostas
    1. no meu também,eu queria colocar o botão de voltar ao topo mas quando eu coloco F3 e procuro ]]> aparece o/0 erro vermelho e nao da pra eu colocar :(
      Pode responder? beijos! ><

      Excluir
  34. Deu super certo , obrigada! Estava querendo mto isso!
    Beijossss!!

    ResponderExcluir
  35. Pense!!! Esse batom vermelho tem tudo a ver com meu blog o Mudando o percurso e o Cupcake com o pin ups do Brasil! Amei

    ResponderExcluir
  36. Este comentário foi removido pelo autor.

    ResponderExcluir
  37. Elaine.... ameiiiiiiiii as imagens de voltar ao topo e coloquei lá no meu blog!! Flor, vc tem nos ajudado muitoooo!!! Obrigada!! bjãoo! ah, olha lá no blog http://pareinos25.blogspot.com.br/

    ResponderExcluir
  38. Oi Elaine!
    tentei colocar o botão para voltar ao topo mas não achei a tag ]]> no meu blog... vc faz ideia do q pode ter acontecido?
    Obrigada!

    ResponderExcluir
  39. Elaine, hoje coloquei a panelinha para voltar ao topo lá no blog.
    Com suas dicas, aos poucos estou mudando o layout. Está ficando lindo!
    obrigada por dividir seus conhecimentos conosco!
    Beijos,


    www.somenteoqueaprovo.blogspot.com

    ResponderExcluir
  40. Adorei as imagens! Coloquei a panelinha como imagem de volta ao topo e ficou uma graça! Obrigada por disponibilizar tantas coisas para nós! Um abraço!

    Meu site: http://dicasdofrangodentro.blogspot.com.br/

    ResponderExcluir
  41. Elaine, muito obrigada, estou fazendo eu mesma meu blog e modéstia parte, tá ficando bem legal pra quem a três semanas não sabia o que era um sidebar e etc... estou usando muito as suas dicas e como vc diz, é só ter um pouco de paciência, deixar a preguiça de lado e pensar... kkkk Obrigada por isso, parabéns pelo seu site, continue nos ajudando... kkk e assim que fizer a minha pagina de blogs que me ajudaram vou colocar seu link, super bjs.... ah! coloquei o esmalte (topo) no meu blog, ficou lindo, passa lá!!! bjs e obrigada mais uma vez...
    www.diariodeunhascherry.blogspot.com.br

    ResponderExcluir
  42. muito obrigada consegui colocar sem scroll ,afff
    peguei a imagem do vestidinho de poá lindissimo por sinal .
    brigada fessora!
    kkkk
    Núbia rangel

    ResponderExcluir
  43. Amei seu blog, tem me ajudado muito!! Usei uma das suas imagens para topo.Obrigada!!

    ResponderExcluir
  44. Olá Elaine . a primeira explicação pelo HTML eu fiz mas ficar do lado esquerdo a imagem, então eu fazer com modelo de gadget.....e ficou bom.vocÊ pode dar uma olhada?
    http://videosdasol.blogspot.com.br/#

    ResponderExcluir
  45. Olá Elaine! Conheci seu blog há alguns dias e me impressiono cada vez mais com a quantidade de coisas que você sabe e passa para seu leitor! Estou usando uma de suas imagens de "voltar ao topo". Você explica muito bem, pois tudo que você ensina e eu faço no meu blog dá certo. Obrigada por disponibilizar seu conhecimento :)
    Bjos,
    Hellen
    http://trechos-e-textos.blogspot.com.br/

    ResponderExcluir
  46. Deu certinho!!!!!
    Obrigada por compartilhar...
    www.expedicaoandandoporai.com
    Carla

    ResponderExcluir
  47. Ficou lindo, valeu!!
    http://blog-lersorrireviver.blogspot.com/

    ResponderExcluir
  48. Olá....amei! Obrigada e já coloquei um no meu blog.
    dá uma olhadinha http://atelierincantare.blogspot.com.br/
    estou adorando suas dicas
    bjooo

    ResponderExcluir
  49. Olá Elaine eu estou amando mt seu blog e está me ajudando bastante eu tbm coloquei no meu vem ver!
    http://garottatrevida.blogspot.com.br/ obg! bjos,,

    ResponderExcluir
  50. Coloquei e aqui está o meu blog http://essaehminhavidaa.blogspot.com.br/ e obg :)

    ResponderExcluir
  51. Não consigo achar o link dentro de editar HTML... =(

    ResponderExcluir
  52. Agora consegui. Obrigada! Seu blog é demais!

    http://vaidadecuriosa.blogspot.com.br/

    Ficou lindo, visite o meu blog pra ver como ficou!

    Beijos

    ResponderExcluir
  53. Oi eu peguei uma de suas imagens e coloquei no meu tumblr,ficou bem legal obrigada :) Meu tumblr http://serjovemblr.tumblr.com/
    Bjss adoro seu blog

    ResponderExcluir
  54. Oi peguei uma de suas imagens e coloquei no meu tumblr ficou bem legal obrigada :) Meu tumblr http://serjovemblr.tumblr.com/
    Bjss adoro seu blog

    ResponderExcluir
    Respostas
    1. oie adoro o seu blog,mais não sei como colocar aquelas figurinhas me ajuda linda

      Excluir
    2. -oie linda elaine o naum sei faze isso no meu blog mais queria que vc me ajudase
      bjss amo seu blog

      Excluir
  55. Não achei aquele código eu até procurei na F3 mas não achei

    ResponderExcluir
  56. Oi amiga, coloquei sua sugestão no meu blog de teste e ficou ótimo. Confira: http://zeliaplantas.blogspot.com. Agora vou trocar o do outro blog que não está funcionando. Muito obrigada.
    Zélia Dantas

    ResponderExcluir
  57. oi elaine, eu gostaria de colocar um botão no meu blog, aonde as pessoas clicassem para deixar sua dúvidas, algo tipo, ainda tem dúvidas eu esclareço, ai a pessoa clica e deixa sua dúvida para eu responder. poderia me ajudar?

    ResponderExcluir
    Respostas
    1. Andressa, tente criar um formulário de contato e a seguir crie um botão linkando para a página desse formulário.
      Ou então simplesmente diga isso ao final dos posts, e quem tiver dúvidas diz nos comentários...

      Excluir
  58. Oi, Elaine
    Consegui!!!! Afffff
    Coloquei no modo mais simples, com gadged HTML. Ficou ótimo!
    Nos 2 blogs, copiei imagens suas. Show!

    Mais uma vez muito obrigada!
    Beijos, ótima semana

    ResponderExcluir
  59. Adoreii o tutorial, e consegui fazer no meu blog... Estou usando a 6ª imagem... Obrigadinha Bjs

    ResponderExcluir
  60. Muito bom, enfim consegui adicionar esse botão, usei o código simples. Obrigada.

    http://tempopranada.blogspot.com.br

    ResponderExcluir
  61. Elaine, informo que coloquei no meu blog o botão "voltar ao topo". Agradeço pela sua ajuda ! Muito obrigado !

    ResponderExcluir
  62. Olá Elaine... gostaria de agradecer muito a sua ajuda, pois agora graças aos seus posts meu blog ta ganhando uma carinha descente!!! Depois de muitas tentativas consegui incluir o ícone topo com os livros ... super bacana obrigada mesmo!!!

    ResponderExcluir
  63. Oi Xará,tudo bem rsrss...olha só,eu ñ consegui encontrar o o primeiro código que vc pede pra procurar com a ajuda da tecla f3...

    ResponderExcluir
    Respostas
    1. Elaine, seu template é um básico do Blogger,
      Certeza absoluta que tem a tag.
      Tente localizar uma palavra dela, tipo skin
      Vai dar certo, pode crer.
      bjssss

      Excluir
  64. Fico sempre frustrada quando tenho que mexer no meu html, meu layout fica sempre com aquela cara sem graça! a tag body por exemplo não aparece quando dou ctrl F. Putz, que droga

    ResponderExcluir
  65. Boa noite,

    Estou super feliz por ter encontrado seu blog, cada vez que venho por aqui aprendo mais um pouquinho. Faz tempo que criei meu blog, foi por acaso e só agora que voltei pois estou pensando em modificar alguma coisinha e logo logo postarei e deixarei mais alegre! Agradeço a você por compartilhar o que sabe. Ah... o meu blog (Mais Brilhante que o Sol) tem a ver com estrela, seria possível você criar uma imagem com estrelinha?! Abraço

    ResponderExcluir
    Respostas
    1. Adriana, assim que der eu faço novos brindes.
      beijos, obrigada por ler o meu blog!

      Excluir
  66. Fiz e deu certo, personalizei a imagem do meu jeito. Utilizei do recurso do HTML, pra mim foi mais fácil. Obrigada por mais esta dica valiosa ;)

    ResponderExcluir
  67. Estou usando um: http://oitavacoluna.blogspot.com.br/
    Não consegui fazer da primeira forma, ficou metade aparecendo somente :/ Ai fiz do jeito mais fácil
    Mas muito obrigada!

    ResponderExcluir
  68. Obrigada pela dica!
    Gostei :) fiz pela a mais fácil, nao estava dando muito certo com a 1 :)

    http://cantinhodesouvenirs.blogspot.pt/

    ResponderExcluir
  69. Obrigada pela dica! Coloquei no meu! *---*
    http://liihmarks.blogspot.com.br/

    ResponderExcluir
  70. Ficou lindo no meu blog! Vem ver!
    Obrigada Elaine, você é demais!
    Beijos e sucesso pra você sempre lindona!
    http://dulcineiadesa.blogspot.com

    ResponderExcluir
  71. finalment consegui..vlw!!
    http://mimoeliloandreiacarvalho.blogspot.com.br/#

    ResponderExcluir
  72. Como faz para colocar o botão de subir e de descer, igual ao seu?

    ResponderExcluir
  73. Olá Elaine estou mais uma vez aqui para agradecer-te por nos ajudar a cuidar do nosso blog, desejo-te feliz ano novo que Deus continue abençoando sua vida e toda sua família, que 2014 seja um ano de grandes conquistas!Amei o voltar ao topo da árvore combinou muito com meu blog!Muito grata!Abraços!

    ResponderExcluir
  74. Excelente post explicativo! andava à procurar para colocar no meu blog mas era tudo muito complicado, vou usar a 2 maneira pois pareceu bem simples. Obrigada

    ResponderExcluir
  75. Adoreii.. super facil e lindooo veja laa!
    beijos

    ResponderExcluir
  76. Oi Elaine, tudo bom?, adorei esse subir e implementei no meu espaço, adotei a maneira simpres, ficou beleza. bgd por mais esse ótima dica!

    ResponderExcluir
  77. elaine, usei teu tutorial e fiz personalizada com a figura do meu logo, só achei que ficou meio desfocada, se vc puder dar uma olhada, o endereço do blog é http://raquelfaleiro.blogspot.com.br/

    Agora quero colocar é aqueles botões de rede social, por acaso vc não tem um tutorial deles, tem?
    bjs
    raquel

    ResponderExcluir
  78. tem como deixar esse botao redondo ao inves de um quadradinho?

    ResponderExcluir
    Respostas
    1. Sim, tem.
      Onde você lê Definição do ângulo do botão altere os valores para mais. Quanto mais altos mais redondo fica.

      Excluir
  79. Oi querida!!
    Peguei o código mais simples, mas ficou bem bonitinho no meu bloguito, da uma olhadinha lá.
    http://bloglardocelar.blogspot.com.br/

    Beijinhos e obrigada por me ajudar.

    ResponderExcluir
  80. Usei uma imagem,muito linda,obrigada!

    meu blog: http://seriaperfeito.blogspot.com

    ResponderExcluir
  81. Não consegui fazer ,,, me ajude... aguardo seu email
    bjs

    ResponderExcluir
    Respostas
    1. Lu, escreva pra mim via formulário de contato, nós combinamos o valor e eu faço pra você.
      bjssss

      Excluir
  82. Oi! Muito bom o seu tutorial!
    Usei uma de suas imagens no blog da minha namorada!

    soprasgurias.blogspot.com

    Mas estou com um problema, a imagem aparece cortada no Chrome, como faço para consertar?

    ResponderExcluir
    Respostas
    1. Edu, experimente alterar os valores expressos em width. Pode ser isso, pois a imagem mede mais que 50pxcomo está no código.

      Excluir
  83. Lindo, lindo amo o seu blog todo o que eu precisava para iniciar e melhorar o meu blog você tem aqui.
    Obrigado adorei o meu botão...
    Se quiser espreitar como ficou está a vontade :D

    http://vidatres3.blogspot.com/

    ResponderExcluir
  84. Elaine! Com todas as suas dicas, consegui deixar meu blog super interessante! Obrigado!

    GabryelFellipeealgo.blogspot.com
    El Costa - Confins Literários

    ResponderExcluir
  85. Oi Elaine,
    Obrigada pelas dicas. O meu ficou lindo!!!!!!
    Faz uma visitinha: http://kessiaartecomamor.blogspot.com.br
    Abraços,
    Késsia

    ResponderExcluir
  86. OI Elaine tentei colocar o código do gadget mais minha imagem vai para o canto do blog e não para abaixo da postagem, oque estou fazendo de errado? Obrigada desde já.

    ResponderExcluir
  87. Gostei da dica, mas tive que fazer umas modificações para dar certo. Peguei um dos brindes, mas pretendo criar um depois :)
    bjs

    ResponderExcluir
  88. Ameiiii muito obg !!
    em breve farei repost com créditos pra vc no meu blog beijos!!!
    passem lá meninas blog de moda e beleza, focado em makeup..

    http://luzcameraemakeupp1.blogspot.com.br/

    ResponderExcluir
  89. Tenho aplicado todas as suas dicas aqui no meu blog ,se quiser vai lá ver como ficou bjos
    http://artedefazercrochetutorial.blogspot.com.br

    ResponderExcluir
  90. Olá, Elaine.
    Parabéns pelo seu blog e obg por nos ensinar a melhorar cada vez mais nossos blogs.
    Usei esse código e coloquei uma imagem. Mas qdo entro no meublog, a imagem nem sempre aparece e, quando aparece, nem sempre funciona (clico nela e não volto para o topo). Você saberia o motivo disso ocorrer?
    Desde já,
    Obrigada.

    ResponderExcluir
  91. Sensacional a dica!
    Criei uma imagem para mim e usei o código no meu blog e adorei o resultado final.
    Beijos.
    http://soudoce.blogspot.com.br/

    ResponderExcluir
  92. como faço para saber quantos pixels tem uma imagem?

    ResponderExcluir
  93. Não tá dando mais pra copiar os códigos :(

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…