Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Postagens Vanessa S.

Colocar link na assinatura do autor das postagens

Eu já tinha visto em alguns blogs, a assinatura do autor das postagens em forma de link que redirecionavam para o Twitter e alguns até para o perfil do blogger.
Eu achei interessante e finalmente consegui desvendar como implementar esse recurso.
Sempre que publicamos um artigo no blog, ao final de cada postagem, por padrão, aparece o nome do autor (“publicado por”, ou “postado por”), porém sem link nenhum, apenas o nome.

Incluindo um link no nome do autor , você pode direcionar para o seu perfil do Blogger, perfil no Twitter ou mesmo para a página inicial do seu blog.

Só para lembrar, sempre é bom que você faça um Backup do seu template antes de prosseguir para evitar transtornos, caso algo saia errado.

Para aplicar este recurso no seu blog, siga as instruções a seguir:
Vá em “design » Editar HTML” , marque a opção “expandir modelos de widget” e localize a linha:


<data:post.author/>

E SUBSTITUA o código acima por este outro:


<a href='SEU-LINK-AQUI'><data:post.author/></a>

Salve as alterações.

Aplicando o recurso em Blogs que possuem 2 autores:

Localize o trecho referente a assinatura do autor da postagem.
Vá em “design » Editar HTML” , marque a opção “expandir modelos de widget” e procure por:


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

Dependendo do modelo do seu template, pode ser que este trecho esteja assim:


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

E SUBSTITUA tudo por:


<span class='post-author vcard'>
<b:if cond='data:post.author == &quot;AUTOR1&quot;'>
<data:top.authorLabel/>
<a href='LINK-DO-AUTOR1' target='_blank'>
<data:post.author/></a>

<b:else/>

<b:if cond='data:post.author == &quot;AUTOR2&quot;'>
<data:top.authorLabel/>
<a href='LINK-DO-AUTOR2' target='_blank'>
<data:post.author/></a>

</b:if>
</b:if>
</span>

Aplicando o recurso em Blogs que possuem 3 autores:

Ao invés de utilizar o código acima, utilize este:


<span class='post-author vcard'>
<b:if cond='data:post.author == "AUTOR1"'>
<a href='LINK-DO-AUTOR1' target='_blank'><data:post.author/></a>
<b:else/>
<b:if cond='data:post.author == "AUTOR2"'>
<a href='LINK-DO-AUTOR2' target='_blank'><data:post.author/></a>
<b:else/>
<b:if cond='data:post.author == "AUTOR3"'>
<a href='LINK-DO-AUTOR3' target='_blank'><data:post.author/></a>
<b:else/>
<a href='LINK-DO-BLOG' target='_blank'><data:post.author/></a>
</b:if>
</b:if>
</b:if>
</span>

Em blogs que possuem mais de 3 autores, será necessário incluir mais uma condicional no código acima.
Para isto basta incluir o código referente para cada autor que você irá adicionar:
Cole este código a seguir, logo ABAIXO da tag <b:else/> referente ao ultimo autor que você adicionou.


<b:if cond='data:post.author == "AUTORX"'>
<a href='LINK-DO-AUTORX' target='_blank'><data:post.author/></a>
<b:else/>

Depois cole </b:if> na parte final do código e pronto.

ATENÇÃO:

No código acima, no campo para incluir a assinatura do autor, deve ser escrita de forma exata. Deve estar exatamente igual a que aparece nos post. Se for incluída de forma diferente, o html não reconhecerá a assinatura e o código não vai funcionar, portanto, se você usa algum caractere na sua assinatura , deverá inclui-lo, não esqueça.

Esta é uma excelente opção de divulgação para os blogs que possuem vários autores, assim cada vez que um autor postar no blog redirecionará para o link escolhido por ele, e seu blog, twitter ou perfil do blogger, ficará visível para seus leitores.

Dica: Se você possui mais de 1 blog , eu recomendo que coloque o link do perfil, assim cada assinatura de cada autor será linkada com redirecionamento ao seu perfil no Blogger, facilitando aos leitores o encontro de todos os blogs que você possui.

Leia outros artigos que tratam sobre personalização da assinatura do autor, talvez você se interesse em conhecer outras maneiras de personalizar a assinatura de suas postagens:
Nome do Autor do Post Abaixo do Titulo
Assinatura do autor do Post Personalizada com imagem

Se no seu blog não aparece o nome do autor da postagem, recomendo que leia o artigo:
Elementos Basicos das Postagens do Blog

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Desculpe, os comentários deste artigo estão encerrados.

9 Comentários

  1. Colinne disse:

    num vai, aparece erro 500

  2. .:: Clau ::. disse:

    Blogueceira
    As cores e fonte dos links neste campo são as cores e fontes que vc definiu para os links do seu blog.

  3. Blogueceira disse:

    Clau, fiz de novo e não deu certo. Aí segui procurando um jeito e até que foi bem simples. Tranferi a barrinha do início desse trecho <'/'data:post.author'> para o final, ficando assim :

    <'a 'href='SEU-LINK-AQUI'><'data:post.author'/'><'/a>

    Agora, me faz um favorzinho. Diz como é que se faz para mudar a fonte dos links "Sair" e "Inscrever-se por email", que estão no fim da área de postagem. Eu não encontrei essa informação no MB e nem em outros metas. A fonte nativa do Blogger não me agrada.

  4. .:: Clau ::. disse:

    Márlon Silva
    Refaça o tutorial, pois eu acrescentei algumas informações e fiz algumas adaptações no código para os usuários que tiverem o código da mesma maneira que está no seu, consigam proceder a instalação.

  5. Márlon Silva disse:

    Clau, segui a sua dica e tentei colocar o link no nome do autor, porém, não deu certo.

    Veja como está a parte do código correspondente

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

    Ps. Inseri as aspas para poder publicar o comentário(isso vc já sabe, né, rsrs)

    Vc poderia me explicar como posso fazer para inserir o link, já que o esse código está um pouco diferentte?

  6. ::Clau:: disse:

    @Deze:
    Meu nome não é Cláudia..rsrs.
    Dá uma lida neste tutorial:
    Elementos básicos das Postagens.

  7. Deze disse:

    Oi Claudia, tudo bem?
    No meu blog possuem dois autores, só que no meu template não aparece o nome do autor do post.
    Eu queria só colocar o nome mesmo, sem link nem nada, você sabe como fazer pra me ajudar?
    Desde já agradeço,
    Deze

  8. ::Clau:: disse:

    @fabio melo:
    é só selecionar todo o código que está dentro da caixinha e clicar em CTRL+C para copiar…
    eu ando arrumando algumas coisas aqui no meu blog, por isso que em alguns posts não estão aparecendo a caixinha com o código…mas logo logo estará tudo arrumado…

  9. fabio melo disse:

    como faco para copiar esse codigo para o meu blog

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.