Caseta despre autor pe blog

1.Intri pe Contul de Blogger -> Design -> Editati HTML;
2.Cauta (CTRL + F) in sablonul blogului linia: ]]></b:skin> si imediat INAINTE 
de aceasta insereaza codul de mai jos:

.author-box {
background: #F7F7F7;
margin: 20px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #E6E6E6;
}

Apoisalveaza si cauta 

<div class='post-footer-line post-footer-line-1'>
si dupa ia introduceti codul

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author-box'>
<p><img height='70' width='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv1E4haeT-kqO3xtlb_nbfn9VtFUWrpNuU-YuEc0OaC1yl58_ftcMkC8B0qNoJ7-884G5TIbjlpj94jbe-hqI-04nOWDFKABEc_M2KXJBn3K62jaHWujhR43ObbjBUZGpZG-UXcT2T08g/s1600/site+logo.gif' /><b>Despre autor</b>
<div style='text-align: justify; font-family: verdana; color: rgb(0, 0, 0);'>Scrie ceva despre tine!
Urmareste-ma pe <a href='http://twitter.com/contul tau'>Twitter</a> sau pe <a href='http://www.facebook.com/contul tau'>Facebook</a>
<p style='float: right'><a href='http://www.blog-help.net/' style='text-decoration:none;font-size:70%;'>Adauga si tu acest widget</a></p>
</div></p></div>
</b:if>

Sa nu itati sa modificati

Calea catre imaginea ta - https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv1E4haeT-kqO3xtlb_nbfn9VtFUWrpNuU-YuEc0OaC1yl58_ftcMkC8B0qNoJ7-884G5TIbjlpj94jbe-hqI-04nOWDFKABEc_M2KXJBn3K62jaHWujhR43ObbjBUZGpZG-UXcT2T08g/s1600/site+logo.gif
Descriere ta - Scrie ceva despre tine!
Contul de Twitter - http://twitter.com/contul tau
Contul de Facebook - http://www.facebook.com/contul tau
si apoi salvati
SUCCES
http://www.blog-help.net

Iti place postarea asta ..?

Tweet

Aboneaza-te si vei primi cele mai noi postări prin email!	Urmariti-ne!