Como formatar o texto do blog

Quando o assunto é fazer mudanças num blog o mais importante que precisamos saber é como funciona a formatação do blog, ou seja, como definimos onde as coisas vão aparecer, larguras das colunas, quantas colunas o blog tem, quais cores vamos usar, tipo, tamanho e cores das letras, imagens ou cores de fundo, bordas e outras coisas, isso tudo é feito com estilos CSS.

Falar sobre todos esses assuntos de uma só vez é praticamente impossível então vamos por partes, hoje vamos falar sobre formatação do texto. Veja o exemplo abaixo: 

.post{font-family: "Comic Sans MS"; 
color: #0000CC; 
font-size: 12pt; 
font-style: italic; 
line-height: 120%; 
font-weight: bold; 
text-decoration: none; 
} 

O início dele é o nome do estilo no exemplo acima .post, ou seja, esse estilo será aplicado nas postagens do blog, também poderíamos usar em qualquer outra parte: #sidebar é a coluna, body é a pagina inteira e assim por diante. 

Agora vamos mostrar o que faz cada uma das linhas: 

font-family: "Comic Sans MS"; 

Tipo de letra, poderia ser qualquer outra: arial, verdana, Times New Roman, mas não use fontes que você baixou da internet, porque o blog vai usar as fontes disponíveis no computador da pessoa que está visitando o blog, ou seja se essa pessoa não tiver a fonte que você escolheu ele vai usar outra e isso pode prejudicar sua formatação. 

color: #0000CC; 
aqui temos o cor do texto, para alterar é só trocar o código da cor. 

font-style: italic; 

Essa linha faz a fonte itálica, se não quiser apague essa linha ou coloque a palavra normal no lugar de "italic".

font-weight: bold; 

Isso faz texto em negrito, se não quiser apague essa linha ou coloque a palavra normal no lugar de bold, se apagar a linha e o texto continuar em negrito é necessário deixar essa linha, mas com a palavra normal no lugar de bold, isso acontece, por exemplo, se outro estilo CSS já estiver usando bold, por exemplo, se usou texto em negrito no body{...} a pagina inteira ficará em negrito então onde queremos texto normal é preciso colocar font-weight: normal, essa mesma explicação vale para qualquer coisa feita em CSS, como por exemplo, o texto em itálico. 

font-size: 12pt; 
O numero 12 é o tamanho da letra.

line-height: 120%; 

120 é a altura da linha, ou seja, se aumentar esse valor terá um espaçamento maior entre as linhas do texto. 

text-decoration: none; 

Essa linha tira o sublinhado do texto, principalmente usado em links.

Se quiser criar uma formatação para um determinado texto pode usar como nome do estilo qualquer palavra, como .especial{....} o ponto antes da palavra especial faz parte do código, você pode usar esse estilo dentro de uma postagem ou nas colunas do blog inserindo o texto através da pagina layout, adicionar gadget, html/javascript e colocando o código:

<div class="post">seu texto formatado</div> 

Por último precisamos dizer para tomar muito cuidado com as aspas e ponto-e-vírgula e chaves que estão neste código, pois se apagar qualquer uma delas o código pode não funcionar corretamente. 


Você pode achar interessante também:
> Onde Colocar os Códigos no Blog
> Se Protegendo de Crimes Virtuais
> Classificação com Estrelas nas Postagens