Menampilkan Avatar Blogger Profile Pada Kotak Komentar

Dua bulan yang lalu saya mencoba mengobrak-ngabrik "daleman" berbagai template untuk mengetahui cara menampilkan avatar dalam kotak komentar(Comments Box). Dari hasil obrak-abrik ini ada dua pengetahuan baru yang saya peroleh. Pertama, cara menambahkan avatar blogger profile, dankedua, cara menampilkan avatar MyBloglog, seperti pada kotak komentar SC Community.

Untuk yang pertama, saya masih penasaran akan kebenaran temuan tersebut. Setelah ber-googling-ria, ternyata pengetahuan yang saya peroleh itu tidak salah. Nah, berikut ini akan saya jelaskan bagaimana cara menampilkan avatar blogger profile pada kotak komentar. Tulisan ini saya ambil dari situs www.dantearaujo.net setelah dilakukan perubahan pada instruksinya agar memudahkan kamu dalam mengeditnya.



Langkah-langkah yang harus kamu lakukan untuk menampilkan avatar ini pada kotak komentar adalah sebagai berikut:

• Login ke akun Blogger kamu.
• Dari halaman Dasbor, klik Tata Letak dan pilih Edit HTML.
• Lakukan duplikasi template untuk berjaga-jaga jika terjadi masalah.
• Beri tanda centrang pada Expand Template Widget.
• Carilah kode berikut (untuk memudahkan, gunakan Control F atau F3):
  
  
  
  
  

  
  







• Jika sudah ketemu gantikan dengan kode ini:
  
  
  
  
  

  
  







• Kemudian kamu cari kode ini: 
  
  
  
  
  







• Gantikan kode tersebut dengan kode ini:
  
  
  
  
  
  
  
  






• Setelah itu letakkan kode CSS berikut di atas ]]>:
  
  
  
  /* Avatar Kosong */
  .avatar-image-container img {
  background:url(http://sites.google.com/site/ruangsc/imgsb/blankavatar.png);
  width:35px;
  height:35px;
  }






• Simpanlah hasil kerjaan kamu dan ucapkan alhamdulillah.....

Nah, sekarang coba kamu lihat kotak komentar kamu, apakah avatar-avatar komentator sudah nampak?

Ok coy, selamat mencoba.....

Sumber : http://ruangsc.blogspot.com/2010/01/menampilkan-avatar-blogger-profile-pada.html