Home »TUTORIAL»Avatar Profile 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(http://3.bp.blogspot.com/_C6KkooKXCEw/SrmyhPpP4mI/AAAAAAAAEvc/gQ1JKjpkULw/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. "
Avatar Profile komentar
Posted on 9:19 PM by Damar Yosa Aji
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(http://3.bp.blogspot.com/_C6KkooKXCEw/SrmyhPpP4mI/AAAAAAAAEvc/gQ1JKjpkULw/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. "
