21/03/2013

Marcadores e comentários abaixo do título da postagem


Vixi, que título grande!!! Como vão? Trago venho trazer mais um tutorial para o blog, irei mostrar hoje como colocar os marcadores e comentários tudo abaixo dos títulos de postagem os créditos vão para o blog Teen Trendy, então vamos lá?


1. Pra começar vá ate seu HTML, usando o Ctrl+F procure por:

Códigos
<div class='post-header-line-1'/>

Então abaixo dele, adicione o código que você deseja mudar de lugar, se for comentário cole o código de comentário, e assim por diante:

Comentário:

Códigos
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&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>
</span>

Marcadores:

Códigos
<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>

Nome do autor do blog:

Códigos
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

Eu fiz o teste e funcionou direitinho.

25 comentários:

  1. Super legal adooorei!

    princessofjeans.blogspot.com

    ResponderExcluir
  2. Gente tava procurando esse tuto esses dias mas não achei!!!
    Wendy uma duvida se eu quiser colocar os comentarios os marcadores e o nome do autor tudo na parte de cima é só eu ir colocando um apos o outro não é?!
    Chu~~~

    ResponderExcluir
    Respostas
    1. Isso mesmo só colocar um após o outro, pode dar um espaço também para não ficar tudo juntinho caso você queira fazer modificações depois.

      Excluir
  3. Nossa, super fácil! Uma vez eu encontrei um tutorial desse que era complicado e decidi não fazer, mas esse é bem explicadinho e aparenta ser fácil.
    Vou usar no meu próximo lay.
    Beijoos!
    sensatasonhadora.blogspot.com

    ResponderExcluir
    Respostas
    1. Sim é bem fácil realmnete tbm já decisti porque não achava nem um blog que explicase direito, então depois tentei de novo e consegui.

      Excluir
  4. Anônimo22/3/13

    ahoy! desculpa incomodar mas acho melhor ir nesse link e ver o que essa doida anda a postar sobre o seu blog:

    http://le-esculhamba.blogspot.pt/2013/03/the-alteza-vs-baixeza.html#more

    :/

    ResponderExcluir
  5. Muito legal o tutorial, mas acho q só faltou a imagem pra ver como q fica.

    Uma Borboleta Laranja

    ResponderExcluir
    Respostas
    1. Sim eu irei colocar, estou montando um lay e vou colocar esse codigo nele ai vou por aqui.

      Excluir
  6. ÓOOOOtimo tuto Wendy..faz tempo que procuro um tuto assim.. ><

    ResponderExcluir
  7. Esse aí eu usei no lay atual do blog, lá no blog de teste deu certo, mas quando eu instalei no S&A por algum motivo não funcionou, devo ter feito algo errado >.< mas eu não desisto e vou fazer de novo, hehehe...kissus!

    www.shoujoeafins.blogspot.com

    ResponderExcluir
    Respostas
    1. Você não fez nada errado esse código é bem chiliquento quando salva ele e manda para outro blog ele some ai tem que por novamente.

      Excluir
  8. não fusionou , ficou do mesmo jeito :[
    Beijos da Donut
    Candy World

    ResponderExcluir
    Respostas
    1. Tenta mais uma vez, apesar de pequeno ten que prestar bastante atenção qualquer código fora ou errado da erro. Na minha primeira vez não funcionou também.

      Excluir
  9. Wendy, o blog é eu e minha amiga. Como coloca eu ne uma postagem e ela ne outro?? (Tenque ficar mudando né)?

    ResponderExcluir
    Respostas
    1. Usa esse tutu aqui ^^ www.bunnycrazy.net/2013/01/tutorial-colocando-mais-postadores-no.html

      Excluir
  10. ~Nyahoo~
    Wendy-Chan, não consegui realizar o tuto!
    Já tentei de vários outros blogs e nada T.T
    Acho tão lindo esse modelo ^^ Será que estou fazendo algo errado? Colei os 3 códigos e nada ai tentei de novo, nada novamente... Se possível poderia me explicar?O modelo é Travel.

    ~. Kissus de amoras .~

    // s2loves2animes.blogspot.com //

    ResponderExcluir
    Respostas
    1. Yo Lia claro que ajudo <3 no comentário não aceita alguns códigos então eu vou colocar dentro de um bloco e lhe enviar, ok?

      http://pastebin.com/C81j9kTW

      Excluir
  11. Respostas
    1. Poxa Ana... bom existe dois códigos post-header-line-1 testo colocar no segundo?

      Excluir
  12. Wendy, obrigado por tornar meu sonho em realidade, to criando um layout para meu blog e a unica coisa que estava faltando era isso e hoje eu achei, muito obrigado Wendy!!

    ResponderExcluir
  13. Anônimo24/10/14

    Oi flor o código não esta funcionando não tentei em vários blogs de teste que eu tenho e nada. Só aparece os marcadores e os comentários mas o nome do autor não. Sei lá, queria muito usar esse tutorial no meu novo lay... :((( Pena!!!!

    ResponderExcluir
    Respostas
    1. Olá linda, eu testei o tutorial e está funcionando direitinho. Mas esse código se repete duas vezes e a onde deve colar é no segundo. É só por um código abaixo um do outro. Se ainda assim não consegui me avise por favor. Verifique também se o autor está ativado no gadget de postagem, para isso é só ir em Layout na caixa principal do meio e clicar em "editar". Assim verifique e marque se não estiver marcado.

      Excluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345