[Blogger - Customização] - Usando uma imagem para assinar os artigos do blog no Blogger

Se você possui um blog na plataforma Blogger, você já deve ter percebido que ao publicar algum artigo, o nome de quem o escreveu (autor) é automaticamente adicionado ao rodapé do artigo. Porém, nem todo mundo gosta desse rodapé e/ou gostaria de adicionar uma assinatura personalizada no final de seus posts, e é exatamente isso o que eu mostrarei a você como fazer: como adicionar uma imagem de assinatura no final dos artigos do seu blog do Blogger. Essa é uma prática muito comum em diversos blogs, e servem para deixar o blog mais pessoal.

Rodapé padrão dos blogs criados no Blogger

Geralmente, esse tipo de assinatura é mais utilizada por blogs femininos, mas nada impede que outros blogs também a utilizem, como, por exemplo, blogs de humor. Agora chega de falar e vamos ao que interessa!

Adicionando uma imagem de assinatura no final dos posts no Blogger


1. Faça login no Blogger e acesse o painel de controle do seu blog, depois vá no menu Layout, e na seção Postagens no blog, clique no link Editar.

2. Na janela que se abrir, desmarque a opção que mostra o nome do autor da postagem, como ilustra a imagem abaixo — se quiser desmarque a opção que mostra a data também —, depois clique no botão Salvar.


3. Agora iremos adicionar a imagem no rodapé dos artigos. Vá no menu Modelo, clique no botão Fazer backup / Restaurar e faça uma cópia de segurança do seu template clicando no botão Fazer download do modelo completo.

4. Clique no botão Editar HTML para visualizar o código fonte do seu template. Em seguida clique dentro do código do seu template e pressione Ctrl+F para abrir a caixa de Busca do editor. Procure o código abaixo.

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


5. Imediatamente entre o código destacado em azul e o código que foi destacado em vermelho, adicione este outro código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style="width:100%;" align="left">
<img src="link-da-imagem" border="0" alt=""/>
</div>
</b:if>


...agora veja o que você pode alterar no código acima:
  • Em azul: esse código é responsável por mostrar a assinatura somente na página dos artigos, evitando que a imagem de assinatura apareça também na página inicial do blog;
  • Em rosa: através dessa opção você pode escolher a posição da assinatura. Mude-a para "left" para posicioná-la à esquerda; mude-a para "center" para posicioná-la no centro; ou mude-a para "right" para posicioná-la à direita.
  • Em vermelho: você deve substituir essa frase pelo link da imagem que você quer utilizar como assinatura;
6. Depois de adicionar o código e fazer as modificações que você quer, clique no botão Visualizar modelo e, se estiver tudo certo, clique no botão Salvar modelo.

Pronto, se tudo ocorreu corretamente a sua assinatura deverá estar aparecendo no rodapé de todos os seus artigos. Mas lembre-se que ela só aparece na página do artigo, portanto, você deverá clicar no título deles para acessá-lo, e só então poderá ver sua assinatura.

NOTA: é importante que você saiba que eu utilizo como base para a criação dos tutoriais, os templates fornecidos no Designer de modelo do Blogger, portanto, se seu template não for nativo do Blogger, o tutorial poderá não funcionar com você.

Esse foi um artigo bem simples, mas espero que seja de alguma utilidade para quem quer customizar um pouco mais o blog. Se você gostou do artigo, achou ele útil ou ficou com dúvidas, sinta-se a vontade para participar postando um comentário.
É terminantemente proibida a cópia de nossos artigos sem nossa expressa autorização!
Plágio é crime previsto no artigo 184 do Código Penal brasileiro e na Lei 9.610/98.
As informações contidas neste artigo estão desatualizadas? Notifique-me! Editar artigo
Igor Sousa é dono e criador do blog Hdblog (antigo Bloggando Na Web). Tem 24 anos, é paulistano e atualmente cursa o 8° Semestre em Ciências Contábeis. Blogar era apenas um modo de melhorar sua redação de texto, mas unida a sua vontade de ajudar as pessoas passou a ser um hobby.

Foram postados 4 comentários neste artigo!

  1. e quando tem dois autores? eu tentei colocar no meu blog e não deu certo. no meu tem 2 autores!

    ResponderExcluir
  2. Ótimo tutorial Igor! Didático e bem feito, seu blog está de parabéns!
    Muito sucesso para você!

    ResponderExcluir
  3. Oi, adorei o tutorial e já uso em meu blog! Vi o seu aviso e a versão nova do Blogger já saiu do rascunho faz tempo :D No canto superior direito tem assim 'Experimentar a interface atualizada' daí é só clicar lá! Abraço, Becky

    ResponderExcluir