Siga este tutorial se caso queiro implantar esta belezura ao seu blog:
A primeira coisa a fazer é ir ao seu design e depois em TEMA. Dê um click dentro da caixa de código e após dê um CTRL+F e na caixa de busca procure pelo seguinte código:
<div class='post-footer'>
Nota: Você irá encontrar 2 vezes o mesmo código, mas opte pelo segundo, ok.
A segunda coisa a fazer é copiar e colar o abaixo logo acima de <div class='post-footer'>
<b:if cond='data:blog.pageType == "item"'><br />
<p style="border-bottom: 1px dotted #3A6DA1;"></p><font style="font-size:18px"><b>Sobre o Autor:</b></font><br />
<table border="0"><tr>
<td><img src="url de sua imagem aqui" alt="seu nome aqui" border="0" style="border-bottom: 0px; border-left: 0px; margin-left: 0px; border-top: 0px; margin-right: 5px; border-right: 0px" /></td>
<td>sua biografia aqui</td>
</tr>
</table><p style="border-bottom: 1px dotted #3A6DA1;"></p></b:if>
Você pode fazer as alterações necessárias antes de salvar como por exemplo a url da sua imagem e o texto que será exibido e também seu nome. Deixei em vermelho pra que você logo encontre.
Espero que tenha dado certo. Até a próxima.
0 Comentários