Avatar Profil Komentar Blogger Update

Kemarin saya posting tentang fitur terbaru blogger yang memungkinkan untuk memunculkan avatar komentar di samping komentar. Nah, ternyata fitur avatar komentar blogger ini hanya berfungsi bagi blog yang menggunakan template default blogger saja. Bagi anda yang menggunakan template default blogger, sangat mudah menambahkan avatar komentar hanya dengan sekali klik seperti yang dijelaskan oleh blogger buzz. Untuk menampilkan avatar komentar pada template default blogger, langkah yang harus dilakukan adalah sebagai berikut :

1. Masuk ke Pengaturan » Komentar pada bagian dashboard blogger anda. Pada kalimat "Tampilkan gambar profil pada komentar" pilih "Ya" (bagian ini berada dibagian bawah halaman).
2. Periksa halaman posting blog anda yang memiliki beberapa komentar untuk melihat apakah ada komentar dengan avatar yang muncul.
3. Jika tidak ada komentar dengan avatar yang terlihat, lakukan hal berikut. Masuk ke Tata Letak » Edit HTML. Klik tautan "Kembalikan template widget ke default" yang berada di dekat bagian bawah halaman. Catatan - lakukan ini pada template blog standar blogger yang belum di kustomisasi.
4. Setelah menyelesaikan langkah-langkah yang tersebut, diharapkan avatar komentar sudah muncul di sebelah kiri komentar.

Avatar komentar untuk customized/non-standard Blogger templates

Cara ini saya dapat dari Amanda Fazani di Blogger Buster yang secara rinci telah menjelaskan semuanya. Nah, untuk template blog yang bukan template standar blogger masih bisa memunculkan avatar komentar ini hanya dengan menambahkan beberapa baris kode CSS pada HTML template blog anda. Oke, ikuti cara berikut ini :

1. Masuk ke blog dengan ID bloger anda
2. Tuju Layout atau Tata Letak dan masuk ke Edit HTML. Jangan lupa centang Expand Template Widget
3. Copy lalu paste kode berikut diatas kode ]]></b:skin>
   .avatar-image-container img{
   background:transparent url(http://i37.tinypic.com/2iiws3k.jpg)no-repeat;
   height:35px;
   width:35px;
   }
4. Cari kode ini :
   

   <dl id='comments-block'>

   Mungkin ada perbedaan pada template blog, jika kode di atas tidak ada maka cari kode ini <div id='comments-block'>
5. Kemudian hapus kode di atas dan ganti dengan kode ini :
   

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

   Jika kode template anda menggunakan kode "div" maka ubahlah menjadi :

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

6. Sekarang cari kode ini :
   

   <a expr:name='data:comment.anchorName'/>

   
   
7. Lalu Hapus kode di atas dan ganti dengan kode berikut :
   

   <b:if cond='data:comment.favicon'>
   <img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
   </b:if>
   <a expr:name='data:comment.anchorName'/>
   <b:if cond='data:blog.enabledCommentProfileImages'>
   <data:comment.authorAvatarImage/>
   </b:if>

8. Simpan template.
9. Selesai

Sekarang anda sudah bisa melihat avatar komentar muncul pada posting blog yang ada komentarnya. Sebenarnya avatar komentar ini bisa diletakkan disebelah kanan dengan sedikit sentuhan pada kode CSS pada template blog anda.

Catatan tentang avatar komentar blogger

Saat ini avatar komentar hanya bisa dinikmati oleh pengguna blogger atau google profil sebagai identitas mereka. Profil avatar komentar belum bisa muncul bagi mereka yang memberikan komentar dengan pilihan "anonymous" dan "name/url" atau pilihan lain.

Untuk yang menggunakan OpenID, Wordpress, LiveJournal, TypePad atau AIM, avatar yang muncul adalah logo atau favicon situs tersebut. Nah, mereka yang memberikan komentar dengan pilihan "name/url" tidak akan mempuyai avatar. Mudah-mudahan blogger mengembangkan cara lainnya untuk bisa menampilkan avatar identitas komentar dari pengguna lain selain blogger.

Bangga juga dengan fitur avatar komentar blogger ini. Namun banyak kawan bloger lain yang sudah memilih tampilan avatar dari pihak ketiga seperti avatar mybloglog untuk blogger. Mugkin blogger terbilang sangat lambat untuk meluncurkan fitur avatar komentar ini sampai harus menunggu ulang tahun yang ke-10. Tapi apa pun itu mudah-mudahan tim pengembang blogger bisa lebih inovatif lagi. Selamat mencoba avatar komentar, semoga berhasil.

Related Post:

Trik Blogspot

• Menambahkan Image Pada Judul Posting
• Mengganti Pager Link Blogger Dengan Icon
• Klik Label Tampil Hanya Judul Posting Update
• Klik Label Tampil Hanya Judul Posting
• Menambahkan Icon Pada Label Dan Link Sidebar
• Mengganti Tanggal Dengan Icon Kalender
• Menghilangkan Icon QuickEdit (Tang dan Obeng)
• Area Sidebar Dalam Kotak Terpisah
• Area Komentar Dalam Kotak Terpisah
• Area Posting Dalam Kotak Terpisah
• Background Warna Pada Teks Posting
• Modifikasi Pesan Pengantar Formulir Komentar
• Beda Tampilan Komentar Pemilik Blog
• Nomor Urut Komentar (Numbering Comment) Blogger
• Pasang Emoticon Di Atas Kotak Komentar
• Membuat Blockquote Dan Modifikasi Blockquote
• Masalah Pada Verifikasi Kotak Komentar
• Membuat Teks Berkedip Blink Text
• Membuat Horizontal Navigasi Blogger
• Latar Belakang Teks Dengan Efek Stabilo
• Menggunakan Gambar Untuk Latar Belakang Blog
• Pasang Strip-Ad Seperti Navbar Blogger
• Menghilangkan Border Pada Image Posting
• Modifikasi Border Photo Profil Blogger

or or