Como ajustar automaticamente a largura das imagens nas postagens do Blogger

Como ajustar automaticamente a largura das imagens no Blogger

Uma das dificuldades que os editores costumam enfrentar no Blogger é conseguir ajustar as imagens ao espaço (largura) existente na área da postagem. O blogger oferece medidas padrões que nem sempre são adequadas ao tamanho das imagens que queremos exibir, ocorrendo então de algumas ficarem grandes ou pequenas demais nas postagens.
 Vou ensinar aqui como deixa-las com ajuste automático independente do tamanho que tenham, assim elas sempre serão abertas na largura máxima da postagem sem ultrapassar as margens pré estabelecidas e sem perder a qualidade.

Para resolver o problema, será necessário editar o HTML de seu blog.

Siga os seguintes passos:
Abra o painel do Blogger, clique em “Modelo” e depois no botão “Editar HTML”. Na tela onde está exibido o código fonte do seu template, procure pela seguinte linha:
<b:skin>-</b:skin>
Em seguida cole o seguinte trecho entre as tags <b:skin>-</b:skin>
img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
<b:skin>-(cole aqui)</b:skin>
Salve o modelo, faça o teste adicionando imagens mais largas que a área de postagem e veja o resultado.

Link de inscrição no Youtube

Receba novidades, se inscreva em meu canal no Youtube: Ciência Compartilhada