Comentarios, Autor e marcadores abaixo do título do post

Boa noite 22kos e 22kas da Mandi, como vão coisinhas fofas e perfeitas do meu core? (nossa, mais melada que açúcar) Eu estou com as estruturas abaladas e depois dessa ilustração tenho certeza de que vocês também vão ficar k

O tutorial de hoje, é um tanto complicado (pelo menos ao meu ponto de vista) .. e é bastante procurado. Inclusive eu, quando estava construindo o layout free, morri pra conseguir ajeitar mais consegui do meu jeitinho. Bora conferir?

(Imagem do KW)

O resultado vai ser esse aí de cima, uma imagem do KW. E sim, eu sei que você baba no layout que elas usam. Na verdade, todo blogueiro é completamente apaixonado por tudo o que tem lá!

1. Antes de qualquer coisa, você tem que verificar se estes links estão visíveis. E pra verificar, é só ir em Layout e clicar para editar o gadget correspondente a área das postagens. *Lembrando que todos tem que estar na mesma linha

2. Na sua caixa de HTML - que você encontra indo em Modelo > Editar HTML - Aperte F3 e procure por background; (Eu particularmente, prefiro essa maneira de expandir todo o código do HTML)

• Aperte F3 novamente e procure por <div class='post-header'>; 
• DOIS CÓDIGOS COMO ESSE VÃO APARECER, E IREMOS USAR O PRIMEIRO!!
• Selecione tudo desde <div class='post-footer-line post-footer-line-1'> até </div> e apague.  Deverá ficar assim:

(xx)

• Aperte novamente F3 e agora procure por <div class='post-header'>; novamente vamos ter dois resultados. E novamente, o que interessa-nos é o primeiro. 
• Abaixo dessa linha, cole o código abaixo:

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

                <data:post.commentLabelFull/>:

              </a>

            </b:if>

          </b:if>

        </b:if>

      </span> | <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' itemprop='author' rel='author' title='author profile'>

                  <data:post.author/>

                </a>

              </span>

            <b:else/>

              <span class='fn'><data:post.author/></span>

            </b:if>

        </b:if>

      </span> | <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> <span class='post-icons'>

        <!-- email post links -->

        <b:if cond='data:post.emailPostUrl'>

          <span class='item-action'>

          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>

              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>

          </a>

          </span>

        </b:if>

        <!-- quickedit pencil -->

        <b:include data='post' name='postQuickEdit'/>

      </span>

Visualize se tudo está certinho e pronto! Salve .. 

-----------------------------------------------------------------------

Entenda como um bônus essa parte, se quiser personalizar os links é só colar o código abaixo acima de ]]></b:skin>

.post-header { text-align: center; /*Alinha no centro*/
font-size: 11px; /*Tamanho da fonte*/
border-bottom: 1px dashed #000; /*Borda inferior*/}
.post-header a { color: #000 !important; /*Cor dos links*/}
.post-header a:hover {color: #fff !important; /*Cor dos links ao passar o mouse*/}

Espero que tenha sido útil e que todos consigam fazer. Qualquer dúvida é só comentar que eu atendo.

Kissus da Mandi <3