Cara Menampilkan Avatar Komentar Blogspot - Sesuai judulnya, penulis di sini akan berbagi dengan para pengunjung setia blog RifatView. Demi mempopulerkan event Blogilicious de Surabaya, maka penulis berbagi tips blogger terutama untuk blogger pemula seperti saya juga ini. Blogspot memang memungkinkan untuk menampilkan avatar profil kita pada di profil blogger untuk bisa ditampilkan juga di kotak komentar jika kita sedan berkomentar di blognya blogger lain. Akan tetapi hal ini tidak serta merta begitu saja avatar profil kita bisa muncul pada kotak komentar. Kita perlu merubah sedikit script pada edit HTML pada tab Design blogger.
Cara Menampilkan Avatar Komentar Blogspot - Avatar di sini yang dimaksudkan adalah, Anda bisa melihat avatar anda sesuai dengan yang ada pada halaman profil blogger anda yang ditampilkan disamping komentar kita di kolom komentar. Kita tidak perlu melakukan perubahan pada script pada edit HTML apabila kita menggunakan template bawaan yang sudah disediakan oleh blogger. Akan tetapi untuk anda yang menggunakan template selain bawaan blogger, maka anda diharuskan untuk melakukan sedikit pengeditan pada script comments anda. Untuk segera bisa Cara Menampilkan Avatar Komentar Blogspot, berikut cara yang perlu Anda lakukan.
1. Pertama silakan anda masuk ke Blogger >> Setting >> Comments dan aktifkan pilihn [enable] "Show profile images on comment".
2. Sekarang, jika kamu memang menggunakan template bawaan blogger, maka gambar avatar akab muncul pada kotak komentar.
3. Akan tetapi, jika kamu memakai template yang bukan bawaan dari Blogger, maka Anda harus mengisikan sebuah kode untuk bisa Menampilkan Avatar di Komentar Blogspot. Untuk langkah yang pertama silakan Anda masuk ke Blogger >> Design >> Edit HTML. Sebelum itu, jangan lupa untuk membackup dulu template Anda, agar apabila terjadi kesalahan peletakan script atau kesalahan penginstallan kode, anda tetap bisa menggunakan template anda semula sebelum dilakukan perubahan pada kotak komentar.
4. Beri tanda cek [Ö] pada pilihan Expand Template Widget
Temukan kode seperti di bawah ini
Jika Anda tidak menemukannya, maka kita harus melakukan langkah-langkah berikut
a) Temukan kode seperti di bawah ini
<dl id='comments-block'>
dan ganti kode di atas tersebut dengan kode di bawah ini
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
b) Sekarang cari semua kode di bawah ini
<a expr:name='data:comment.anchorName'/>
dan ganti masing-masing kode di atas dengan kode di bawah ini
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</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>
Jika anda ingin menambahkan gambar avatar default untuk komentator yang tidak menggunakan gambar profil, maka silakan anda cari kode
]]></b:skin>
dan letakkan kode di bawah ini tepat di atas kode ]]></b:skin> tadi
.avatar-image-container {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXl5i-eSRnMguJE32S7NYWvDsWMNyhr-G_FfGFyRSiWRwOtSiMk0oKEF5tSheHoc2pyUGzTydnSSNzZhn70RNmD_kjW21zQeDg0xy3yaewGlD9Ll9RQKFcl6KRnAQsm80oxrxCvIiVQg/s400/default.gif); width:35px;height:35px; }
.avatar-image-container img { border:none;}
Selain itu anda juga bisa mengganti kode CSS dengan yang anda butuhkan. Jika anda merasa perlu untuk menampilkan ukuran avatar yang lebih besar, maka tambahkan saja kode di bawah ini dan jangan memakai kode yang di atas tadi. Berikut ini kodenya :
.avatar-image-container{width:50px;height:50px;margin-top:-5px;}
.avatar-image-container img {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoZTCIgjXSG_I3E6MJpllIFEHd3SgOogd2sYJmVlFnTEgQ4PTtZuBXQXfYlUJzyaFGnDPU0z1nczkeAiucze8-Nil0QmxyqmB-rBYsxzKlgheiJYFP-EsMY7e1YiwCFFhwJfqxTeVfjDE/s400/grav.png);width:50px;height:50px;}
Setelah anda selesai melakukan perubahan, jangan lupa anda klik SAVE dan apa yang terjadi, maka avatar yang ada pada kotak komentar sebelumnya yang tidak ada gambar avatarnya, maka sekarang akan muncul gambar avatarnya. Jika anda penasaran , maka silakan coba anda membuat komentar sendiri untuk melakukan test apakah avatar komentar sudah bisa muncul pada kotak komentar di blog anda. Semog artikel tips blogging ini bisa bermanfaat bagi anda yang memang sedang mencari cara untuk Cara Menampilkan Avatar Komentar Blogspot.
Reviewer: Rifat
ItemReviewed: Cara Menampilkan Avatar Komentar Blogspot
Suka banget ama cara penyampaiannya CS Wisc
ReplyDelete