Como deixar todas suas imagens das Postagens do mesmo tamanho.

Meninas(os), eu sofri tanto com as imagens que saiam fora da área da postagem.

Esse código é para limitar um valor(tamanho) máximo para todas as imagens postadas no blog.Para que assim elas não ultrapassem á area de postagem.

Elas não ficarão exatamente do mesmo tamanho,serão redimensionadas proporcionalmente.  

Como eu coloco várias imagens no Blog, tinha que redimensioná-las uma a uma, era um trabalhão.

Claro que se você fizer o upload da imagem do seu micro, automaticamente o Blogger redimensiona para um valor equivalente a sua área de postagem, mas acho que assim como eu, várias pessoas usam o código html das imagens hospedadas em vários sites como ImageShack, Photobucket, Tinypic, entre outros.

E daí não tem jeito tem que redimensionar uma a uma.

Melhor, tinha, pois com essa dica esse "inconveniente" será resolvido!

Bem vamos lá, é super simples:

Para fazer isso basta adicionar o código abaixo ao seu arquivo style.css:

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

}

Assim, estaremos estabelecendo um limite de 500px de largura para imagens. Se a imagem que você adicionar tiver largura superior, ela será automaticamente reduzida.

Bem para quem não sabe onde fica o arquivo styles.css do seu Blog vá primeiro em Layout, Editar Html então bem no início do html do seu blog, deve ter um código parecido com esse:

Clique na imagem para ampliar

Vamos colocar o código bem acima da tag

body{

mostrada aqui na caixa de texto acima na última linha.

Seu código deverá ficar assim:

Clique na imagem para ampliar

Então é visualize e se estiver tudo OK, salve!

Lembre-se de salvar seu Template antes de fazer qualquer mudança no código HTML do seu Blog.

Para isso clique em baixar modelo completo, antes de qualquer coisa, pois se algo sair errado é só restaurar.

Espero que seja útil para vocês como foi para mim.

Beijos

Continue Lendo...