Sobre o autor abaixo das postagens

Aprenda a colocar um widget Sobre o Autor abaixo do post.


Olá Pessoal, hoje vou ensinar a vocês um widget muito interessante e que na minha opinião deveria ser aplicado em todos os blogs. O widget consiste em um simples código que quando adicionado no código fonte de seu blog mostra a biografia do autor  abaixo de cada postagem com ícones para as redes sociais do autor.

Vamos ao tutorial.

Acesse o Painel do blogger, vá até Modelo, clique em Editar Html e marque Expandir Modelos de Widgets e procure pela tag <div class=’post-footer’> e cole o código a seguir acima da tag encontrada.

Alerta!  Antes de fazer qualquer modificação, faça um backup do seu modelo.
Vá em modelo ► Fazer backup/Restaurar ► Fazer download do modelo completo.

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style="border-bottom: 2px solid #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" width="100" height="100" border="0" style="border-bottom: 0px; border-left: 0px; margin-left: 0px; border-top: 0px; margin-right: 5px; border-right: 0px" /></td>
<td><div align="justify"><span class="style1"><strong>SEU NOME</strong> DESCRIÇÃO DO AUTOR</span></div>
  <span style='float:right;'><a href='LINK DO PERFIL DO GOOGLE+' imageanchor='1' target='_blank'><img border='0' height='16' src='http://blogandocomfacilidade.com/wp-content/themes/v3/images/bio/bioplus.png' width='16'/></a> <a href='LINK DO PERFIL DO FACEBOOK' imageanchor='1' target='_blank'><img border='0' height='16px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxCKpMU6FT8pyZ6_Z7rY1uCH1bMODcKxesaYbJStGDVSWtIxo8mtLphbTcxqGJlB0uDmG85OPwLz1Kb-ripibC7J6u8dGqG82OmD8A6-JkUbx3oDrdTHumzNJ13jgPvH-SyyZ1ecIToA/s1600/facebook.png' width='16px'/></a> <a href='LINK DO PERFIL DO TWITTER' target='_blank'><img border='0' height='16px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-AH2IjzjmVJ1OvLS1CLONdYvQ8HNxmKnqa9jFsfwogdJsd5eymBXOO5WpSCTg0Hj3hyphenhyphenRHMkhHQXW9VlMHgn8Af3Edh5oW-_64N134zEWu-31H-E4BkmHToyxeqp0YgEEim9PqHbVKYqY/s1600/twitter.png' width='16px'/></a> <a href='LINK DO PERFIL DO LINKEDIN' target='_blank'><img border='0' height='16' src='http://blogandocomfacilidade.com/wp-content/themes/v3/images/bio/biolinkedin.png' width='16'/></a></span></td>
</tr>
</table>
<p style="border-bottom: 2px solid #3A6DA1;"></p>
</b:if>

 

 

 

Não esqueça de fazer as alterações no link negritados:
URL DA IMAGEM – Coloque o endereço da imagem que aparecerá no Widget.
SEU NOME – Digite seu nome
DESCRIÇÃO DO AUTOR – Escreva uma descrição sobre o autor
LINK DAS REDES SOCIAIS – Link das redes sociais Google+, Facebook, Twitter e LinkedIn.