Como inserir biografia do autor no rodapé dos posts

Oi gente! Uma das coisas que sempre pendem para ensinarmos aqui no CBBlogers é como incluir assinatura personalizada no blog. Esse tutorial já apareceu por aqui, com algumas opções simples de inserir a assinatura personalizada, mas no post de hoje resolvi mostrar outra opção, porém com uma pequena biografia do autor no rodapé dos artigos postados.
Como sei que algumas pessoas não entendem muito de CSS, vou passar nesse tutorial o passo-a-passo mais simples, para facilitar a vida de todos. Porém, sempre que for publicar um post no seu blog, na forma manual será preciso adicionar o código da mini biografia no final de cada post.
Apesar de ser um pouco chato, este formato permite que você faça alterações na assinatura ou no texto da biografia sempre que quiser.
Passo 1 – escolha a foto que deseja utilizar na assinatura e hospede-a em um servidor online. Já mostrei aqui no CBB como hospedar e utilizar a URL da imagem.
Passo 2 – Com o post pronto, clique na opção HTML conforme o destaque da figura abaixo.
No final do código HTML do post você irá inserir o código abaixo:
<p style=”border-bottom: 1px dotted #3A6DA1;”></p>
<font style=”font-size:18px”><b>Sobre o Autor:</b></font>
<table border=”0″>
<tr>
<td><img src=”URL_da_IMAGEM” alt=”SEU_NOME” border=”0″ style=”border-bottom: 0px; border-left: 0px; margin-left: 0px; border-top: 0px; margin-right: 5px; border-right: 0px” /></td>
<td>Texto que deseja usar para descrever-se.</td>
</tr>
</table>
<p style=”border-bottom: 1px dotted #3A6DA1;”></p>
Passo 3 – Você irá alterar as frases em negrito, da seguinte forma:
Sobre o Autor – você colocará um pequeno título para a mini-biografia.
URL da Imagem – você colocará o link da foto hospedada no primeiro passo.
Seu Nome – Coloque o nome do autor, esse será exibido apenas quando o cursor estiver sobre a foto.
Texto que deseja usar para descrever-se. – Coloque aqui um pequeno texto sobre o autor. Recomendo que não tenha mais que 45 palavras e coloque ao menos um link para a página completa da Biografia.
Antes de publicar o post verifique as aspas do código, pois quando o código HTML é copiado elas são invertidas e ficam dessa forma: ”URL_da_IMAGEM”, sendo que o correto é assim “URL_da_IMAGEM”. Por isso verifique as aspas no código antes de finalizar o tutorial.
Depois das alterações feitas é só publicar o post normal como você sempre faz e pronto a mini biografia aparecerá no rodapé daquela postagem em que foi adicionada.
Esse será o resultado de como ficará no seu blog:
Lembrando que só aparecerá nos artigos que você adicionar o código, não irá automático para todos os post.
E se o seu blog possui mais de um autor, não se preocupe que já estou preparando um post ensinando um tutorial para colocar a mini-biografia para cada uma dos autores de forma automática. Então fiquem ligados aqui no site do CBB.
Beijos
CBBlogers by Grazi Forti
E pra quem quiser conhecer um pouco mais sobre a Grazi, acessem o blog Falando de Feminices para encontrar várias dicas, e também não esqueça de segui-la aqui na nossa Comunidade!
Facebook / Twitter / Pinterest / Instagram
*Imagem via Shutterstock
Tags: colaboradores, dicas tech
11 thoughts on “Como inserir biografia do autor no rodapé dos posts”
Deixe uma resposta
Leitores também acessaram:
-
Você já ouviu falar em jornada do cliente?
Há alguns anos as ações de Marketing eram 100% voltadas para o momento de decisão de compra do cliente. Com […]
-
Dicas para ter sucesso na estratégia de Marketing Digital
E para finalizar nossa série de artigos sobre Marketing Digital, confira cinco dicas essenciais para que o seu plano estratégico […]
-
Influenciadores Digitais X Vendas
Com uma comunicação direta através das redes sociais, os influenciadores digitais, em sua maioria, produzem conteúdo capaz de influenciar no […]
-
Impactando pessoas com Marketing Digital
Influenciadores, Criação de Conteúdo, E-mail Marketing, por onde começar? A internet é o 3° veículo de maior alcance no Brasil, […]
-
O que é marketing digital?
Iniciaremos hoje uma série de artigos sobre Marketing Digital, com informações e dicas, além de outras curiosidades. Mas o que […]
-
Instagram Reels: agora são 30 segundos de conteúdo!
O Instagram mais uma vez arrasou e trouxe mais uma novidade pra ajudar no nosso engajamento. A rede social mais […]
Sinto muita falta de esse tipo de post para WP 🙁
Adoraria saber como faço no WP.
Sempre tem dicas muito úteis por aqui, parabéns pessoal do CBB!
Olá Aline, esse código também funciona no WordPress.
Se fizer da mesma forma que está no tutorial irá aparecer a assinatura com biografia.
Beijos
Comigo não funcionou não. Ele aparece o Box e o testo, mas a imagem não aparece de forma alguma 🙁
Aline conseguiu colocar a imagem?
Bjs!
Mah
De casinha nova
Olá Aline, eu fiz aqui e apareceu a imagem.
Porém quando copiei o código do site do CBB ele mudou as aspas deixando as assim: ”URL_da_IMAGEM”, sendo que o correto é assim “URL_da_IMAGEM”, então verifique as aspas no código que você colocou e corrija elas para que dê certo o tutorial.
Beijos
TEXTO haha
Grazi não sei se lembra de mim! Nos conhecemos no evento de Fortaleza!
Uma pena vcs não terem voltado mais!
Bom estou amando suas dicas e aplicando tudo no blog!
bj Sucesso
Olá Marta, claro que me lembro de você!
Que bom que gosta das nossas dicas, fazemos o melhor para vocês.
Sucesso para você também.
Beijos
O meu também só aparece o texto! =/
Olá Marcela, dá uma verificada nas aspas do código, pois quando ele é copiado do site as aspas ficam assim: ”URL_da_IMAGEM”, sendo que o correto é assim “URL_da_IMAGEM”.
Já fiz até um update no post para alertar o pessoal sobre isso.
Beijos
Obrigada pela atenção Grazi, era minha imagem que estava muito grande,redimensionei e deu certinho!
Bjs!
Mah
De casinha nova