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