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/AVvXsEhODtryOBEFGKXOf_vUT8-zMpli10W4iLL6o4S3va4Ik5pr2UNO4Vek6j99R3YrOQJ0NlICyHOxD2xlUUNg9Lh09ODjzOTZ3by0FmPQbsNDWoK-qJJj8_PFfPcOLn9gwQVBKENRhW_aTIU/s400/grav.png);width:50px;height:50px;}

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

Kemudian simpan template anda dan lihat hasilnya.

Post a Comment

7 Comments:

MyMekar.com said...
Teknik Buat Blog

Salam Bro, avatar tu apa dia. xpaham.

sibersensasi said...
Teknik Buat Blog

@Mekaravatar gambar kecil pada komen...cotoh dekat pic diatas arrow hijau

ain soofiyah said...
Teknik Buat Blog

x jdy pun..

mawardi said...
Teknik Buat Blog

saya baru belajar buat blog pribadi, bagaimana cara mengetahui blog sudah terdeteksi mesin pencarian?
url:mawardisf.blogspot.com

sibersensasi said...
Teknik Buat Blog

@mawarditaipkan pada search site:mawardisf.blogspot.com kalau ada bermakna dah diindex oleh google.kena add url kesearch engine dan ping blog setiap kali buat posting.

Nik said...
Teknik Buat Blog

thanks tuk tutorial ni :)

Ismail Ahmad said...
Teknik Buat Blog

Macam mana ye nk buat avatar blogger muncul pd wordpress