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='"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> 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...!! :)