Foto Profil Untuk Komentator facebook style v.2.2

Banyak yang menanyakan, bagaimana memunculkan foto profil dalam komentar pada template facebook style v.2.2.

Pada awalnya, foto profil bisa muncul, tapi akhir-akhir ini tidak bisa muncul. Ok, mungkin cara berikut ini bisa di pakai.

Masuk ke Blogger sampai Edit HTML cari kode berikut ini:


<b:loop values='data:post.comments' var='comment'>
        <div class='index-comment'>
          <div class='ic-avatar'>
          <b:if cond='data:comment.author == data:post.author'>
            <data:comment.authorAvatarImage/>
            <b:else/>
            <data:comment.authorAvatarImage/>
          </b:if>
          </div>
          <div class='ic-text'>
            <div expr:class='&quot;ic-meta &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <a expr:name='data:comment.anchorName'/>
            <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> on
            <a expr:href='data:comment.url' title='Comment Permalink'>
             <data:comment.timestamp/>
            </a>
            <b:include data='comment' name='commentDeleteIcon'/>
            </div>
            <div>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
            </div>
          </div>
          </div>
      </b:loop>

Ganti dengan kode berikut:


<b:loop values='data:post.comments' var='comment'>
        <div class='index-comment'>
          <div class='ic-avatar'>
          <b:if cond='data:comment.author == data:post.author'>
            <img alt='gravatar' class='avatar' height='37' src='ganti dengan url gambar profil sendiri'/>
            <b:else/>
            <img alt='gravatar' class='avatar' height='37' src='http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=60' width='37'/>
          </b:if>
          </div>
          <div class='ic-text'>
            <div expr:class='"ic-meta " + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <a expr:name='data:comment.anchorName'/>
            <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> at
            <a expr:href='data:comment.url' title='comment permalink'>
             <data:comment.timestamp/>
            </a>
            <b:include data='comment' name='commentDeleteIcon'/>
            </div>
            <div>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
            </div>
          </div>
          </div>
      </b:loop>


Trik sederhana ini hanya memunculkan foto profil  author atau pemilik blog. Sedangkan foto profil blogger yang ngasih komen hanya seperti ini:

Kalo mau diganti dengan gambar yang lain, bisa dengan mengganti url gambar ini:

http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=60

Ganti dengan yang ini:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC-W0xwiKjeHD-SCdN3HY966inNJ98297AXgATQtBMnEifyybSxymwY1TIXJ9JBYk68S8bEjs7rLjKuJ4bu5mPOdA2YpmneMTA-ywDpFBVFjgRXyDh7CpjiLkpN-NfqZR2mugLdAC2kmw/s200/anonim-c.png

Hasilnya seperti ini:

Ok, selamat mencoba...! Atau mungkin ada sahabat yang punya cara lain, silakan di share...karena berbagi tak pernah rugi...

Happy blogging...!! :)