Salah satu fitur baru yang menarik dari Blogger adalah fitur "Show Your Face", sebuah fitur yang memungkinkan kita menampilkan avatar/foto dari para pengunjung yang berkomentar di blog :D
Untuk menampilkan avatar pada bagian komentar tidak sulit, kamu cukup mengaktifkannya dengan cara masuk ke bagian Settings > Comments lalu pilih Yes pada bagian Show profile images on comments? lalu Save :D
Setelah kamu mempraktekan cara diatas kamu akan mendapati avatar-avatar dari para blogger yang telah meninggalkan komentar di blog kamu :)
Cara diatas hanya menampilkan avatar dari pengguna blogger yang melakukan login baik menggunakan akun Google, OpenID, AIM, TypePad, WordPress maupun LiveJournal. Tapi bagaimana dengan yang telah menulis komentar sebagai Anonymous atau menggunakan Name/URL? Tentunya fotonya tidak akan muncul, yang ada hanya bidang kosong saja.
Agar bidang kosong itu nampak lebih rapih diantara avatar-avatar blogger yang telah ada, dapat diakali dengan cara memasang default photo untuk para blogger yang login sebagai Anonymous atau menggunakan Name/URL.
Caranya dalah sebagai berikut
centang Expand Template Widget
- Cari kode ini ( cara mencari code, tekan Ctrl+f Copas atau tulis code yang ingin di cari pada kotak yang muncul >> tekan next)<dl id='comments-block'> atau <dl class='comments-block' id='comments-block'>
- Setelah ketemu, ganti denga<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
- Setelah itu, cari kode ini<a expr:name='data:comment.anchorName'/>
- lalu tambahkan kode ini tepat diatasnya<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if> - Setelah itu tambahkan CSS ini untuk default photo diatas ]]></b:skin>.avatar-image-container img {Bagian yang diberi warna merah dapat di ganti dengan URL Gambar anda...?
background: url(http://lh3.ggpht.com/_sjkDLNBkESU/S2UosFIpJyI/AAAAAAAAAZY/mmOU-XKKuuQ/s800/emo.png) no-repeat;
width: 35px;
height: 35px;
} - Simpan
No comments:
Post a Comment