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/AVvXsEir7w-XunFgyTSLFffQ-w211nt6rnZEyv4TbfnytJ4rKqQ6hXpkHlusVGdfv5RijxsxMf0oyvl5X7zcGLG8GcHQXBJjbQ7QBekWG4ncWYN7SDy1YUCCokfXaiNtArSgLdbgRX-Kt3TKb24/s400/grav.png);width:50px;height:50px;}
letakkan diatas kod: ]] ></ b:skin >
Kemudian simpan template anda dan lihat hasilnya.
0 komentar:
Posting Komentar