Website XXL

Adauga caseta "Despre autor" sub fiecare post

Adauga caseta “Despre autor” sub fiecare post
tutorial despre autorCu 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:
    < class=”brush: xml;”>.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;
    </>
  3. Salveaza sablonul si apoi bifeaza Extindeti sabloanele control;
  4. Cauta linia <div class=’post-footer-line post-footer-line-1′> si DUPA aceasta insereaza codul:
    < class=”brush: xml;”><b:if cond=’data:blog.pageType == &quot;item&quot;’>
    <div class=’author-box’>
    <p><img height=’70’ width=’70’ src=’http://www.websitexxl.ro/wp-content/uploads/2013/07/0ba3odWCG.jpg’ /><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.websitexxl.ro/’ style=’text-decoration:none;font-size:70%;’>Adauga si tu acest widget</a></p>
    </div></p></div>
    </b:if>
    </>
  5. Nu uita sa inlocuiesti:
    • Calea catre imaginea ta – http://www.websitexxl.ro/wp-content/uploads/2013/07/0ba3odWCG.jpg
    • Descriere ta – Scrie ceva despre tine!
    • Contul de Twitter – http://twitter.com/Contul-Tau
    • Contul de Facebook – http://www.facebook.com/Contul-Tau
  6. Dupa ce ai facut modificarile necesare, salveaza sablonul.

Leave a Reply