Como definir a largura de imagens no Blogger automaticamente

 Como definir a largura automática de imagens no Blogger

Uma das dificuldades que os editores geralmente encontram no Blogger é a capacidade de ajustar as imagens para caber no espaço (largura) na área de postagem. O Blogger oferece tamanhos padrão que nem sempre se ajustam ao tamanho das imagens que queremos exibir, então acontece que algumas delas são muito grandes ou muito pequenas nas postagens.

Width = Largura

Height =  Altura

   Vou ensinar como deixá-los se ajustar automaticamente ( Largura e Altura ) independentemente do seu tamanho para que sempre abram na largura máxima do poste, sem ultrapassar as margens pré-definidas e sem perder qualidade.

Para corrigir esse problema, você precisa modificar o código HTML do seu blog.

Siga esses passos:

Abra o painel do Blogger, clique em Modelo e no botão Editar HTML. Na tela que exibe o código-fonte do formulário, encontre a seguinte linha:

<b:skin>-</b:skin>

Em seguida, insira o seguinte snippet entre as tags<b:skin>-</b:skin>

img {max-width: 100%; height: auto; width: auto\9; /* ie8 */ }

<b: skin> - (insira aqui) </ b: skin>

Salve o modelo, teste-o adicionando imagens mais largas do que a área de postagem e veja o resultado.