Modifikasi Template untuk Menampilkan Avatar Blogger

Sepuluh tahun blogger.com semakin banyak layanan yang diberikan oleh blogger.com. yang paling baru adalah avatar blogger. Pertama kali tahu tentang layanan ini dari blognya JALOE . Setelah itu langsung ngacir ke situs buzz.blogger.com, karena biasanya layanan terbaru dari blogger.com ditampilkan di situs ini.
Menurut situs buzz.blogger.com sih caranya gampang “To enable or disable profile images in your blog's comments, go to Settings | Comments.” Begitu kurang lebih isinya, jadi tinggal ke menu setting >> comments >> Show profile images on comments? >> pilih yes. Tapi ternyata tidak muncul karena tidak menggunakan template defaultnya blogger. Karena penasaran langsung koment di blognya JALOE . Tanya “modifikasi templatenya gimana kang? biar support avatar”, jawaban dari JALOE “yup kebetulan sy lagi nyari problemnya.. untuk jalan praktis mungkin ganti saja script commentnya ama template default”. Untuk lebih meyakinkan lagi saya googling dulu. Akhirnya menemukan situs bloggerplugins.org, tapi tutorial disana bikin bingung juga karena ada 2 pendapat yang berbeda (lihat bagian komentarnya). Maka itu jadi saya cari tahu sendiri.

Pertama saya modif utak atik blog saya yang buat ngoprek template. Setelah itu digabungkan ke blog saya yang aseli. Jadi caranya

1. Sebelum anda merubah dengan cara ini, saya peringatkan bahwa tutorial ini sifatnya hanya sharing dari saya karena saya berhasil memodifikasi template saya, tapi saya belum mencoba modifikasi template yang lain, mudah-mudahan saja bisa.

2. Ke menu Layout >> Edit Html >> Backup dulu template blog yang ada sekarang, jika terjadi kesalahan masih bisa menggunakan template yang lama

3. Masih di menu Edit Html >> centang Expand Widget Templates

4. Cari baris

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'>
<a expr:name='&quot;comment-&quot; + data:comment.id'/>

Supaya gampang tekan ctrl+f pada browser kemudian cari kode di atas

5. Hapus semua baris di atas dan ganti dengan baris

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<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>

Kalau sudah simpan template, sekarang lihat halaman blog anda yang sudah ada komentarnya.

6. Jika ada kekurangan dari tutorial ini silakan berkomentar, semoga saya bisa membantu lebih lanjut, untuk contohnya ada dihalaman blog saya yang ini