Tuesday, June 1, 2010

cara letak avatar pada komen

Blogger telah pun memperkenal satu elemen baru bagi membolehkan kita meletakkan  avatar pada komen
Berikut adalah cara meletakkan avatar pada komen.

Log in ke bloggerpilih setting--->comments
kemudian pilih "Show profile images on comment”
jika sekiranya anda memiliki template biasa avatar akan muncul pada komen di blog anda.Tetapi jika anda menggunakan template selain dari terdapat pada blogger anda perlu membuat perubahan pada template.
masuk ke layout---->pilih edit HTML (backup dulu template anda)

Klik pada Expand Widget dan cari kod berikut:

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

jika tidak jumpa bermakna anda kena buat sesuatu,jika tidak jumpa ikuti langkah berikut:

Cari:
<dl id='comments-block'>

gantikan dengan:


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

Kemudian cari semua kod:

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

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


Jika anda ingin menggunakan default avatar pada komen bagi seseorang yang tiada gambar profile avatar gunakan kod CSS dibawah ini:
.avatar-image-container{width:50px;height:50px;margin-top:-5px;}
.avatar-image-container img {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeFlSCO3qO20kBsvfv3rFkkOvkLGlSPryOVmcnx4Hxc8Y0cyHubNCaLKmMcv7Pk4bmUORPUDHdsH2hp_q8nld6Fvx52-cNcZrV5wEj2m5Jbh_sCrG7Bl5pGbBPzZvSdrIC7spyk3-9bK4/s400/grav.png);width:50px;height:50px;}

letakkan diatas kod:  ]] ></ b:skin >

Kemudian simpan template anda dan lihat hasilnya.

No comments:

Post a Comment

Gambar Belangkas