Tutorial: Imagem ocupando toda a largura da postagem.

O que você quer ver aqui no blog? Participe desse formulário de perguntas sobre o blog, para ver se vocês estão felizes ou não. Link Aqui.

Olá amores, tudo bem com vocês? Bom, hoje de manhã eu fui ao hospital dos óculos para tirar um novo grau, e descobri que tenho um de miopia. Sério, eu só tenho onze anos. Enfim, eles colocaram três gostas de colírio que limparam os meus olhos e agora eu tô com uma  séria dor nos olhos, e mal consigo escrever. Então, possivelmente, amanhã retribuirei as visitas. 

Hoje, eu estou trazendo para vocês o tutorial de deixar a imagem ocupando toda a largura da área de postagem. Mas para que a foto não fique fora da área, ela tem que ser do tamanho do seu post (de largura, que é tipo, <>). Enfim, use somente imagens no tamanho da sua área de postagem ok? Tire o print dela, aí da para ver, se não conseguir me chame que eu ensino. Tá, vamos ao tutorial?

1°: Vá até o painel do seu blog, modelo, editar HTML e procure a seguinte tag: "/* Mobile", quando achar, cole ABAIXO dela o seguinte código:

.post img, table.tr-caption-container {
 max-width: 680px; /* Tamanho da Imagem*/
height: auto;
margin-left: -4px; /* Espaço entre a margem esquerda do post e a imagem*/
margin-right: -4px; /* Espaço entre a margem direita do post e a imagem*/
}

Em "max-widht", coloque o tamanho da largura de sua imagem, como eu falei antes. Enfim, depois é só salvar e pronto :3 Lembre de sempre alinhar a sua imagem para esquerda. Alinhar enquanto fizer o post tá? Bom, esse tutorial só foi possível porque a linda Marina do blog Chá Com Anjos me ajudou, então, créditos a ela e a mim se usarem ok? Até mais amores, sei que ainda não é natal, mas Feliz Natal <3