Incepand de astazi Blogger suporta avatar in dreptul autorului comentariului. Avatarul care va apare in dreptul autorului este de fapt poza profilului vostru de pe Blogger.
Deci, daca vreti ca avatarul vostru sa apara in dreptul comentariului pe orice blog blogspot trebuie mai intai sa atasati o poza la profilul vostru.




Acest lucru se poate face prin accesarea link-ului Editati fotografia din pagina Tablou de bord a profilului vostru Blogger. Veti fi dus spre o pagina unde aveti posibilitatea sa alegeti o fotografie fie din calculatorul vostru, fie de pe internet.
Nu uitati sa salvati modificarea facuta.

In al doilea rand trebuie sa va duceti la Setari --> Comentarii si sa va asigurati ca la optiunea Vreţi să fie afişate imaginile din profil în comentarii? este bifat Da.

In mod normal acum toate comentariile pe care le-ati facut pe un blog blogspot ar trebui sa aiba inainte de numele vostru si poza pe care ati uploadat-o

Rezolvare probleme
Daca aveti un sablon default de la Blogger ar trebui sa nu fie nici o problema, dar daca ati incarcat un sablon gasit pe internet e posibil ca avatarul sa nu apara. In acest caz iata ce trebuie sa faceti:

Duceti-va la Aspect --> Editati html si neaparat salvati o copie a sablonului in calculator. Acest lucru se face pentru a reveni la forma lui actuala in caz ca ceva nu merge cum trebuie.

Bifati casuta de extindere a sablonului si cautati aceasta linie de cod (folositi Ctrl+F):

<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>

Un pic mai jos codul vostru ar trebui sa arate ca partea de cod pe care eu am scris-o cu rosu:

          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

      <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <b:if cond='data:comment.favicon'>
              <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
            </b:if>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:blog.enabledCommentProfileImages'>
              <data:comment.authorAvatarImage/>
            </b:if>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>

Daca codul vostru este diferit dar incepe cu eceasta linie <dl id='comments-block'>  atunci selectati tot codul incepand chiar cu ea si pana la aceasta linie  <data:commentPostedByMsg/> (fara ea) si in locul ei copiati codul scris cu rosu in grupul de coduri de mai sus.

Previzualizati si daca nu apare nici o eroare atunci puteti sa salvati si apoi sa va duceti sa faceti un comentariu de proba.

Rezolvare problema comentarii numerotate
Daca ati urmat acest tutorial si aveti comentarii numerotate pe blog atunci in locul codului scris cu rosu trebuie sa copiati codul de mai jos care cuprinde si modificarile necesare pentru acest truc.

      <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<script type='text/javascript'>var CommentsCounter=0;</script>
        <b:loop values='data:post.comments' var='comment'>
          <dt class='comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName' style='clear: both;'>
            <b:if cond='data:comment.favicon'>
              <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
            </b:if>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:blog.enabledCommentProfileImages'>
              <data:comment.authorAvatarImage/>
            </b:if>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>