Blog - Adauga caseta "Despre autor" sub fiecare post

Cu totii am vazut, in special pe blogurile create pe platforma WodrPress, ca sub fiecare post este o caseta "Despre autor", in care autorul postului respectiv se prezinta in cateva cuvinte, eventual si modalitatea in care poate fi contactat (e-mail, Facebook, Twitter, etc). Daca doriti sa beneficiati de aceasta optiune pentru posturile voastre, atunci urmariti tutorialul de mai jos. Te conectezi la Contul de Blogger -> Design -> Editati HTML; 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;
}

Salveaza sablonul si apoi bifeaza Extindeti sabloanele control; Cauta linia <div class='post-footer-line post-footer-line-1'> si DUPA aceasta insereaza cod:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author-box'>
<p><img height='70' width='70' src='http://goo.gl/odWCG' /><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/TutorialeBlog'>Twitter</a> sau pe <a href='http://www.facebook.com/BlogHelp'>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>

Nu uita sa inlocuiesti: Calea catre imaginea ta - http://goo.gl/odWCG Descriere ta - Scrie ceva despre tine! Contul de Twitter - http://twitter.com/TutorialeBlog Contul de Facebook - http://www.facebook.com/BlogHelp Dupa ce ai facut modificarile necesare, salveaza sablonul.