Membuat Blank Avatar Komentar

Dalam mempercantik template memang harus di perhatikan secara benar-benar agar tidak terlalu merusak atau membuat tidak nyman pengunjung blog anda. Dalam template terdapat bagian yang harus di modifikasi, apabila template tersebut didapat dari blogger sendiri karena menurut saya template dari blogger kurang menarik . Sekarang apa yang wajib di modifikasi ? sebenarnya banyak sekali bagian yang harus di modifikasi agar pengunjung betah, namun disini saya akan menjelaskan tentang cara memodifikasi bagian komentar dengan Membuat Blank Avatar Komentar.

Apa itu Blank Avatar Komentar? menurut definisi saya sendiri blank avatar adalah gambar yang akan muncul apabila komentator tersebut tidak memiliki avatar dan biasanya komentator yang tidak ada avatarnya itu memakai pengguna : nama URL, dan Anonim . Mungkin kelihatan aneh dari definisi saya di atas, dari pada bingung mendingan lihat screenshoutnya dibawah ini :

Setelah melihat screensouhtnya sekarang kita lihat langkah-langkah pembuatannya :

1. Seperti biasa login ke blogger
2. masuk ke Tata Letak => Edit HTML
3. setelah itu klik kotak kecil yang letaknya di samping tulisan Expand Widget Template lalu tunggu sebentar hingga muncul tanda centang di dalam kotak tersebut, ini bermaksud untuk menampilkan HTML yang terdapat pada bagian-bagian elemen tertentu.
   
   
   
4. Setelah itu cari kode ]]></b:skin> lalu masukan kode dibawah ini tepat diatasnya
   
   .avatar-image-container img { background:url(http://oketrik.googlecode.com/files/Avatar%20Blank.png);width:30px;height:30px}
   
   
   
   Penjelasan :
   
   • http://oketrik.googlecode.com/files/Avatar%20Blank.png => menunjukan dari gambar Blank avatar, sobat bisa menggantinya dengan gambar yang berukuran 35px X 35px.
   • width:30px => menunjukan panjang dari ukuran blank avatar, sobat bisa merubahnya sesuai dengan ukuran blank avatar, tapi kalau gambarnya tidak diganti tidak usah dirubah bagian ini.
   • height:30px => menunjukan panjang dari ukuran blank avatar, sobat bisa merubahnya sesuai dengan ukuran blank avatar, tapi kalau gambarnya tidak diganti tidak usah dirubah bagian ini.
   
   
5. Setelah itu sobat dapat melanjutkan ke langkah berikutnya yaitu dengan mencari kode <a expr:name='data:comment.anchorName'/> lalu ganti dengan kode di bawah ini
   
   <b:if cond='data:comment.favicon'><img expr:src='data:comment.favicon' style='margin-bottom:-2px; height:30px; width:30px;'/></b:if>
   
   
   
   
6. Setelah itu sobat bisa menyimpannya dan melihat hasilnya

Setelah menggunakan Blank Avatar maka bagian komentar yang terdapat pada template akan terlihat lebih menarik dan tidak terlalu memberatkan template. Mungkin hanya sekian yang bisa saya berikan, mohon maaf apabila ada kesalahan atau ketidak pasifan dalam berbahasa, maklum lah saya bukan manusia yang sempurna tapi saya akan menjadi manusia yang akan menjadi lebih baik dari hari kemarin . Terima Kasih Dan Happy Blogging.

Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg