Cara Menampilkan Avatar Pada Komentar Blogger
Cara Menampilkan Avatar ( Gambar ) pada komentar Blogger - Avatar pada komentar blog yaitu sebuah gambar berukuran kecil yang tampil, baik itu berupa foto atau gambar dari akun yang dipakai ketika berkomentar di blog. Dengan adanya avatar yang tampil pada kolom komentar, hal ini sanggup menciptakan kolom komentar blog jadi terlihat lebih menarik dan atraktif. Selain itu anda, pengunjung yang satu dan pengunjung yang lainnya akan semakin mengenal satu sama lainnya alasannya wajah yang terpampang dikala menawarkan komentar.
Avatar akan muncul apabila anda dan para pengunjung masuk / login dengan akun google dan melaksanakan komentar. Avatar ini merupakan profile image pada akun google / blogger.
Pada template bawaan blogger yang usang fitur ini belum tersedia. Terkadang template yang anda ambil dari pihak ketiga ( penyedia layanan template gratis pihak ketiga ) ada juga yang tidak memakai fitur ini, dengan maksud biar loading halaman konten yang ramai komentar tidak lambat alasannya harus membuka gambar dari profile akun google komentator terlebih dahulu.
Namun bagi anda yang kebetulan templatenya tidak memakai fitur ini dan bermaksud ingin memasang fitur ini pada template, anda sanggup menambahkan beberapa instruksi secara manual. Berikut penampakan kolom komentar anda dan pengunjung tanpa avatar, atau anda juga sanggup melihat kolom komentar pada blog ini.
Cara Menampilkan Avatar ( Gambar, Foto ) pada Komentar Blogger.
Untuk menampilkan gambar atau foto dari profile akun google atau blogger pada kolom komentar blog, caranya cukup mudah. Hanya mencari instruksi kemudian menggantinya dengan instruksi yang lain serta menambahkan beberapa instruksi tertentu ke dalam instruksi template blog. Berikut langkah-langkahnya.
1. Pertama, silahkan masuk ke akun blogger anda.
2. Pada hidangan blogger atau dashboard, pilih menu Template atau Tema. Lalu klik Backup/Pulihkan >> Download tema >> kemudian tutup kembali (hal ini dilakukan untuk berjaga-jaga bila anda melaksanakan kesalahan dikala melaksanakan edit html).
3. Selanjutnya klik Edit HTML.
4. Temukan instruksi berikut, (klik kursor didalam instruksi template kemudian tekan Ctrl+F pada keyboard untuk mempermudah pencarian).
<dl class='comments-block' id='comments-block'>atau
<dl id='comments-block'>5. Jika sudah ketemu, ganti instruksi tersebut dengan instruksi berikut.
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>6. Temukan instruksi berikut.
<a expr:name='data:comment.anchorName'/>7. Jika sudah ketemu, ganti instruksi tersebut dengan instruksi berikut.
<b:if cond='data:comment.favicon'>8. Temukan lagi instruksi berikut.
<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>
]]></b:skin>9. Jika sudah ketemu, letakkan instruksi di bawah ini sempurna diatas instruksi ]]></b:skin>.
#comments-block .avatar-image-container img {Catatan :
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZl1h5kSwFymbySEXcr-FUaVcrQJLv2g4GFjgonKXxi_PXwNxD-hcoYLtIKbNtpEDQfqMqHLov3xQldcD97Ie3cJkQKDLWrGaq0ChM14CZBriH4JhYegx_SSFScYCKQ3E-ywPSR5JsKx7-/s1600/blank+avatar.gif) no-repeat left top;
width:32px;
height:32px
}
- Fungsi dari instruksi CSS diatas yaitu untuk menampilkan avatar lain, apabila ada pengunjung tidak memakai avatar pada profile image akun google/blogger mereka.
- Ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZl1h5kSwFymbySEXcr-FUaVcrQJLv2g4GFjgonKXxi_PXwNxD-hcoYLtIKbNtpEDQfqMqHLov3xQldcD97Ie3cJkQKDLWrGaq0ChM14CZBriH4JhYegx_SSFScYCKQ3E-ywPSR5JsKx7-/s1600/blank+avatar.gif dengan url avatar kesukaan anda. Tidak diganti juga tidak apa-apa.
- Ganti nilai height (tinggi) dan width (lebar) sesuai dengan harapan anda.
10. Terkahir klik Simpan Tema atau Save Template.
Berikut tampilan kolom komentar dengan avatar bawaan dari profile image dan avatar lain yang kita sisipkan pada instruksi css apabila ada pengunjung tidak memakai avatar pada profile image akun google / blogger.
Bagaimana? Cukup gampang bukan?
Dengan menampilkan gambar atau foto avatar pada kolom komentar blog, tentunya akan menciptakan tampilan kolom komentar blog anda menjadi lebih menarik dan atraktif serta lebih mengenal satu sama lain dengan para pengunjung blog atau blogger lain.
Demikian tutorial sederhana mengenai bagaiamana cara menampilkan avatar (gambar atau foto) pada komentar blogger. Semoga berhasil dan bermanfaat. " Happy Blogging "
Sumber https://harmansh.blogspot.com/