Cara Menampilkan Profile Avatar Pada Kotak Komentar Di Blogger 2

Bagi anda yang menggunakan templete default dari blogger mungkin anda tidak usah menambahkan lagi kode pada templete anda untuk menampilkan avatar pada kotak komentar anda melainkan anda hanya diminta melakukan beberapa klik pada settingan blog anda.Bagi anda yang menggunakan Standar Blogger Templete anda dapat menampilkan komen avatar tersebut dengan cara :

Cara Pertama I




1. Log in ke blogger dengan ID anda.

2. Pada Blogger dasboard anda Klik setting.

3. Kemudian Pilih comments .

4. Pada Bagian comments pastikan anda memilih memilih yes "Show profile images on comments" .

Kemudian lihat halaman postingan yang memiliki komentar untuk memastikan apakah avatar yang anda harapkan telah muncul ?Jika belum anda bisa melakukan cara kedua ikuti lankah-langkah di bawah ini :

Cara Kedua II

(PERINGATAN: langkah Kedua ini hanya bagi anda yang menggunakan Standard Blogger Template/Uncustomized Blogger Template Saja.)

1. Log in ke blogger dengan ID anda.
2. Pada Blogger dasboard anda Klik Design.
3. Pilih edit HTML.
4. Pada Edit HTML klik Revert widget templates to default.

Setelah anda melakukan kedua langkah diatas tadi saya yakin avatar akan muncul disebelah kiri postingan komentar anda .

Sedangkan Bagi anda yang menggunakan Templete Bukan Standar/customized templete,Dibawah ini akan saya terangkan bagai mana cara menampilkan avatar pada komentar blog anda.

Dan adapun langkah-langkahnya adalah :

1. Log in ke blogger dengan ID anda.
2. Pada Blogger dasboard anda Klik Design.
3. Pilih edit HTML.
4. Click Download full template. silahkan back up template templete (untuk mengamankan templete anda jika terjadi kesalan).
5. Beri tanda centang (check) pada Expand Template Widget.
6. Tunggu beberapa saat sampai proses selesai.
7. Cari Kode seperti di bawah ini (Gunakan Ctrl+F untuk mencari kode).

<dl id='comments-block'> Atau <div id='comments-block'>


8. Ganti kode di atas dengan kode di bawah ini.


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


Atau Kode dibawah ini jika menggunakan div kode


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


9. Selanjutnya Cari Kode seperti di bawah ini (Gunakan Ctrl+F untuk mencari kode).


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


10. Ganti Kode diatas ( step 9) dengan Kode di bawah ini.


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


11. Dan untuk kode css pastekan kode di bawah ini di atas kode ]]></b:skin>



.avatar-image-container {
background:url(http://www.blogger.com/img/blank.gif);
width:16px;
height:16px;
float:left;
margin:0px 10px 5px 5px;
}
.avatar-image-container img {
border: 1px solid white;
width:16px;
height:16px;
}


12. Anda bisa mengedit kode css diatas sesuai dengan templete anda

13. Klik save untuk menyimpan templete


Selesai dan semoga bermanfaat.....