Site de ideias criativas

Como definir a largura de imagens no Blogger automaticamente


Confira esse Como definir a largura de imagens no Blogger automaticamente para fazer em casa

 Como definir a largura automática de imagens no Blogger



Uma das dificuldades que os editores geralmente encontram no Blogger é a capacidade de ajustar as imagens para caber no espaço (largura) na área de postagem. O Blogger oferece tamanhos padrão que nem sempre se ajustam ao tamanho das imagens que queremos exibir, então acontece que algumas delas são muito grandes ou muito pequenas nas postagens.

Width = Largura

Height =  Altura

   Vou ensinar como deixá-los se ajustar automaticamente ( Largura e Altura ) independentemente do seu tamanho para que sempre abram na largura máxima do poste, sem ultrapassar as margens pré-definidas e sem perder qualidade.


Para corrigir esse problema, você precisa modificar o código HTML do seu blog.


Siga esses passos:

Abra o painel do Blogger, clique em Modelo e no botão Editar HTML. Na tela que exibe o código-fonte do formulário, encontre a seguinte linha:


<b:skin>-</b:skin>


Em seguida, insira o seguinte snippet entre as tags<b:skin>-</b:skin>

img {max-width: 100%; height: auto; width: auto\9; /* ie8 */ }

<b: skin> - (insira aqui) </ b: skin>

Salve o modelo, teste-o adicionando imagens mais largas do que a área de postagem e veja o resultado.











Crédito nas imagens

Gostou do Como definir a largura de imagens no Blogger automaticamente Compartilhe com seus amigos.

Deixe seu comentario

/ / /