personalizando a área do post

Uaau, estou surpresa pelos 36 comentários no primeiro post do blog e os 30 seguidores em um dia de remembering, também quero agradecer pelos " felizes aniversários " e pela oportunidade que estão me dando, vocês não fazem ideia, do quanto gratificante isso é pra mim, obrigada , muito, muito, muito obrigada por isso  !.


Bom, mas vamos para o post de hoje ?  haha, acho que não há nada melhor do que começar os post's do remembering com um big tutorial certo ? Hoje vou ensiná-los á personalizar a área das postagens.
Claro que layout's free são maravilhosos, mas nunca chegam  a  ser como você queria que fosse, então vou ensina-los a personalizar a área do post, no próximo post de tutorial será a sidebar, depois a área dos comentários, depois a data e sucessivamente até terem um layout completo e perfeito á sua maneira. Então vamos começar ?

Borda abaixo da área do post

fundo colorido atrás do título do post

centralizar o título do post

arredondar imagens dos posts

Hover no título do post

Borda abaixo da área do post

Vá no seu HTML tecle Ctrl+f e procure por:  h3.post-title {

Antes de fechar a chave }, cole o seguinte código:

border-bottom: 1px solid #000000; /* Estilo da borda */ 

vocês podem modificar o dashed pelos códigos abaixo, fica a seu critério

*Solid é o uma linha reta, dashed é sublinhado e dotted é sublinhado.


fundo colorido atrás do título do post

Vá no seu HTML tecle Ctrl+f e procure por:  h3.post-title {

Antes de fechar a chave }, cole o seguinte código:

background:#D6D6D6;  /*---Cor de fundo--*/

centralizar o título do post

Vá no seu HTML tecle Ctrl+f e procure por:  h3.post-title {

Antes de fechar a chave }, cole o seguinte código:

text-align: center;

se você quiser, podem mudar o left (que é esquerda) para right (que é direita)

arredondar imagens dos posts

Vá no seu HTML tecle Ctrl+f e procure por:  ]]></b:skin>

Cole acima o seguinte código:

.main img {
-webkit-border-radius: 10px 10px 10px 10px; */ Bordas arredondadas */
}

 Hover no título do post

Vá no seu HTML tecle Ctrl+f e procure por:  h3.post-title a:hover {

Antes de fechar a chave }, cole o seguinte código:

color: #EDE4E7;

Entenderam ? para fazer a alteração das cores e tal, eu recomendo está tabela de cores , galera se algum desses tutoriais não funcionarem, por favor me informem que eu os ajudo, as vezes, muuitas vezes o blog da uma dessas. E lembrando : " sempre que forem fazer qualquer alteração de layout, façam o backup do layout " .

E OUTRA COISINHA : os layout's free, pelo menos a grande maioria, já não tem esses códigos por que já foram modificados, então recomendo sempre :  façam os seus próprios layout's e modifiquem a sua maneira. Recomendo  : o modelo travel ( viagem ) do blog, é o mais usado das blogueiras.

Qualquer coisa .. me procurem (;

Moniele Hack