Pages

Menambah Background Avatar Pada Komentar Pengunjung

type='html'>
Avatar kotak komentar
Berbicara kotak komentar memang banyak sekali hal-hal yang bisa kita utak-atik. Seperti merubah warna komentar admin berbeda dengan pengunjung, komentar dengan background dll. Nah terinspirasi dari web favorit saya kibagus. Dimana kotak komentarnya lain dari pada yang lain.
 

Pada blog tersebut bahwa setiap komentar apakah itu menggunakan profil blogger, anonymous, atau name dan url, akan muncul gambar avatar pada komentar pengunjung. Sebagai contoh lihat gambar di atas!

Untuk menambah background avatar pada komentar pengunjung ini juga sudah dijelaskan di Infonetmu. Namun tidak ada salahnya kalau kita berbagi pada orang yang belum tahu seperti saya ini. Belum lagi kasus saya mengikuti tutorial tersebut dimana salah satu kode gagal di temukan atau berbeda dengan yang dijelaskan. Baik langsung saja trik menambah background avatar pada komentar pengunjung.

1. Login ke blog kamu!
login
2. Klik Design
design baru
3.  Klik Edit HTML
edit html lama
4. Download Full template untuk backup template kamu
download ful template
5. Jangan lupa : Centang   Expand Widget Templates

6. Cari kode :

]]>

7. Copy dan paste kode ini di atasnya :

#comments-block .avatar-image-container img {background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb7FEHCwxD6ZITT6XZZAOUU8lWpZbjUgaU_2HSynDOxKiNisulzvfU5YWRUVshNlHNhQY_DE6NBSSTLjQ-kSLNtbzN9VVtTtxPPTRujFYqUD0j-8lOHpaEoZbqurhzZr2VvDR7TQTHDVBI/s1600/arrow-right+copye.png) no-repeat left top; width:35px;height:35px}


8. Cari kode di bawah ini :
Jika kode di atas tidak ketemu mungkin kodenya seperti ini :
9. Hapus kode no 8 dan ganti dengan kode :

10. Cari lagi kode di bawah ini :







icon comentar
icon comentar
icon comentar