terça-feira, 26 de julho de 2011

Dividir postagens em colunas

Colunas

Uma maneira bem legal de tornar suas postagens mais profissionais, é fazer com que o corpo dela seja dividido em colunas. E nesse tutorial vou ensinar como deixar suas postagens divididas em quantas colunas você quiser. A postagem ficará parecida com manchetes de jornais. Então ficaria bem mais interessante colocar esta pequena modificação em blogs de notícias. Mas se quiser, pode incrementar outros blogs fora desse tema e deixar suas postagens diferenciadas.

Dividir postagem em colunas

O código que vamos usar para esta modificação é bem básico, somente CSS. Dispensando totalmente o uso de outras linguagens. Sendo assim, a mudança será bem simples.

1. Faça o login no blogger e acesse o painel principal do seu blog;

2. Vá em “Modelo” - “Editar Modelo”, aperte CTRL + F e procure por:

.post-body {

3. Abaixo dessa linha cole o seguinte código:

-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
column-count: 2;
column-gap: 20px;

4. Salve o modelo e veja como ficou.

Caso queira aumentar o número de colunas, apenas altere a parte destacada de vermelho para um número correspondente a quantidade de colunas que quiser.

Obs: Compatível com:
Firefox 3.0+
Chrome 4.0+
Safari 3.1+

Marcadores: , ,