Hello, all newbie blogger all around Inonesia and oversea may be. Yaa.. kenapa saya EFA sebut newbie?? karena para blogger master sudah tentu tidak akan membutuhkan artkel artikel gurem seperti ini. Ok pada halaman ini Education for All akan sharing artikel tentang " Menampilkan Avatar / Foto Komentator Blogger" melalui tutorial ini sobat blogger mania bisa menampilkan foto / avatar para komentator di samping isi komentar atau dibawah. Jika para komentator memberi komentar dengan akun atau profil Blogger mereka, maka foto dari profil tersebut akan langsung muncul disamping isi komentar. Untuk lebih jelasnya arahkan kursor sobat blogger mania pada gambar dipojok samping atas. jika sobat blogger mania berminat untuk membuatnya diblog sobat blogger mania silahkan ikuti langkah langkah berikut ini:
kedua Plih Layout => Edit HTML, lalu centang Expand Widget Template
Ketiga cari kode yang seperti ini <dl id='comments-block'> ganti kode tersebut dengan kode di bawah ini:
Jika di template sobat blogger mania kode comments-block berada dalam tag div, maka ganti tag dl pada <dl expr:class='data:post.avatarIndentClass' id='comments-block'/> dengan tag div. Hasilnya: <div expr:class='data:post.avatarIndentClass' id='comments-block'/>.
Selanjtunya, cari kode <a expr:name='data:comment.anchorName'/>, lalu paste kode dibawah ini di atasnya:
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' width='35px' style='margin-bottom:-2px;' />
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<img expr:src='data:comment.favicon' height='35px' width='35px' style='margin-bottom:-2px;' />
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
Yang terakhir dan yang paling utama SAVE template, SELESAI.
0comments:
Post a Comment
Terimakasih Atas Komentar Anda dan EFA akan segera menuju Blog anda...