Colocar informações do autor do blog ao pé do post

Coloque em seu blog, no pé das postagens informações sobre o autor. É possível colocar de vários autores se o seu blog tiver mais de um escritor, o que você tem a fazer é seguir a tutorial e colocar seu nome e endereço de imagem  assim como endereço de suas páginas sociais. Mas atenção, o nome tem que ser exatamente igual a seu nome usado no perfil do Blogger, com letras maiúsculas, acentos, enfim, tem que ser igualzinho, ou não dará certo.


Vá até o "Modelo de seu blog", clique em "Editar HTML"

  Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Essa dica é para o template Simple, do novo Blogger, implementado em julho de 2011

Agora procure por: ]]></b:skin>  

Acima dele, cole o código abaixo:

/* Autores
----------------------------------------------- */

#post-footer-autor {
width: 100%;
height: 127px;
background: #e6e6e6; /*Cor do plano de fundo*/
margin: 8px 0px 8px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 2px solid #ccc;
}
#autor-sobre {
padding-right: 5px;
margin: 0px;
}
#autor-img {
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;padding:4px;background: #eee;background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);box-shadow: 0 0 3px rgba(0,0,0,.7);
float: left;
margin: 7px;
}

#autor-img  img:hover {
-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
}

#autor-sobre p{
font-size: 12px;
padding: 10px;
margin: 0;

text-transform: normal;
color: #333; /*Cor do texto*/
}
#autor-sobre a{
color: #3d85c6; /*Cor dos links*/
text-decoration:none;
}
#autor-sobre a:hover {
color: #9A9A9A; /*Cor dos links ao passar o mouse*/
text-decoration:underline;
}

Clique em "Expandir modelos de widgets"

Procure por:

 <div class='post-footer-line post-footer-line-2'>


E abaixo dele, cole o código abaixo, colocando seu nome EXATAMENTE como está em seu perfil. Tendo mais de um autor em seu blog, cole novamente o mesmo código,  mas dessa vez, com os dados do outro autor.

<!-- Resumo dos autores-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.author == &quot; NOME DO AUTOR AQUI &quot;'>
<div id='post-footer-autor'>
<div id='autor-img'>

<img height='90px' src='ENDEREÇO DE SUA FOTO' width='80px'/>
</div>

<div align='right'>
<a href='ENDEREÇO DE SEU BLOG'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgMP_Aj5_BAqgBpveBgesvKWao41BWSGj8yURHW_7QpWBcv6MNEzvSoN-_ruejh-g_5IlFr5S28GSbGTiEynVo0s98L5N65QmmbjxbbRuEi5a7mvqLO7WFc8LCY43lJ9qfRDeR-ChdcxE/s1600/blogger48.png' width='30px'/></a>
<a href='ENDEREÇO DE SEU FACEBOOK'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCzYXPgMxshZdq28NDrisjnCS3keAz4vZ8hIr6_k_CywuATGNAjvNSB_PejuUG18LO4iDKanEu5V2TKjgu7EjhxM4LD0DhZdsLvEx-21fC7x_J2yUwrFPwolfojtaOfaZQWJbEJBsYINk/s1600/facebook48.png' width='30px'/></a>
<a href='ENDEREÇO DE SEU TWITTER'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieP7DrQpoOeEEB_y9YKgSIvWxmfO7Rt5Lhw7RWkUmbUejO9vTfmuMhDeJpA6nA0zbX2PRCkN3ufa3siflK6cMuCiZLz_sMAJioMhqXlv_BNaPZJ7OF92rEKtp0IHrz96z5FYIOA1xJkoM/s1600/twitter48.png' width='30px'/></a>
<a href='ENDEREÇO DE SEU YOUTUBE'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQidy_h5tF8SsgPFWToQckC49RF_vOGYZYoajWS6LoEcIh104AJJgc5PWcAbq269OV3xbBk5ywEY0BFvbjARJx3p9G8RxghsubPN4-RP_jkM-Xx-73fAxZazy81VXpsnpzmSeOM0JN09o/s1600/youtube48.png' width='30px'/></a>
<a href='mailto:ENDEREÇO DE SEU EMAIL'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDIpFczLFsyp0bhCfjrqRHD890au0c4oEw3wGDef1HRnwLJeDaBRCQcOnc6ksNyySI7zKEAmhyphenhyphenGiIph8b7_0TRiO6wB8lM1E6EagXt0EKy45oPZrnKjj2T9XF9jhqdZE1hFYsQu3WLiYU/s1600/gmail48.png' width='30px'/></a>
<a href='ENDEREÇO DO FEED DE SEU BLOG'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEianljlZQdWDCKs7QDqRqu584CvbYOlzcLnHjdP71bW5DkDGffvxgJzOVtv_6mFf3H0vVdwHOeqWfDTMC-f-5szPxVKL1tqLOmXuJlwKb1dRHE6yHy459B_Vkye3RRHA7W0KooXv4vuzpo/s1600/rss48.png' width='30px'/></a>
</div>
<div id='autor-sobre'>
<p>
<b>Sobre o autor:</b>
ESCREVA ALGO SOBRE VOCÊ<a href='ENDEREÇO DO LINK'>LINK ALGO</a></p>
</div>
</div>
</b:if>
</b:if>
<!--Resumo dos autores Final-->