Autor, Marcadores e Comentários abaixo do Título do post

 (Victourios,amo♥)

Oi gente, hoje tem tutorial na área, é bem complicadinho, se não prestar atenção o seu HTML pode ficar em risco.Enfim, vou ensinar a deixar os marcadores, o autor da postagem e os comentários abaixo do título da postagem, como está aqui no On the World!
O tutorial é bem complicado e grande, para velo clique em Read More.


Vá em Design > Editar HTML e marque a caixinha de Expandir Modelos de Widget.
 
1. Procure por:

<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>

 O código acima representa o nome do autor. Recorte ele e cole no bloco de notas vamos precisar dele.

2. Agora procure por:

<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>
  O código acima representa os marcadores. Recorte ele e cole no bloco de notas, vamos precisar dele também-q


3. E por último, procure por:

                   <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>

 O código acima representa os comentários. Recorte ele e cole no bloco de notas, também vamos precisar dele-qq

Primeira parte feita, agora que já temos os codigos dos marcadores, comentários, e autor das postagem procure por:<div class='post-header-line-1'/>   e logo depois disso cole os 3 códigos.

Agora a barrinha ''||''. Coloque elas depois de cada </span> dos 3 códigos .

Agora o pontilhado, centralizar e etc!

Procure por  h3.post-title { no seu HTML,depois desse código vai ter mais algumas coisas e logo depois da chave ''}'' cole:
.post-header, .dados {
    border-top: 1px dashed #ccc;
    border-bottom: dashed 1px #ccc; /*cinza*/
    padding: 1px 0 1px 12px; /*espaço topo direita baixo esquerda/*
    margin: 0;
    border-bottom: 1px dashed #ccc; /*cinza*/
    text-align: center;
    }

Visualize e veja se deu tudo certo se deu salve e se não deu faça de novo com mais cuidado!

9 comentários:

  1. Que chato isso Luan, tomara que você consiga se reerguer, conte comigo!

    ResponderExcluir
  2. nossa eu estava procurando essa tutorial mesmo,porque todas que eu tinha encontrado não tava bem explicado obrigada.
    ah se precisar de qualquer coisas pode pedir ok
    http://lolamantovani.blogspot.com/

    ResponderExcluir
  3. Heey Luan, ja segui aqui. Uma coisa que eu não gostei foi o layout, faça um azul q vai ficar melhor ok?

    Bju

    the-lovers.tk

    ResponderExcluir
  4. Oii, já estou seguindo aqui *-*

    Beijos, Mallü.
    http://thelovekingdom.blogspot.com

    ResponderExcluir
  5. Oi Luan, já estou seguindo aqui :)

    Aah, só um aviso: aquele informações sobre o blog está escrito coisas erradas, tipo o nome do blog e o postando. Dá uma olhada lá ok?

    Blogcandysweet.blogspot.com

    ResponderExcluir
  6. Já vi esse tutorial em outros blogs, bem prático, um pouco longo co código né,mas pra quem quer colocar os comentários/marcadores abaixo do título é bom sim :}

    Lindo blog!
    Beijos
    http://mon-autre.blogspot.com/

    ResponderExcluir
  7. Pronto!Ja seguindo!bjuhs

    www.yesteens2.blogspot.com

    ResponderExcluir
  8. Humpfg, eu tenei, mas só consegui o nome da autora. EOWHAIEHAOEHA é praga comigo -nnnn

    Um pum de abelha pra você .-.
    thefashionwonderland.tk

    ResponderExcluir
  9. Depois de anos... Consegui \õ/
    Obrigado por ajudar :D
    Beijos, Emilly.
    doce-meiguice.blogspot.com

    ResponderExcluir