Colocando links de comentários, nome do autor e outros abaixo do título do blog com fundo colorido

:

Para colocar o link para os comentários, colocar o autor do post e marcadores abaixo do título da postagem com fundo colorido, vá até o HTML de seu blog , clique em "Expandir modelos de widget" e procure pelo seguinte código:

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

Cole então abaixo dele o código abaixo


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

<div class='postlinks'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<span class='author' style='background:;Padding-left:0px; font:lucida sans unicode; font-size:11px;'>
<b:if cond='data:top.showAuthor'>
Autor: <span class='fn'><data:post.author/></span>
</b:if>|<data:post.timestamp/> |
<span class='post-labels'>
<b:if cond='data:post.labels'>
Marcador: <span class='fn'><data:postLabel/>
<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>
</span>
</b:if>|
</span>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<span class='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>
</b:if>
</span>
</b:if>
</span>

<!-- 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://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>

<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</div>


 

Agora procure por:

.post {


E acime dele, cole o código abaixo
 

.postlinks {
background:#372c24;
padding:1px;
color:#fff;
}
.postlinks a {
color:#fff;
}.post-timestamp{ padding: 3px 6px 3px 10px;}

Ah Elke, legal, gostei mas acontece que agora vou ficar com dois links, embaixo e em cima ?

Não meu caro, faça o seguinte, procure pelo código:

<div class='post-footer-line post-footer-line-1'>

E apague tudo que estiver entre ele e:

<span class='reaction-buttons'>

 
Agora procure por este trecho e o apague:

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

 
Agora procure por este trecho e o apague:

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