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{Para quando os marcadores, postado por estiver abaixo do titulo da postagem:
border-bottom: 1px dashed #D7DAD6; /* Estilo da borda */
border-top: 1px dashed #D7DAD6; /* Estilo da borda */
font-size:11px; /* Tamanho da fonte de letra */
}
.post-header, .dados {ou esse:
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 */
}
.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 *-*
Legal!! adorei o tuorial!
ResponderExcluirbeijos
Outra coisa o que você acha de o meu blog e o seu fazer um concurso?
ResponderExcluirbeijos
Agora que mudei meu lay consegui adoreiii dudaaa sempre arrasando nos tutoriais! ><
ResponderExcluirbjs.
casadophotoscape.blogspot.com
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
ResponderExcluirhttp://s2alanacard.blogspot.com/
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
ResponderExcluirEu consegui, era pq eu estava baixando mesmo, obrigada pela atenção. beijos
ResponderExcluir¬¬
Excluirnão consegui. e uma pena os comentarios e o postado por e os marcadores ainda continua debaixo .
ResponderExcluirpode me ajudar?