Personalizando a Área dos posts

Aqui você vai encontrar fáceis Tutoriais Para o seu blog. Antes de fazer os tutoriais dessa postagem é necessário fazer o Backup do seu template, para não dar nada errado, ou até mesmo num blog de teste antes de usar no seu original para não estragar o seu blog. Bem você vai aprender a personalizar a área dos posts e também umas dicas básicas extras pra você. Então chega de bate-Papo e vamos começar os tutoriais...

Clique em Leia mais e vamos em bora!!
Personalizando o Título do Post

Se você quiser colocar um efeito no título da sua postagem personalizada igual a minha, veja esse tutorial com atenção.

Vá em: Modelos e Editar HTML
e pesquise pelo seguinte código:

h3.post-title {

quando achar, vai estar mais ou menos assim:

h3.post-title {
  margin-top: 20px;
}

Logo acima da última chave, coloque o seguinte código:

border-bottom: 1px dashed #000000;

agora vamos para a legenda:

Roxo: é a borda, (não mude, só mude apenas, o bottom po top se quiser a linha em cima, se quiser a linha em volta do título do post todo apague o " -bottom ").
vermelho: é o tamanho da borda ( se quiser mais grossa coloque " 2px ").
preto: é o tipo da borda ( se quiser uma borda lisa, coloque " solid ")
laranja: é a cor da borda ( se quiser rosa coloque " #ff50ff; ")

só isso, agora veja se esta tudo OK em seu blog e salve. Mai não acabou ainda tem muito mais...

Centralizando o título do Post

Vá em: Modelos e Editar HTML
e pesquise pelo seguinte código:

h3.post-title {

Logo abaixo dele, coloque o seguinte código:

text-align: center; 

prontinho, veja se ta tudo ok, e salve... ainda tem mais..


Colocando Barra de rolagem nos posts

vá em: modelo e em seguida editar HTML.
depois pesquise por:

body {

e antes de body { cole o seguinte código:

#Blog1{overflow-y:auto; overflow-x: hidden; height:500px; width: 100%;margin: 0px;}

Pronto! veja se esta tudo legal, e salve. tem mais ai..


Colocando Sombra no título do posts

vá em: Modelo e depois em Editar HTML.
em seguida procure pelo seguinte código:

h3.post-title a { 

antes de fechar a última tag " { ", cole esse código:

text-shadow: 0px 0px 5px #000000;

se vocês quiserem mudar alguma coisa,como a largura da sombra,ou a cor da sombra, fiquem a vontade.

Quando tiver tudo pronto visualize, e depois salve.
E é só isso pessoal. mais tem um dica para deixar seu texto sublinhado, persona lizado.
Fica super legal. Veja o tuto abaixo:

Vá em: Modelo >> editar HTML e procure pelo seguinte código: ]><
acima dele cole o seguinte código:

u {
color: #200000;
text-decoration: none;
border-bottom: 1px dashed #000000;
}

o que esta de vermelho é o tamanho da linha sublinhada (que vai ficar pontilhada). e o que está de preto-negrito é a cor da linha.Vê se esta tudo em ordem, e salve.

Bom gente é só isso.
comentem bastante!!
e digam o que achou do nosso post!!