Tutorial Cara Memunculkan Blogger Avatar di Komentar

Dalam rangka ulang tahun yang ke 10 tahun, blogger meluncurkan feature baru. Feature yang sudah ditunggu oleh para blogger mania, Avatar. Seperti yang diketahui banyak orang, feature ini akan memunculkan gambar profile di komentar, seperti wordpress. Memang sebelumnya, kita bisa menggunakan MyBlogLog avatar. Namun untuk menggunakannya, kita harus menggunakan script. Terlalu banyak script dalam template kita akan membuat blog kita menjadi lebih lambat.

Feature ini akan berfungsi pada template bawaan blogger. Namun untuk template bukan bawaan dari blogger, avatar belum dapat muncul. Namun, itu bukan masalah. Kita tinggal memasukkan beberapa kode kedalam template kita. Apabila sobat mau menggunakan feature yang ditawarkan oleh google, sobat bisa mengikuti langkah-langkah dibawah ini.

1. Login ke akun blogger sobat
2. Klik "Layout"
3. Klik "Edit HTML"
4. Cari kode ini di dalam kode template sobat.
   #comments-block {.......}
   Tambahkan .avatar-comment-indent di kode tersebut. Sehingga kode tersebut akan menjadi sebagai berikut.
   #comments-block .avatar-comment-indent {........}
5. Setelah memodifikasi kode tersebut, masih ada beberapa kode yang mesti ditambahkan kedalam template sobat. Temukan kode dibawah ini

   <dl id='comments-block'>

   Rubah kode tersebut menjadi seperti ini.

   <dl expr:class='data:post.avatarIndentClass' id='comments-block'>

6. Dibawah kode tersebut, sobat akan menemukan kode ini.

   <b:loop values='data:post.comments' var='comment'>

   Sekarang sobat harus menambahkan kode ini tepat setelah kode ini.

   <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
   <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'>
   <data:comment.authorAvatarImage/>
   </b:if>

7. Langkah terakhir adalah menambahkan kode penutup dalam kode template sobat.Scrolling mouse sobat dan sobat akan menemukan kode penutup (closing code) seperti ini "<b:/loop>".
   Tepat setelah kode ini, tambahkan kode penutup yang diperlukan."</dt>", lalu simpan hasil edit sobat.

Trick avatar ini akan berfungsi jikalau komentator menggunakan akun blogger, apabila mereka menggunakan URL/Name maka avatarnya tidak akan muncul.
Mudah-mudahan tips ini dapat membantu sobat yang ingin menggunakan feature blogger avatar.

Salam

tipsandcara
Print this post

Bookmark this post: