Imagem com largura total do post/ sidebar

Olá gente!!! Outro dia uma leitora me perguntou como eu deixei aquele gif da Rapunzel com a mesma largura da sidebar. Então resolvi fazer esse post, já que pode ser uma dúvida de muitos. Esse tutorial pode ser usado com as imagens do post e com as imagens da sidebar. Eu só uso com aquele gif na sidebar, na área dos posts eu não gosto, porque todas imagens ficam com a largura total, e às vezes gosto de colocar gifs, ícones e tal, aí fica tudo absurdamente grande. Fica horrível! Mas, se seu blog é bem limpinho, e você usa imagens apenas para ilustrar posts, não tem problema algum.

Vamos ao tutorial?

Na área do post

No HTML do seu blog procure por:

/* Posts
----------------------------------------------- */

Cole logo abaixo:

.post img{
border: 0; /* borda na imagem em zero, não altere */
margin: 0 -30px 0 -30px; /* margem da direita e esquerda, não altere */
padding: 0; /* espaço entre margens e imagem, não altere */
width: 540px; /* tamanho máximo da imagem, pode e deve ser alterado */
}

 Agora mude a parte selecionada de acordo com a largura total da sua área de postagem.

Mas atenção, alguns blogs usam esse tutorial, mas acabam deformando as imagens. Entenda porque.

Quando estamos fazendo a postagem, no próprio editor, temos a opção de tamanho das imagens, por exemplo, pequeno, médio, grande, muito grande, tamanho original... 

Para que sua imagem fique linda e com a largura total do post, você precisa deixa-la centralizada e com seu tamanho original. Assim o tutorial irá funcionar perfeitamente, caso contrário, ficará horrível sua imagem.

Lembrando que TODAS as imagens do post ficaram com a largura total do post, seja ela, gif, mini-gif, ícones...

Na sidebar

Para deixar a imagem da sidebar com largura total é um pouco diferente.

Vá no layout do blog e adicione um novo gadget Java Script/HTML e coloquee nele o código abaixo.

<img width="280" height="auto" src="URL DA IMAGEM" />

Coloque a largura de acordo com a o tamanho da sua sidebar e a altura, deixe AUTO. Coloque também o URL da sua imagem.
Prontinho gente. Gostaram?
Beijinhos e até a próxima!