Berbitips kotak komentar memang aneka macam hal-hal yg bis,a kita utak-atik. Seperti merubah warna komentar admin berbeda dengan pengunjung, komentar dengan background dll. Nah terinspirasi dari web favorit aku kibagus. Dimana kotak komentarnya lain dari pada yg lain.
Pada blog tersebut bahwa tiap komentar apakah itu memakai profil blogger, anonymous, atau name dan url, akan muncul gambar avatar pada komentar pengunjung. Sebagai pola lihat gambar di atas!
Untuk menambah background avatar pada komentar pengunjung ini juga sudah dijelaskan di Infonetmu. Namun tidak ada salahnya jikalau kita menyebarkan pada orang yg belum tahu ibarat aku ini. Belum lagi perkara aku mengikuti tutorial tersebut dimana salah satu arahan gagal di temukan atau berbeda dengan yg dijelaskan. Baik eksklusif saja trik menambah background avatar pada komentar pengunjung.
1. Login ke blog kamu!
2. Klik Design
3. Klik Edit HTML
4. Download Full template untuk backup template kamu
5. Jangan lupa : Centang Expand Widget Templates
6. Cari arahan :
]]></b:skin>
7. Copy dan paste arahan ini di atasnya :
#comments-block .avatar-image-container img {background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu_77WrwNtJYqqobDM6r4Qim3eKJjjuf9R8sgS4z5gwCbo-CfM3Ni1bE7fl71aOfQEFbn67rkNBWTXy89W_rKdWyyZa2puLL0n8-ASKxFOoFDIDcTZjPX8g3AQ_SzpAvno1emiU4dMqqg8/s1600/arrow-right+copye.png) no-repeat left top; width:35px;height:35px}
8. Cari arahan di bawah ini :
<dl id='comments-block'>
Jika arahan di atas tidak ketemu mungkin kodenya ibarat ini : <dl class='comments-block' id='comments-block'>
9. Hapus arahan no 8 dan ganti dengan arahan :
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
10. Cari lagi arahan di bawah ini :
<a expr:name='data:comment.anchorName'/>
11. hapus dan Ganti juga arahan no 10 dengan
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>
<img expr:src='data:comment.favicon'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>
12. Jika sudah simpan template sobat.
Lihatlah salah satu posting sahabat yg ada komentar dengan anonymous atau name dan url. Saya rasa sahabat sudah bis,a trik menambah background avatar pada komentar pengunjung. Dengan trik ini komentar anonymous atau komentar yg memakai name dan url akan terlihat avatarnya.
NB.
URL no.7 bis,a sahabat ganti dengan url sobat. Sebagai rujukan sahabat bis,a memakai icon di bawah ini. Ukuran iconnya kurang lebih 35 x 35
