Jumat, 06 April 2012

Pasang Avatar Pada Komentar Blog


Langsung saja cara pasang avatar otomatis pada komentar anonymous dan Name/url :
1.Pastikan Tampilkan gambar profil dalam komentar Di aktifkan, cek di login blogger > setelan > komentar > Tampilkan gambar profil dalam komentar? YES2.Masuk blogger > rancangan > edit html > centang expand template widgetcari dan pastikan kode berikut ini ada di blog sobat :
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
3.Jika kode di atas ada, maka selanjutnya cari kode ]]></b:skin> letakkan kode berikut ini tepat diatas kode ]]></b:skin>
#comments-block .avatar-image-container img {  
background: #fff url(https://lh6.googleusercontent.com/-H6zAH-hO5lg/Tibog_Gg8qI/AAAAAAAAAYQ/QYvJ4OkVUm8/default-avatar-profile.png) no-repeat left top;
width:32px;
height:32px;
save template dan lihat hasilnya.
1. Jika kode <dl expr:class='data:post.avatarIndentClass' id='comments-block'>  tidak ada, maka cari kode <dl id='comments-block'> ganti dengan kode
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
2. Kemudian cari <a expr:name='data:comment.anchorName'/> ganti dengan kode di bawah ini
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>
3.kemudian selanjut nya cari kode ]]></b:skin> letakkan kode berikut ini tepat diatas kode]]></b:skin>
#comments-block .avatar-image-container img {
background: #fff url(https://lh6.googleusercontent.com/-H6zAH-hO5lg/Tibog_Gg8qI/AAAAAAAAAYQ/QYvJ4OkVUm8/default-avatar-profile.png) no-repeat left top;
width:32px;
height:32px;
Save template dan lihat hasilnya.
Gambar di bawah ini contoh hasil pada blog saya, silahkan bandingkan dengan gambar yang di atas.
anonymous dan Name/url
Perhatikan kode berikut ini :
Gambar bisa di ubah silahkan ubah alamat url yang di atas dengan url gambar sobat.


Tidak ada komentar:

Posting Komentar

masukkan komentar anda disini