terça-feira, 13 de janeiro de 2015

Como ajustar suas fotos no Blogger?

Neste post aqui eu dei cinco dicas para que você torne seu blog mais atraente aos leitores, e a que eu sempre cito é: USE FOTOS PROPORCIONAIS. Como assim proporcionais? Fotos que sejam na mesma largura do texto do post.

Como fazer isso:

1) Procure no seu Designer de Modelo do Blogger a largura do post em pixels e use este valor como referência.
2) Ao descobrir o valor da largura do seu post vá em Modelo > Editar HTML

Procure (F3 ou Crtl + F): .post-body {

Acima desta tag, você cola:

.post img {
max-width: 670px;
height: auto;
}

O valor de 670px é referente a largura da postagem do meu blog, logo, você ao copiar irá modificar esse valor e colocar o referente ao seu.

Quando postar a foto no Blog, sempre a deixe no tamanho original, desde que este tamanho seja mais largo que a coluna de postagem (se for menor, use a opção "muito grande"). No meu caso minhas fotos tem 800px de largura e jogo assim mesmo no blogger, que ajustará automaticamente pra 670px, pois é isto que esse código faz, padroniza as larguras.

Veja que na área de criação da postagem ao usar o tamanho original, ela fica maior, mais larga que o texto. Veja a seta vermelha indicando.

Como ajustar suas fotos no Blogger?

Porém, ao clicarmos pra visualizar a postagem antes de pronta, vemos que a imagem fica na largura certinha do texto. Vejam as setas vermelhas indicando.

Como ajustar largura fotos blogger

Tome cuidado pois ao fazer isso as fotos podem ficar distorcidas. Então o ideal é sempre edita-las antes de começar a postagem.

 Como eu edito Fotos

Outra observação é que toda foto postada fica automaticamente em forma de link, e para ficar na largura certa, remova este link.

Enfim, espero que este tutorial seja útil pra vocês blogueiros, pois nossos blogs vivem de imagens, e ter fotos bonitas e proporcionais ajuda muito no sucesso de um Blog.


Veja também:
Como aumentar o número de visitas em seu Blog




Mil beijos, Thainá.

UPDATE: Pra achar a largura referente a meu Blog fiz assim: postei uma foto de 670px exatamente e fui em ajustar larguras, no Design do Modelo. Assim, na verdade, eu ajustei de acordo com o tamanho que eu queria... acho que fotos de largura até uns 700px são ideais.

9 comentários:

  1. Thainá, adorei suas dicas, as fotos do meu post eram pequenas, fiz um post com fotos maiores e realmente visualmente ficam bem melhor. bjuxxx

    ResponderExcluir
    Respostas
    1. Kamila ficam melhores sim! Beijão, fico feliz por ter ajudado

      Excluir
  2. Adorei a dica!
    Tava procurando isso outro dia!
    Mas como eu descubro o tamanho do blog?!

    :*

    ResponderExcluir
    Respostas
    1. Ingrid, no post acima explica isso melhor... espero que consiga achar. Beijos!

      Excluir
  3. Que burra! Dá zero para mim!
    Confundi toda a frase!

    :(

    ResponderExcluir
    Respostas
    1. Tudo bem Ingrid...rs... você não é burra! eu também não consegui identificar logo de cara a largura da postagem do meu blog pois no modelo/ design não informa exatamente o valor, mas fui puxando para um lado, puxando para o outro, até achar. Boa sorte com a sua... beijos!

      Excluir
  4. VLW MESMO É UNICO POST QUE PRESTA SOBRE ISSO É ESSE AGRADEÇO

    ResponderExcluir
  5. Muito bom, deu tudo certinho. Obrigado e parabéns.

    ResponderExcluir
  6. Meninaa, só consegui arrumar com seus post... Muitoooo Obrigada... Beijos

    ResponderExcluir

Mensagens mal educadas não serão aceitas *