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.

1. Te conectezi la 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:
3. 
   

   01	.author-box {

   02	background: #F7F7F7;

   03	margin: 20px 0 40px 0;

   04	padding: 10px;

   05	border: 1px solid #E6E6E6;

   06	overflow: auto;

   07

   }

   08	.author-box p {

   09	margin: 0;

   10	padding: 0;

   11

   }

   12	.author-box img {

   13	background: #FFFFFF;

   14	float: left;

   15	margin: 0 10px 0 0;

   16	padding: 4px;

   17	border: 1px solid #E6E6E6;

   18

   }

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

   1	<b:if cond='data:blog.pageType == &quot;item&quot;'>

   2	<div class='author-box'>

   3	<p><img height='70' width='70' src='http://goo.gl/odWCG' /><b>Despre autor</b>

   4	<div style='text-align: justify; font-family: verdana; color: rgb(0, 0, 0);'>Scrie ceva despre tine!

   5	Urmareste-ma pe <a href='http://twitter.com/Tutoriale-Blog'>Twitter</a> sau pe <a href='http://www.facebook.com/Tutoriale-Blog'>Facebook</a>

   6	<p style='float: right'><a href='http://tutoriale-blog.blogspot.com/' style='text-decoration:none;font-size:70%;'>Adauga si tu acest widget</a></p>

   7	</div></p></div>

   8

   </b:if>

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

Rezultatul ar trebui sa fie acesta: