Mostrar Marcadores, Comentários embaixo do Título da Postagem
Recebemos uma duvida em um comentário perguntando sobre como mudar a posição que os links dos marcadores aparecem na postagem, então vamos mostrar como fazer os marcadores e aproveitar para falar também sobre mudar de lugar os links dos comentários e nome do autor do blog. Fazendo todos aparecerem logo abaixo do título da postagem.
Imagem no título da postagem
Mostrar Somente os Títulos das Postagens
Entre na pagina editar HTML do seu blogspot, mas antes de começar sempre é bom salvar uma cópia do seu template assim em caso de algum problema poderá voltar ao modelo anterior sem problemas reinstalando o template.
Link da postagem da imagem: Como Fazer Imagens e Banners Online
Para mudar de lugar dos links dos comentários, marcadores ou autor do blog você deve achar no seu HTML o código de cada um deles e mudar de lugar colocando logo após o trecho:
<div class='post-header-line-1'/>
Lembrando sempre que esses trechos são do nosso blog, portanto é possível não estar exatamente igual dependendo do template que você usar. Você pode mudar somente aqueles que desejar, vamos mostrar os 3 códigos a seguir que você deve copiar e colocar logo após o trecho que mostramos acima (titulo da postagem do blog).
Código HTML dos comentários do blogspot:
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<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>
Codigo html dos marcadores do blogger:
<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 != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
Código HTML do nome do autor do blog:
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
Se quiser usar alguma formatação de texto especial em alguns desses itens procure no HTML do seu blog pelo nome do estilo CSS correspondente, por exemplo, para formatar os marcadores veja neste trecho: span class='post-labels', então procure ou crie o estilo:
.post-labels{.... formatação de texto que desejar}
.post-labels a{formatação do link}
.post-labels a:hover {formatação do link com o mouse sobre ele}
Em todos os casos veja aqui como criar os estilos de formatação de texto no blogspot:
Como Formatar o Texto do Blog
Alterar cores dos links - CSS
Se quiser alterar o link dos comentários o nome do estilo é post-comment-link e o nome do autor do blog post-author vcard. Lembre-se de verificar se esses nomes estão iguais no seu blog olhando a primeira linha onde tem class='....' é aqui onde encontrará o nome correto do estilo que precisa criar.
Imagem no título da postagem
Mostrar Somente os Títulos das Postagens
Entre na pagina editar HTML do seu blogspot, mas antes de começar sempre é bom salvar uma cópia do seu template assim em caso de algum problema poderá voltar ao modelo anterior sem problemas reinstalando o template.
Link da postagem da imagem: Como Fazer Imagens e Banners OnlinePara mudar de lugar dos links dos comentários, marcadores ou autor do blog você deve achar no seu HTML o código de cada um deles e mudar de lugar colocando logo após o trecho:
<div class='post-header-line-1'/>
Lembrando sempre que esses trechos são do nosso blog, portanto é possível não estar exatamente igual dependendo do template que você usar. Você pode mudar somente aqueles que desejar, vamos mostrar os 3 códigos a seguir que você deve copiar e colocar logo após o trecho que mostramos acima (titulo da postagem do blog).
Código HTML dos comentários do blogspot:
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<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>
Codigo html dos marcadores do blogger:
<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 != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
Código HTML do nome do autor do blog:
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
Se quiser usar alguma formatação de texto especial em alguns desses itens procure no HTML do seu blog pelo nome do estilo CSS correspondente, por exemplo, para formatar os marcadores veja neste trecho: span class='post-labels', então procure ou crie o estilo:
.post-labels{.... formatação de texto que desejar}
.post-labels a{formatação do link}
.post-labels a:hover {formatação do link com o mouse sobre ele}
Em todos os casos veja aqui como criar os estilos de formatação de texto no blogspot:
Como Formatar o Texto do Blog
Alterar cores dos links - CSS
Se quiser alterar o link dos comentários o nome do estilo é post-comment-link e o nome do autor do blog post-author vcard. Lembre-se de verificar se esses nomes estão iguais no seu blog olhando a primeira linha onde tem class='....' é aqui onde encontrará o nome correto do estilo que precisa criar.
Marcadores: Configurações Avançadas, Html, Scripts