A carregar...



Colocar texto ao redor das imagens nos posts do blogger


Uma coisa que pode ser interessante no nosso blog é ter a possibilidade de fazer rodear de texto as imagens que colocamos nos nossos posts do blog(ger).

Como sabem, quando inserimos imagens nos posts, o blogger encarrega-se de as centrar e apenas podemos ter texto acima ou abaixo delas, ficando sempre um espaço em branco nas zonas laterais dessa imagem.
Esse "contratempo" pode ser ultrapassado agindo do seguinte modo:

Passo 1:

- Edite o HTML do seu blog;
- Localize a zona CSS da sua folha de estilos;
- Copie o seguinte código para lá, por exemplo logo abaixo da secção de posts.




/*Wrap text around image
.left {
float: left;
margin: 3px;
}

.right {
float: right;
margin: 3px;
}


Passo 2:

Para qualquer imagem da internet, ou sua que tenha alojado na internet, que queira inserir, faria algo do tipo






Então adicione apenas a tag class="right" ou class="left", ficando com





Colocando essa tag class="right", a imagem flutuará para a direita e o texto rodea-la-à à sua esquerda... e vice-versa, naturalmente.

Só uma nota final.
Se quiser aplicar esta dica, sempre que quiser inserir uma imagem seguindo estes passos, deve inserir-la com a janela onde escreve o seu post em "Editar Html" e não "Redigir".
Experimente e boa sorte!

NOTA: Esta é mais uma dica patrocinada por BlogU












                         


Mensagens relacionadas (por Tags)






Responda a este post


Enviar um comentário