Kamis, 22 Juli 2010

Menampilkan Image/Avatar Komentar

gambar, cara menampilkan avatar komentar atau foto komentar author

Maksud hati pingin menampilkan foto-foto yang berkomentar biar lebih bersahabat tapi anda punya masalah dengan templatenya mari kita tuntaskan masalah tersebut

Pertama
>> Login Blogger
>> Design/Rancangan
>> Edit Html
>> Centang Expand Widget Template

Cari kode seperti ini
]]></b:skin>
kemudian letakkan kode ini tepat di atas kode ]]></b:skin>

.avatar-image-container img {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibnaRFvLi6gxBf0eeBVKVzMtO_rGoLYtmj0wgGdmXZcAALNKs3jKsJVJBfax9HGCJSHoeV67YRRHGxVYvfvk7JEGwxchw7vESLJyQym9W_ICFOnNtshVRDcgs1B3fJBnaALEBZ8sNybk9n/s320/AvatarBlogger.png);
width:30px;
height:30px;
margin-top:10px;
}


Kemudian cari lagi kode seperti
<dl id='comments-block'>
Jika sudah ketemu ganti dengan kode ini

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

Cari lagi kode seperti ini <a expr:name='data:comment.anchorName'/>

Ganti dengan kode ini

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-top:30px' 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>


Kemudian simpan template anda dan lihat hasilnya... Semoga bermanfaat


Jika merasa Artikel ini bermanfaat,
bagikan artikel ini ke teman Anda lewat tombol di bawah ini »
Bookmark and Share


Mungkin Mau Baca Lagi Yang Ini :



Comments :

0 komentar ke “Menampilkan Image/Avatar Komentar”




Apa Pendapat Anda ?...

Berikan komentar anda untuk membantu saya memperbaiki blog ini

Sponsor Link

Ads


Join 4Shared Now!

 

Copyright © 2010 by Belajar Ngeblog Bersama | RHOEDAL

Template by Blog Tempate 4 U | Blogspot Tutorial | Edit Template By RHOEDAL