Como Alterar Tamanho de Fotos do Blog no Código HTML - Largura e Altura

► Após inserir uma foto em um artigo do blog, o blogger oferece alguns recursos para dimensionar o tamanho, largura e altura da foto. Além de oferecer também as opões de alinhamentos, centralizado, à esquerda e direita e adicionar legenda na foto. 

► Até ai, o blogger não deixa nada a desejar, muito pelo contrário, estes recursos que nos disponibiliza, são importantíssimos para criarmos e exibirmos um artigo com excelente estética e atrativo aos olhos dos leitores do seu blog.

► Mais em alguns casos, precisamos ajustar a foto num padrão que foge as medidas oferecidas e disponíveis. É ai que devemos saber como definir as dimensões de tamanho, largura e altura das fotos através dos códigos HTML. 

► Para isso, você deve clicar na parte superior direita, em Editar HTML. Geralmente colocamos a foto do artigo, sempre ao lado superior esquerdo. Portanto, busque este código abaixo para alterar as dimensões da foto do seu blog.

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhyphenhyphenM-mI7b8kPct-xVPf-B-5xa9uxVMlBadiYZgj85HcZp4dxY3sVVlU-Cqt3VxWo1H2VsTpf4HwAcWSe-xrPib4FoNHHdDQJabWWRa0DCXKbhHA2cDLidG3V-qF-kxC0mAk0eV1AQ47UQ/s1600/foto-como-criar-um-blog-passo-a-passo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhyphenhyphenM-mI7b8kPct-xVPf-B-5xa9uxVMlBadiYZgj85HcZp4dxY3sVVlU-Cqt3VxWo1H2VsTpf4HwAcWSe-xrPib4FoNHHdDQJabWWRa0DCXKbhHA2cDLidG3V-qF-kxC0mAk0eV1AQ47UQ/s320/foto-como-criar-um-blog-passo-a-passo.png"  width="320" /></a>

► Observe que este código acima, representa a sua foto em formato HTML, portanto, você só deve, e poderá, alterar apenas os valores da largura e altura da foto do seu blog passo a passo. 

Vamos ver como alterar passo a passo, a largura e altura da foto de seu blog agora. 

► 1º - height="182" quer dizer altura, portanto, se você quer aumentar a altura na vertical da foto, basta mudar de 182 para 200, que ela aumentará automaticamente. Vá mudando os valores até que esteja a seu gosto, e que se adéque a estética do artigo do seu blog.

► 2º - da mesma forma, width="320" quer dizer largura em português. Siga os mesmos passos, alterando os valores, até que fique da largura que você desejar. Quanto maior o valor, maior a largura e altura da foto dos artigos de seu blog.

► Para identificar ima foto, no HTML de um artigo, basta apenas entender que o início de uma foto começa com <a href= e termina com </a> como mostra o código de uma foto em formato HTML abaixo. Memorize bem e tenha o controle total das dimensões das fotos do seu blog.

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhyphenhyphenM-mI7b8kPct-xVPf-B-5xa9uxVMlBadiYZgj85HcZp4dxY3sVVlU-Cqt3VxWo1H2VsTpf4HwAcWSe-xrPib4FoNHHdDQJabWWRa0DCXKbhHA2cDLidG3V-qF-kxC0mAk0eV1AQ47UQ/s1600/foto-como-criar-um-blog-passo-a-passo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhyphenhyphenM-mI7b8kPct-xVPf-B-5xa9uxVMlBadiYZgj85HcZp4dxY3sVVlU-Cqt3VxWo1H2VsTpf4HwAcWSe-xrPib4FoNHHdDQJabWWRa0DCXKbhHA2cDLidG3V-qF-kxC0mAk0eV1AQ47UQ/s320/foto-como-criar-um-blog-passo-a-passo.png"  width="320" /></a>

Obs.: A foto principal deste artigo, na parte superior, é igual a foto principal do blog. O que diferencia uma da outra, é apenas o tamanho e largura que eu ajustei no código HTML do artigo. 

Boa Sorte e Até a Próximo Artigo