banner

Image Map

Redimensionador de imagens para blogger

  Olá meninas, tudo bem?
  Hoje vim trazer para vocês um tutorial super útil que é o redimensionador de imagens para blogger. 
  Como já tinha citado anteriormente na postagem inicial da tag "Aprimorando seu blog" um dos quesitos essenciais para deixar um blog mais profissional é a padronização de imagens, quando todas imagens estão na mesma largura o blog fica com uma aparência mais organizada!

Antes do redimensionador:
Depois do redimensionador:
  Porém muitas blogueiros (as) deixam de fazer por preguiça de ter que redimensionar foto por foto em um editor de imagens, ou então acabam deixando todas nos tamanhos disponibilizados pela plataforma blogger "Médio" "Grande" "Muito Grande" deixando muitas vezes as imagens ficaram para fora da área de postagem, como no caso acima. Para solucionar esse problema é só vocês seguirem o passo a passo abaixo:

1º Passo: Vá em Modelo > Editar HTML.
2º Passo: Aperte CTRL + F e procure o código: 
 body { 
3º Passo: Cole o código abaixo em cima do " body { " : 

 .post img { max-width: 600px; /* Valor limite ajustado */ height: auto; }
.post img { min-width: 600px;/* Valor limite ajustado */ height: auto; }

  Você pode alterar o valor em vermelho de acordo com a sua preferência e a largura da sua área de postagem.  Para manter o padrão é necessário que ambos tenham valores iguais. O "max-width" vai redimensionar apenas as imagens que são maiores que 600px e o "min-width" vai redimensionar as imagens menores que 600px, por exemplo. 
   Lembrando que se você optar em usar esse mecanismo não há possibilidade de usar imagens de outro tamanho, toda imagens sem exceção serão redimensionadas para o tamanho máximo e mínimo estabelecido.
  Espero que esse tutorial seja útil para vocês! Beijos <3



Comente com o Facebook:

22 comentários:

  1. juro que eu nao sabia disso ahahahaha adoooreeiii o post. Foi tão util que você nao tem noção

    www.fashionworldbykaren.com
    Instagram: www.instagram.com/fashionworldbykaren
    Facebook: www.facebook.com/fandbworld

    ResponderExcluir
  2. olha só, não sabia que tinha como redimensionar as fotos pelo proprio blogger... acho muito fundamental deixar todas as imagens na mesma largura, o blog vira outro, as vistas não cansa! para deixar tudo padrão no meu blog eu redimensiono pelo PhotoScape e depois jogo no blog, clico em "muito grande" e fica perfeito! muito útil sua dica, economiza um tempão nosso haha
    amei o post, muito bem explicado, parabens <3
    http://belezadecetim.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Realmente é fundamental. Quando um site não possui não um padrão de tamanho das imagens fica visualmente muito bagunçado, desinteressando assim o leitor.
      Eu também editava pelo photoscape, quando passei a utilizar o código ganhei muito tempo!

      Excluir
  3. Sempre deixo um padrão nas imagens do meu blog, mas edito no photoscape pra isso. Ainda não sabia desse código, é uma ótima dica mesmo. Beijos <3

    www.keithpappen.blogspot.com

    ResponderExcluir
    Respostas
    1. Também edito no photoscape, mas acho muito trabalhoso ter que editar uma por uma você não acha?
      É uma forma de otimizar o tempo, pelo menos para mim tem sido super útil!!

      Excluir
  4. adorei,pois estou começando meu blog agora.
    meu blog é : stillodemulher.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Que bom que você gostou (:
      Parabéns pelo lindo blog, te desejo muito sucesso!

      Excluir
  5. Eu não sabia que dava para fazer pelo blog, eu edito os tamanhos no photoscape!
    Beijosss :)
    Maquiada & Poderosa

    ResponderExcluir
    Respostas
    1. Eu também edito tudo no photoscape, mas vamos confessar que dá um trabalhão né? haha

      Excluir
  6. Eu já tenho. Acho super útil
    Beijos, Isa; ingenuaisadora.blogspot.com

    ResponderExcluir
  7. Edito pela post mesmo. É mais prático.

    Beijos

    nuvemdeorigami.blogspot.com.br

    ResponderExcluir
    Respostas
    1. É bem prático mesmo, mas como gosto de usar imagens no tamanho grande e a minha opção "Muito Grande" do blogger fica para fora da área de postagem enquanto a "Grande" fica pequena, acabo tendo que redimensionar uma por uma e assim perco um bom tempo! Por isso preferi esse redimensionador automático :D

      Excluir
  8. Bem legal o post, ótimo pra tutorial pra quem tá começando agora.
    beijoos

    http://manguitarosa.blogspot.com.br/

    ResponderExcluir
  9. Uma ótima dica, adoro ler posts com as imagens todas organizadas!
    beeijos
    www.paaradateen.com

    ResponderExcluir
    Respostas
    1. Realmente, a organização do blog e do post faz toda diferença né? :D

      Excluir
  10. Amei a dica!

    http://girlsdetudoumpouco.blogspot.com/

    ResponderExcluir
  11. Oii Linda, supeeeer dica, hein?!
    Adoreeeeeeeei ♥
    Beijooos ♥
    www.garotaurbana.com.br

    ResponderExcluir
  12. Dica ótima! Amei, lembrei o tanto que eu sofri pra consegui arrumar o meu!
    Beijos e tenha uma ótima semana!

    ResponderExcluir

Leiam o post inteiro, pois ele foi escrito com muito carinho para vocês! Se gostarem comentem e curtam o post.
Obrigado pela visita e volte sempre.

Related Posts Plugin for WordPress, Blogger...