Olhinhos da Caju: Como centralizar gadget de imagem.

Como centralizar gadget de imagem.

Olá pessoal, vou fugir um pouco dos assuntos abordados no blog mas acho que muitos já passaram por isso, então resolvi fazer um post sobre como centralizar gadget de imagem.
Pesquisei em vários blogs que ajudam a personalizar template, mexer em HTML entre outras coisas, como o Ferramentas blog, Gerenciando blog, Dicas para blogs ... e não achei o que procurava.
 Eu adicionei um gadget de uma imagem na sidebar (coluna do blog) e ela ficou encostada do lado direito, não ficava centralizada. Se fosse adicionada pelo gadget de HTML era só colocar <center> no início e </center> no final que ficaria centralizada, mas como era uma imagem tinha que ser de outra forma.
Vi em alguns blogs que teria que achar a imagem e editar no HTML do blog. E como achar a imagem? Cheguei até a baixar uma extensão do firefox o firebug que mostra o html da página que você quiser e você consegue fazer a edição e já ver o resultado de como ficaria, na hora, mas não é tão simples assim.
Fiquei 1 hora tentando e desiti, desliguei tudo e fui dormir. Quando deitei a cabeça no travesseiro, fiquei pensando e me deu um estalo! No dia seguinte a primeira coisa que fiz foi colocar em prática, e batata...consegui! As vezes o que precisamos é esfriar a cabeça para a idéia aparecer e fluir.
Bom o que fiz foi muito simples e até acho que alguém já deve ter feito, fui como se fosse fazer uma nova postagem,


 Adicionei a foto, centralizei, coloquei o link da URL que eu queria redirecionar,



Cliquei em editar HTML,



Copiei todo o código e adicionei no gadget HTML. Pronto! A imagem ficou centralizada e nem precisei editar o HTML do blog e nem hospedar a imagem e pegar o html para adicionar o gadget.

Espero ter ajudado e conseguido explicar, porque esse não é o tipo de post que costumo fazer. E se alguém já tinha feito isso ou tem alguma outra maneira, por favor compartilhe conosco.



17 comentários:

  1. Muito bem explicadinho o post, ajuda muito quem está começando ou não faz idéia de como melhorar o aspecto original do blogger!
    Beijos, Jeh Galvão
    Blog Horadamake

    ResponderExcluir
  2. Oi Carol!
    Amei a sua dica.
    Muito obrigada por partilhar!
    Beijo grande,
    Anita
    http://allascopertadikiko.blogspot.pt/

    ResponderExcluir
  3. Que massa! Adorei, beijoos

    http://aboutbrendalima.blogspot.com.br/

    ResponderExcluir
  4. Poxam parabéns, eu também quebrei a cabeça para centralizar a imagem, tentar pegar o código htmal, e a sua solução caiu que nem uma luva! adorei! Um abraço!

    www.revoltaeromance.blogspot.com.br

    ResponderExcluir
  5. BRILHANTE!

    http://ahoradocafezinho.blogspot.com.br/

    ResponderExcluir
  6. Obrigada pessoal! Fico feliz que gostaram!
    bjs

    ResponderExcluir
  7. Linda, gostei bastante de sua dica e to usando agora no blog! Mto obrigada

    http://gestaopink.blogspot.com.br

    ResponderExcluir
  8. Valeu me ajudou muito com o cabeçalho do blog de um programa de rádio que estou reestruturando.
    www.cafecomunitariofeevale.blogspot.com

    ResponderExcluir
  9. Menina amei esta postagem ela é a melhor que eu já li ate agora.Ta muito bem explicada eu quebrei a cabeça tentando centralizar gadget de imagem e não conseguia, mas com a sua explicação consegui de primeira.Muito obrigada seu site é ótimo.

    ResponderExcluir
  10. Valeu pessoal fico feliz em ter ajudado!
    bjs

    ResponderExcluir
  11. Valeu carol, quebrou meu galho e muito.

    ResponderExcluir
  12. Simplesmente genial!
    Fiz e deu certinho!

    ResponderExcluir
  13. Perfeito. Simples e fácil.
    Obrigada por compartilhar.
    Bjks.

    ResponderExcluir
  14. Muito simples, fácil!! Gratidão estava um tempão tentando fazer e nada dava certo, e sua explicação foi ótima!!

    ResponderExcluir

Formulário de contato

Nome

E-mail *

Mensagem *