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: , ,

3 Comentários:

Às 4 de agosto de 2011 13:21 , Blogger ray esposito disse...

posso lhe fazer um pedido por favor faça uma video aula de como colocar uma foto embaixo da postagem de um modelo criado pelo artisteer

 
Às 10 de agosto de 2011 14:53 , Blogger Códigos Blogger disse...

Veja o tutorial:

http://www.cblogger.net/2011/08/colocando-imagens-abaixo-das-postagens.html

 
Às 22 de outubro de 2011 10:53 , Blogger carlosriley disse...

Este comentário foi removido pelo autor.

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial