Box com Biografia do Autor e Redes Sociais no Blogger

Fala galerinha! Hoje vou estar mostrando a vocês como colocar Box com Biografia do Autor e Redes Sociais no Blogger.

Demonstração

Chega de enrolação e vamos ao tutorial.

Primeiro,abra seu painel do Blogger,modelo e clique em Editar HTML. Agora de um CTRL + F e procure por:
]]></b:skin>
Feito isso,cole o código a seguir acima da TAG pesquisada.
E para finalizar o código HTML. Clique em "Expandir modelos de Widgets" e de um CTRL + F novamente,mas dessa vez procure pela DIV:
<div class='post-footer'>
Logo após ter executado este passo,cole o seguinte código abaixo da DIV anteiror:
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.author == "NOME-DO-AUTOR"'>
<div class='autorbox'>
<div class='autoravatar'>
<img alt='NOME-DO-AUTOR' src='URL-DA-IMAGEM'/>
</div>

<div class='autorcontent'>
<div class='autorhead'>
<h3><a href='AUTOR-LINK'>NOME DO AUTOR</a></h3>

<ul class='autorsocial'>
<li><a class='autorFacebook' href='FACEBOOK-LINK' target='_blank' title='Facebook'>Facebook</a></li>

<li><a class='autorGooglePlus' href='GOOGLEPLUS-LINK' target='_blank' title='GooglePlus'>GooglePlus</a></li>

<li><a class='autorTwitter' href='TWITTER-LINK' target='_blank' title='Twitter'>Twitter</a></li>

<li><a class='autorLinkedin' href='LINKEDIN-LINK' target='_blank' title='Linkedin'>Linkedin</a></li>
</ul>
</div>

<p class='bio'>Coloque aqui o texto que você deseja usar para descrever o autor. Recomendo que não tenha mais que 2 linhas.
<br/><a href='LINK'>Leia Mais sobre o autor</a></p>
</div>
</div>
</b:if>
</b:if>
OBS: O Nome do Autor deve ser colocado igualzinho ao seu nome no Blogger!
OBS 2: Caso apareçam duas DIV's <div class='post-footer'> cole o código abaixo de ambas! Só isso! Simples né? Gostou então comenta!