Bio do Autor abaixo do post ~

Olá povo ╭(♡･ㅂ･)و ̑̑  Tudo bem? Me perdoem por demorar um pouquinho a postar este pedido, mas estava em semana de provas e não podia me desconcentrar das matérias. Espero que minhas notas superem o que eu desejo, preciso de média 7 em todas as matérias, a diferença entre o colégio e a faculdade é que não é um simples 7 hahaha, tem que fazer muitos trabalhos, provas para chegar na média 7. A lógica é bem chatinha e para tirar esta média temos que ter tirado 8 na média no 1º bimestre e 8 no 2º bimestre, confiem em mim, não é fácil e é até bem cansativo (◞‸◟) Estou me cagando de medo, espero que eu não fique em nenhuma matéria (-‸-)

Hoje eu estou trazendo um tutorial que não é de  minha autoria, na verdade é do blog Mundo Blogger e eu apenas modifiquei e editei ao meu gosto que é a biografia do autor abaixo do post. Eu soube mexer e fazer ele bem diferente e mais fofinho, mas quem não tem muita habilidade em mexer em html eu recomendo que não mude muito ou tente modificar os códigos, caso façam isso ele irá ficar bem desalinhado e feinho (๑′°︿°๑) Vamos ao tuto? Attention guys!

Vá até modelo cliquem em editar html e dentro irão procurar por:  <div class='post-footer'> logo abaixo dele colem os códigos abaixo:

<b:if cond='data:post.author == &quot;NOME DO AUTOR COMO ESTÁ NO PERFIL DO BLOG&quot;'>

<div class='bio-autor'>

<div class='autor-avatar'>

<img alt='NOME' height='100' src='IMAGEM DO AUTOR' width='100'/>

</div>

<div class='autor-text'>

<h3>Quem Escreve:</h3><p><b>NOME DO AUTOR</b> - Prazer, meu nome é fulana mas sou conhecida na blogosfera por fulaninha, sou libriana nata, adoro fazer amizades e sou bem comunicativa. Adoro passar o tempo criando layouts e aprendendo um pouco mais sobre css.

<a href='LINK PARA ABOUT'> Para quem quiser me conhecer melhor cliquem aqui &#10032;</a>

</p>

</div>

</div>

</b:if>

Agora a parte que que vocês irão personalizar, vá até modelo clique em editar html e dentro procure por: ]]></b:skin> e acima dele cole o seguinte código:

.bio-autor{
margin-top:12px;
margin-bottom:10px;
margin-left:px;
padding-top:10px;
padding-bottom:14px;
padding-left:10px;
padding-right:10px;
background:#COR;
border:solid 1px #COR;
color:#COR;
}
.autor-avatar{
float:left;
widht:100px;
height:100px;
margin:20px;
margin-top:7px;
margin-left:10px;
}
.autor-text{
font-style:none;
font: FONTE AQUI;
font-size: 14px;
color: #COR;
text-align: justify;
text-transform:none;
padding:0 auto;
margin: 0 auto;
margin-left:5px;
}
.autor-text p{
padding:0 auto;
margin: 0 auto;
font: FONTE AQUI;
font-size: 14px;
color:#COR;
letter-spacing:0px;
margin-top:-2px;
}
.autor-text h3{
color: #COR;
text-shadow: 1px 1px 1px #fff;
font-family:FONT AQUI;
font-style:italic;
font-weight:normal;
font-size:20px;
font-weight: 300;
text-decoration: none;
margin-top:6px;
margin-bottom:5px;
}
.autor-text a:link, .autor-text a:visited{
color: #COR;
font-family:FONT AQUI;
font-style:italic;
font-weight:normal;
font-size:14px;
font-weight: 300;
text-decoration: none;
}

Onde eu coloquei fonte grande é onde irão mudar, deixei exatamente como está na minha bio, caso queiram escrever mais ou deixar a imagem do avatar maior vocês podem fazer mas terão que mexer na bio author e todos os outros trechos até ficar ao seu gosto, no caso irão mexer em padding, margin etc.. E para que funcione mesmo e apareça seu nome e o avatar de vocês terão que por onde está NOME DO AUTOR COMO ESTÁ NO PERFIL DO BLOG o nome que vocês usam no perfil do blog igual exatamente igual, até se tiver algum desenho, símbolos etc..