06 fevereiro 2013

Autor,Comentários e Marcadores abaixo do título da postagem











Hoje eu vou ensinar como deixar os comentários,marcadores e o nome do autor tudinho abaixo do título da postagem.Ele é fácil de fazer , só é preciso ter um pouquinho de atenção.Quer aprender ? Então clique em Leia Mais
-Preview-




1.Vá em modelo - Editar HTML - Prosseguir - Clique na caixinha "Expandir modelos de widgets" e procure este código:
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
Este código corresponde ao nome do autor ou autora, após achá-lo recorte e cole no bloco de notas.
 2. Agora procure este código ( este é dos marcadores):
<span class='post-labels'> <b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if> </b:loop> </b:if> </span>
Recorte e cole no bloco de notas também
3. Ache este código,que é correspondente aos comentários e depois o recorte e cole no mesmo local dos outros
<span class='post-comment-link'> <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>

4. Após ter feito todos os passos anteriores,aperte F3 e procure por: <div class='post-header-line-1'/> abaixo dele cole os códigos que você guardou. A cada final dos codigos "</span>" separe por ( || ).
5. Por ultimo,procure por: h3.post-title { e depois da chave,cole o seguinte código:
.post-header, .dados { border-top: 1px dotted #ccc;
border-bottom: dotted 1px #ccc; /*cinza*
padding: 1px 0 1px 12px; /*espaço topo direita baixo esquerda/*
margin: 0;
border-bottom: 1px dotted #ccc; /*cinza*/
text-align: center;
Fonte

4 comentários:

  1. e acho lindo mas não consigo e essa parte recorta que me confundeee , to seguindo segue o meu se gostar??

    http://www.wwwmrsstar.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. É facinho querida, é só recortar do Html os 3 primeiros códigos do post e cola-los abaixo de onde está pedindo e fazer o resto depois, se conseguir me avisa, se ouver dúvidas ainda pode comentar que eu explico melhor só pra tii ^^
      Visito siim, bbjs

      Excluir
  2. Eu acho super lindo, mas sempre dá erro. Nunca consigo :S.
    Bjo ~

    Garotek.blogspot.com

    ResponderExcluir
    Respostas
    1. Que pena :S, Será que é problema no seu html ?

      Excluir