Web Dois Ponto Zero: Colocar texto ao redor das imagens nos posts do blogger

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