Avatar Profile disamping komentar :

Kalian tahu kan gambar profile pada blog kita masing-masing? Nah, di blogger tersayang kita ini telah mendukung feature menampilkan gambar avatar profile kita ini disamping komentar-komentar pada tiap postingan artikel kita.

Bagi kalian yang belum menambahkan feature ini, maka buruan untuk mencobanya. Sangat menarik.
Cukup ikuti langkah-langkah dibawah ini :
1. Login to your blogger account
2. Masuk ke Setting > Comments
3. Centang pada bagian "Tampilkan gambar profile di komen ?"
4. Jika sudah klik Layout > Edit HTML
5. Letakkan kode ini

/* Avatar */ .avatar-image-container img { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ0oquuYoRYCAE8XeKkGpXStp_4U0hwyNtZgAuJhUlrF7erK15vGlk1W3LFS-hW-pofuZ9b_02F5A4oV-HPtaVnk3zDkg52IJX5v-ZeF8Vwjs3K3BlX5LI1PEp3YbBVH67xe5YRVplw6WU/s320/AvatarBlogger.png); width:35px; height:35px; }

diatas kode ]]></b:skin>

Nb : ganti alamat url berwarna merah diatas dengan alamat url gambar profile kamu sendiri.

6. Cari kode ini

<a expr:name='data:comment.anchorName'/>

dan ganti kode tersebut dengan kode dibawah ini

<b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/> </b:if>

7. Save.

Maka akan tampil seperti dibawah ini :


" Begitulah cara memunculkan gambar profile disamping komentar. Sangat menarik. Silahkan praktekkan sendiri, dan jangan lupa komentarnya y agar tahu kekurangan saya.

Happy blogging. "

5 comments:

  1. wah sip boz, tp d blog q ah tak pasang

    ReplyDelete
  2. @Rizky: sip, selamat mencoba. Dan semoga berguna. Hehe :D

    ReplyDelete
  3. bermanfaat sob.. makasih ya sekarang bisa membuat avatar di samping komentar.

    ReplyDelete
  4. @Imoel: Sip. Senang bisa membantu =)

    ReplyDelete