1 Como inserir biografia do autor no rodapé dos posts - *magazine luiza* >

Como inserir biografia do autor no rodapé dos posts

Como inserir biografia do autor no rodapé dos posts
Olá 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.
Assinatura Biografia
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.                                                                                                                                                                                                                                                                      Espero que gostem!!!
Comentários
0 Comentários

Nenhum comentário:

Postar um comentário

Olá! muito Obrigando por ler meu Blog e também por se dispor a comentar meus posts. seja muito bem-vindo (a)! Importante! Muito obrigando, fique a vontade para interagir. mais lembre-se: Gentileza, Educação e boas maneiras servem também para a vidas nos blog..................

Voltar ao topo