Menu

sexta-feira, 11 de janeiro de 2013

Tutorial: Como Redimensionar Imagens de Posts Automaticamente - Para Blogger

Ói ieu aí ôtra vez! rsrs

 Venho com mais um tutorial, ensinando como  Redimensionar Imagens Automaticamente ao postar.

Todo o blogueiro já se deparou com um problema clássico: Postar uma imagem maior do que o Limite da margem da postagem, e na hora de publicar se depara com um inconveniente: A imagem é cortada. 
Para a nossa Tristeza

Mas agora, os Seus problemas acabaram! Basta seguir esse pequeno tutorial:
OBS: Essa postagem foi feita com base no Blogger, ok?

--------------------------------------Agora, mãos à massa!----------------------------------------

1º Passo: Vá em Modelo > Editar HTML.

2º Passo: Ative a Flag "Expandir Modelos de Widget"

3º Passo: Dê um CTRL + F (para dar um find) e procure pelo código abaixo:

/* Content
----------------------------------------------- */

body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

html body .content-outer {
  min-width: 0;
  max-width: 100%;
  width: 100%;
}


4º Passo: Insira o código em azul no trecho indicado:

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

body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

html body .content-outer {
  min-width: 0;
  max-width: 100%;
  wid

5º - Pronto! Agora corra para o abraço e seja feliz!



Comentários
0 Comentários

Nenhum comentário:

Postar um comentário