Membuat Avatar Profil Komentar Blogger

Text Resizer: Click for Resizer

Salah satu fitur baru yang menarik dari Blogger adalah fitur "Show Your Face", sebuah fitur yang memungkinkan kita menampilkan avatar/foto dari para pengunjung yang berkomentar di blog.Untuk menampilkan avatar pada bagian komentar tidaklah sulit, teman-teman cukup mengaktifkannya dengan cara masuk ke bagian Settings > Comments lalu pilih Yes pada bagian Show profile images on comments? lalu Save.Tetapi tak jarang juga template yang bukan template standar blogger bisa diberikan fasilitas tersebut.







Nah, untuk template blog yang bukan template standar blogger masih bisa kuq memunculkan avatar komentar ini hanya saja dengan menambahkan beberapa baris kode CSS pada HTML template blog anda. Oke, ikuti cara berikut ini :

• Seperti biasa log In dulu ke account blog anda

• Pilih Rancangan atau Tata Letak dan masuk ke Edit HTML. Jangan lupa centang Expand Template Widget

• Oh ya backup dulu template anda sebagai jaga-jaga dengan cara klik download template lengkap.

• Setelah itu cari kode berikut ]]></b:skin> setelah ketemu masukkan Css berikut di atasnya

.avatar-image-container img{
background:transparent url(http://img168.imageshack.us/img168/562/matrixe.png)no-repeat;
height:35px;
width:35px;
}

• Ganti Bacround Profil Sesuai keinginan anda,Setelah itu cari kode berikut ini.

<dl id='comments-block'>

• Mungkin ada perbedaan pada setiap template blog, jika kode di atas tidak ada maka cari kode ini ,jika template anda menggunakan kode "div" maka cari kode berikut ini :
  

<div id='comments-block'>

• 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'>

• Sekarang cari kode ini :

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

• 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>

• Simpan template.

• Selesai

NB : Sekarang anda sudah bisa melihat avatar komentar muncul pada posting blog yang ada komentarnya Tetapi..Profil avatar komentar belum bisa muncul bagi mereka yang memberikan komentar dengan pilihan "anonymous" dan "name/url" atau pilihan lain.

Semoga Tutorial Kali Ini Bermanfaat......

Artikel Terkait:

Emotion

• Memasang Reply Atau Balas Pada Kotak Komentar Blog
• Memodifikasi Tampilan Kotak Komentar Blog
• Memasang Soldier Emotion Pada Kotak Komentar
• Memasang Emotion emo Boy dan emo Girl Pada Kotak Komentar
• Memasang Emotion kaskus Pada Kotak Komentar
• Membuat Scroll Pada Komentar
• Show Hiden Comment Blog

Kotak Komentar

• Memasang Reply Atau Balas Pada Kotak Komentar Blog
• Memodifikasi Tampilan Kotak Komentar Blog
• Memasang Soldier Emotion Pada Kotak Komentar
• Memasang Emotion emo Boy dan emo Girl Pada Kotak Komentar
• Memasang Emotion kaskus Pada Kotak Komentar
• Membuat Scroll Pada Komentar
• Show Hiden Comment Blog

Ditulis oleh : Arga Anggriawan | BLOG : This Is My Art
Dalam Judul : Membuat Avatar Profil Komentar Blogger
Dalam Kategori : Emotion, Kotak Komentar
Saya hanyalah blogger pemula yang ingin belajar dan berbagi dengan sahabat, Semua artikel blog ini bersumber dari pengalaman saya dari dunia blogger.