Como Alterar Tamanho de Fotos do Blog no Código HTML - Largura e Altura
Autor: Leno Fishermann | Publicado: 2012-01-14T05:30:00-08:00






► 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.&nbsp;



► 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.&nbsp;



► 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.

&lt;a href="http://1.bp.blogspot.com/-K-yfkEXFgRE/TxE_qS_8HmI/AAAAAAAACB0/R_PcPokL_O8/s1600/foto-como-criar-um-blog-passo-a-passo.png"  imageanchor="1" style="clear: left; float: left; margin-bottom: 1em;  margin-right: 1em;"&gt;&lt;img border="0" height="182"  src="http://1.bp.blogspot.com/-K-yfkEXFgRE/TxE_qS_8HmI/AAAAAAAACB0/R_PcPokL_O8/s320/foto-como-criar-um-blog-passo-a-passo.png"&nbsp; width="320" /&gt;&lt;/a&gt;



► 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.&nbsp;



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

► 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 &lt;a href= e termina com &lt;/a&gt; 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.


&lt;a href="http://1.bp.blogspot.com/-K-yfkEXFgRE/TxE_qS_8HmI/AAAAAAAACB0/R_PcPokL_O8/s1600/foto-como-criar-um-blog-passo-a-passo.png"  imageanchor="1" style="clear: left; float: left; margin-bottom: 1em;  margin-right: 1em;"&gt;&lt;img border="0" height="182"  src="http://1.bp.blogspot.com/-K-yfkEXFgRE/TxE_qS_8HmI/AAAAAAAACB0/R_PcPokL_O8/s320/foto-como-criar-um-blog-passo-a-passo.png"&nbsp; width="320" /&gt;&lt;/a&gt;






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.&nbsp; 



Boa Sorte e Até a Próximo Artigo