Close it

Rabu, 06 April 2011

58 Memasang Avatar Untuk Komentar Anonymous/Name URL►► URL : http://wwdq.blogspot.com/2011/04/memasang-avatar-untuk-komentar.html.

Share
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

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 adalah sebagai berikut

1. Cari kode <dl id='comments-block'>
2. Ganti kode diatas dengan kode dibawah ini :
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
3. Lanjut, Sekarang cari kode : <a expr:name='data:comment.anchorName'/>
4. Tambahkan kode dibawah ini di atas kode yang dicari tadi :

<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>
5. Sabar ya, sebentar lagi selesai. Seekarang cari kode : ]]></b:skin>
6. Paste kode dibawah ini di atas kode ]]></b:skin>

.avatar-image-container img {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnbfd3LhK4B10G60_qKm0nXoEEd9sirVwS3xMaIiaP8DC4bLuH80S_pQf17rCW6tZIIME7Y5uzD5xuSEugLUdkFrvJNhAvLhMiXAmrVGmEBtBuAjoLCJtMOATXJSc47f5yHWw6Xew-tcA/s1600/gravatar.gif) no-repeat;
width: 35px;
height: 35px;
}

Keterangan : URL yang berwarna merah itu url gambar. bisa anda ganti sesuka hati
Terakhir : SIMPAN, selamat mencoba

Terima kasih untuk Soufiane yang telah menulis artikel ini --dalam bahasa Perancis-- Image Profil Commentateur
Terima kasih untuk coratcoretblog yang telah menterjemahkan kedalam Bahasa Indonesia
Bila Kurang Jelas, silakan bertanya dibawah ini .

Post Info :
Judul = Memasang Avatar Untuk Komentar Anonymous/Name URL

Url = http://wwdq.blogspot.com/2011/04/memasang-avatar-untuk-komentar.html

Author = Riloaw. At : 19.32 Rabu, 06 April 2011 | Comment:58

Artikel Terkait

Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

58 komentar:

  1. yupz thank's gan infonya !
    jadi gambarnya pun bisa berbeda gitu ya !

    BalasHapus
  2. Info yg penting dan bermanfaat bagi kami semua, apalagi untuk saya yg masih belajar.. Makasih banyak dan salam sukses

    BalasHapus
  3. terimakasih atas informasinya
    informasinya bermanfaat dan menarik
    di tunggu informasi selanjutnya

    BalasHapus
  4. makasih infonya gan,, tampilan komentar jadi lebih josss

    BalasHapus
  5. YUHUW....KEREN ABIS!!! jangan bosan-bosan nulis artikelnya,,ditunggu!

    BalasHapus
  6. sip tutorial nya
    mudah di mengerti
    update yang lain nya gan

    BalasHapus
  7. kursi tamu,mebel jepara,mebel jepara terbaru

    https://web.facebook.com/jualkursitamukayu

    BalasHapus
  8. keren banget gan info nya dan sangat bermanfaat
    terimakasih sudah share info yang bagus

    BalasHapus
  9. gan kalo ane mao nulis tas terbaru bisa kan ya

    BalasHapus
  10. Sukses selalu untuk Agan,,,

    https://caramembersihkanjerawatalami.blogspot.co.id

    BalasHapus
  11. Mantap Sekali Gan Infonya, Sangat Bermanfaat

    BalasHapus
  12. Waw keren ilmunya terimaskasih,,,

    BalasHapus
  13. Sangat Tertarik klo saya membaca artikel ini

    BalasHapus
  14. belum saya praktekin,,thanks sebelumnya

    BalasHapus
  15. akhirnya dapat pencerahan baru lagi,,,,, makasih gan...

    BalasHapus
  16. Wah bagus banget untuk mempercantik blog

    BalasHapus
  17. Thank you for sharing, This is a nice article..
    Its easy to understand ..
    And this article is using to learn something about it Download Template Blogger

    BalasHapus
  18. Terimkasih sangat bermanfaat sekali ilmunya
    Info Recomended nih

    BalasHapus

No Spam Please :)


Tambahkan Bookmark halaman ini untuk mempermudah Pencarian Anda [CTRL+D].