quinta-feira, 11 de abril de 2013

Biografia do autor do Blog no final dos posts - Para Blogger

Uma curta biografia sobre o autor de um artigo no Blog é sempre interessante, pois transmite mais profissionalismo e segurança ao seu visitante. Alguns editores optam por adicionar a biografia sobre o autor do artigo dentro do corpo da nova postagem, porém, isso a longo prazo pode ser ruim, pois caso você queira modificar alguma informação, terá que editar postagem por postagem, gerando um enorme trabalho.



Abaixo aprenderemos como adicionar automaticamente a biografia do autor automaticamente em todos os seus artigos e tendo a vantagem de se futuramente você precisar alterar ou até mesmo retirar essa biografia você poderá fazer isso rapidamente apenas modificando o código que estará junto ao seu template.

1° Passo: Abra o painel do Blogger, e clique no menu “Layout” ~> “Editar HTML”.

2° Passo: Procure pela seguinte linha:

<div class=’post-footer’>

3° Passo: ACIMA desta linha, cole o seguinte código, alterando apenas os trexos em vermelho com as suas informações:

<!-- INICIO DO CÓDIGO -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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. Recomendo que não tenha mais que 45 palavras e coloque ao menos um link para a página completa da Biografia.</td>
</tr>
</table>
<p style="border-bottom: 1px dotted #3A6DA1;"></p>
</b:if>

<!-- FIM DO CÓDIGO -->

4° Passo: Salve o modelo e pronto, todos os artigos agora terão o resumo de sua biografia com uma foto, bem no rodapé de todos os textos publicados e para os artigos futuros também. Totalmente automático. E se algum dia você quiser alterar ou até mesmo retirar essa biografia você poderá fazer isso rapidamente apenas modificando o código

0 comentários: