Blogger sekarang memperkenalkan fitur baru yaitu kita bisa menambahkan gambar profil dari komentator didekat koment pada blog, yang pastinya dapat untuk mempercantik blog kita tercinta. Sebelum kita merubah templete jangan lupa kita harus melakukan backup templete terlebih dahulu
Seperti biasa kita centang terlebih dahulu Expand template widget, kita cek apakah di templete kita mempunyai baris
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
jika tidak ditemukan cari kode dibawah ini <dl id='comments-block'>
dan ganti dengan kode di atasselanjutnya carilah script
<a expr:name='data:comment.anchorName'/>
dan ganti dengan<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px'
style='margin-bottom:-2px;' width='16px'/>
</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>
<img expr:src='data:comment.favicon' height='16px'
style='margin-bottom:-2px;' width='16px'/>
</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>
Langkah terakhir tambahkan kode CSS di atas kode :
]]></b:skin>
Kode CSS:
.avatar-image-container {background:url( http://2.bp.
blogspot.com/_u4gySN2ZgqE/SrTInZfKwVI/AAAAAAAAAwA/
xaGlRIqkHDw/s400/default.gif); width:35px;height:35px;
}
.avatar-image-container img { border:none;}
blogspot.com/_u4gySN2ZgqE/SrTInZfKwVI/AAAAAAAAAwA/
xaGlRIqkHDw/s400/default.gif); width:35px;height:35px;
}
.avatar-image-container img { border:none;}
Alamat url dapat dìganti dengan alamat gambar yang yang akan anda pakai sebagai gambar defaul.
+ comments + 1 comments
pertamax japertamax ja
Terimakasih Anonymous atas Komentarnya di Menampilkan avatar pada koment blogPost a Comment
Silahkan dishare dan tinggalkan komentar untuk kemajuan blog ini.
Terima kasih atas komentarnya brada.....!