05 dezembro 2011

Deixar os comentários e postado por abaixo do título do post

Olá pra vocês! vou postar um tutorial aqui de como deixar deixar os comentários e postado por abaixo do título do post, o tutorial é fácil quem pediu foi a Lara do casa do Photoscape. vamos começar logo! clique em leia mais para ver o tutorial.
primeiro irá ficar ficar assim:

agora vamos começar primeiro vá em Designer do seu blog e clique em editar como na imagem abaixo.


e deixe dessa seguinte forma:


Depois de terem feito isso vá em Editar HTML e copie o modelo do seu layout e salve no bloco de notas, e depois vá em Designer do modelo e cliquem no modelo VIAGEM - TRAVEL o 2° template das 4° opções que irá aparecer e vejam que já irá aparecer os comentários e postador por abaixo do titulo da postagem né? depois salve e vá em Editar HTML e copie o modelo do seu layout de volta lá e salve.

 para ficar igual ao meu pequeno e com as bordinhas procure por:

 ]]></b:skin>

e logo acima coloque esse código aqui:
.post-header-line-1{
border-bottom: 1px dashed #BBB; /* Estilo da borda */
font-size:11px; /* Tamanho da fonte de letra */
}
.post-header-line-2{
border-bottom: 1px dashed #BBB; /* Estilo da borda */
font-size:11px; /* Tamanho da fonte de letra */
}
.post-header-line-3{
border-bottom: 1px dashed #BBB; /* Estilo da borda */
font-size:11px; /* Tamanho da fonte de letra */
}

se caso você queira que fique duas bordinhas com os marcadores e postador por no meio dela acrescente esse código aqui:
.post-header-line-1{
border-bottom: 1px dashed #D7DAD6; /* Estilo da borda */
border-top: 1px dashed #D7DAD6; /* Estilo da borda */
font-size:11px; /* Tamanho da fonte de letra */
Para quando os marcadores, postado por estiver abaixo do titulo da postagem:
.post-header, .dados {
border-top: 1px dashed  #DBB0B0;
border-bottom: dashed  1px #DBB0B0; /*altere a cor*/
padding: 1px 1 1px 12px; /*espaço topo direita baixo esquerda/*
margin: 0;
border-bottom: dashed  1px #DBB0B0; /*altere a cor*/
font-size:11px; /* Tamanho da fonte de letra, altere se quiser */
}
ou esse:
.post-footer-line-1 {
font-size:13px; /* Tamanho da fonte de letra */
border-bottom: 1px dashed #d10303;
}

vocês podem usar este código quando o postado por, comentários, marcadores, estiver embaixo da postagem, bom eu fiz assim para ficar como no meu, espero que consigam beijos , se usarem comentem *-*
Comentários
8 Comentários

8 comentários:

  1. Outra coisa o que você acha de o meu blog e o seu fazer um concurso?
    beijos

    ResponderExcluir
  2. Agora que mudei meu lay consegui adoreiii dudaaa sempre arrasando nos tutoriais! ><
    bjs.

    casadophotoscape.blogspot.com

    ResponderExcluir
  3. Olá! gostaria de saber se eu vou ter que editar tudo no meu template de novo, no meu designer tudo é editado, como é aqui, se eu colocar novamente o modelo Travel ele vai ficar como no começo ou se eu colocar o código que eu salvei vai ficar igual ao seu. Beijos

    http://s2alanacard.blogspot.com/

    ResponderExcluir
  4. Eu fis tudo, mas quando eu voltei para o modelo original o postado por e os comentários continuavam abaixo da postagem, ao invés de copiar e salvar no bloco de notas eu baixei o código do meu template, vai ver é isso que está dando errado. Beijos

    ResponderExcluir
  5. Eu consegui, era pq eu estava baixando mesmo, obrigada pela atenção. beijos

    ResponderExcluir
  6. não consegui. e uma pena os comentarios e o postado por e os marcadores ainda continua debaixo .

    pode me ajudar?

    ResponderExcluir

- Fique a vontade para comentar, mas seja sempre educado(a)
- Seu comentário precisa ser relacionado com o assunto do post, caso não seja use a Cbox AQUI :)
- Não falar palavrões e não ficar criticando.
- Se for dar sugestões que seja para a melhoria do blog.
- Quer Parceria? então siga meu blog e coloque meu banner e me avise.
- Deixe a URL do seu blog para que eu possa retribuir.
- Não precisa pedir pra seguir que eu vou.
- ah e Não participo de concursos,e tags NÃO INSISTA!