Tutorial: Imagem do post/sidebar com a largura que você quiser

Olá, amorinhas! Tudo bom com vocês neste dia de hoje? Espero que sim. Ah, gente, odeio tomar vacina, odeio mesmo, pareço uma criancinha hahaha, mas eu não gosto. E ainda mais que eu vou ter que tomar a da gripe e a da febre amarela juntas, vou até ter um infarto aqui, já volto... Tá bom, tá bom, pode ser exagero meu hahaha. Enfim, vamos parar de enrolação e vamos ao que interessa mesmo, a postagem de hoje!

Tem aqueles bloguitos lindos, fofos, mara, que a imagem da sidebar fica bem bonitinha, do tamanho da largura da sidebar e também da postagem, aqui no blog eu tenho isso, não importa o tamanho que eu coloque da imagem, ela sempre vai ficar do mesmo tamanho que está colocado no HTML do blog. Vim aqui pra ensinar isso pra vocês, isso já é beeeem antigo, só eu mesmo pra fazer um blog de tutoriais em 2018... Então vamos lá né, amoras. (Me digam, vocês gostam do apelido amora? c.c).

Área da Postagem

1- Vá em Tema★Editar HTML★Dê F3 e procure por /* Posts

quando achar, logo abaixo dos ----------*/ copie e cole o código abaixo:

.post img {
border: 0; /* Borda da imagem, não altere nada */
margin: 0 -30px 0 -30px; /* Margem da direita e esquerda, não altere nada */
padding: 0; /* Espaço entre margens e imagem, não altere nada */
width: 600px; /* Tamanho da imagem, altere conforme seu gosto */
}

Bom, altere o width conforme o tamanho de seu gosto. Pessoal, eu disse para não alterar nada nas bordas, porquê isso é pra outro tutorial, como colocar bordas, entenderam? Mas se já tiverem um código de .post img{, acrescentem em seu código apenas o width. Quero lembrar que com esse tutorial, todas, não importa o tamanho que você colocar como pequeno, médio, grande, muito grande, vão ficar todas do mesmo tamanho, então, se você não quiser isso, não coloque esse tutorial para não dar problemas.

Área da Sidebar

Este tutorial já é um pouco diferente, não vamos mexer com o HTML do blog, e sim com aqueles Gadgets. Mas vamos lá!

1- Vá em Layout★Adicionar Gadget★HTML/JavaScript★E dentro do Gadget cole o seguinte código:

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

Agora é só colocar a url da sua imagem e o tamanho que você quiser da imagem, na sidebar, eu aconselho colocar esse código, pelo menos nos layouts que eu fiz, ficou mucho bonitinho! Depois é só visualizar e salvar, ah, e abaixo da imagem, se você quiser, coloque seu texto também.

Foi isso, amorinhas vermelhas. Espero que tenham gostado desse tutorial
Um beijo e um cheiro ❤ Créditos do tutorial (www)