cara menampilkan avatar di blogspot [2]

Blogger baru saja membawa kami salah satu fitur yang paling dicari di semua jenis platform Blogging: Avatars pada komentar. Dari lama waktu yang lalu saya telah mencari cara untuk mengimplementasikan Gravatar atau cara lain untuk menampilkan avatar di Blogger komentar, tetapi tidak pernah benar-benar menemukan cara yang benar-benar disesuaikan, jadi tidak ada kesuksesan.

Sekarang sebagai salah satu fitur Birthday Blogger seri, tim Blogger memungkinkan kita untuk menampilkan foto-foto profil di samping setiap komentar, apa meningkatkan ide "masyarakat" dalam template anda dan berikan yang lebih "netwroking dengan pengguna" perasaan, setidaknya untuk saya .

Unfortunaltely bahwa fitur tersebut tidak segera bekerja untuk pengguna dengan sangat modificated template seperti saya dan banyak orang di sekitar, tapi jangan khawatir, aku telah membuat sedikit tutorial tentang bagaimana menerapkan itu di blog Anda.

Bagaimana cara mengaktifkan avatar pada komentar blogger
Pergi ke Dashboard blogger> Layout> Edit HTML. Saya sarankan Anda untuk menyimpan salinan template Anda untuk melakukan perubahan dengan aman. Untuk melakukan itu cukup klik "Download Template" link.

Sekarang klik "Expand Template Widget", dan mencari baris berikut pada kode Anda:

<dl id='comments-block'>

dan REPLACE untuk berikut:

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

Setelah melakukan itu, cari baris ini:

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

dan ADD kode berikut tepat setelah itu:

<b:if cond='data:blog.enabledCommentProfileImages'>
              <data:comment.authorAvatarImage/>
            </ b: if>

Simpan itu, dan anda selesai.

Bagaimana mengganti ruang kosong untuk sebuah gambar 35x35 (Update)
Catatan: Saya memberi kredit untuk Soufiane dari LeBlogger untuk langkah ini.

Pertama mencari baris kode ini:

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

Dan REPLACE untuk berikut:

<b:if cond='data:comment.favicon'>

<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>

</ b: if>

Dan untuk yang terakhir, tambahkan kode berikut tepat sebelum baris ]]></ b: skin>:

/ * Avatar * /
. avatar-image-container img (
background: url (http://i860.photobucket.com/albums/ab162/LeBloggerTemplate/AvatarBlogger.png);
width: 35px;
height: 35px;
)

Simpan saja, Anda sudah selesai.

Catatan: Jika tutorial ini tidak berhasil, pastikan Anda telah mengaktifkan "Tampilkan gambar profil dalam komentar?" pada Pengaturan> Komentar bagian.