autor, marcadores e comentários em baixo do titulo do posts

Hi Dream!!♥

Hoje a pedido da Isabela, vou postar com colocar autor, marcadores e comentários em baixo, do título da postagem, é um pouco difícil, quase sempre da errado então vocês tem que ter muita atenção, e nada de pressa.

Vá em Design → Editar HTML, e clique na caixinha "Expandir modelos de windget"

Agora vocês vão precisar do bloco de notas para colar oque nós vamos recortar.

Tecle CTRL+F ou F3 e procure por isso:

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

 Quando achar, copie corte e cole no bloco de notas, esse código é referente ao (Autor do Post)

Procure por esse outro:

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

Copie, corte e cole no bloco de notas, esse código é referente ao (Marcadores).

Agora procure por esse outro:

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

Copie, corte e cole no bloco de notas, esse é referente aos (Comentários).

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

Depois que recortamos e colarmos no bloco de notas. 

Procure por :  <div class='post-header-line-1'/> 

De enter e cole os códigos que você recortou ou seja aqueles ali em cima, eles vão ficar igual os daqui do blog. Se você quer separar, coloque o "enfeite" depois do segundo </span>

~ ~ Enfeitando ~~

Procure por : h3.post-title {

e depois de } (quando acaba o primeiro trecho) cole o seguinte código:

 .post-header, .dados {
    border-top: 1px solid #ccc;
    border-bottom: solid 1px #ccc; /*cinza*/
    padding: 1px 0 1px 12px; /*espaço topo direita baixo esquerda/*
    margin: 0;
    border-bottom: solid 1px #ccc; /*cinza*/
    text-align: center;
    }

 As bordas estão como "solid" ou seja elas ficaram retas, para mudar isso mude todas as palavras (solid) por Dashed (tracejada) ou Dotted (Pontilhada), se colocar pontilhada, mude o "1px" das bordas, para 2px.

Querendo mudar as cores, ultilize a tabela de cores, aqui.

{Aprendi a fazer isso no blog Go Imagine, Créditos a ele. }