SELAMAT DATANG DI GOGONITY BLOG SEMOGA ARTIKEL-ARTIKEL DI DALAM BLOG INI BISA BERGUNA BAGI PARA PENGUNJUNG

Memasang Avatar Untuk Komentar Anonymous / Name URL

Sebelumnya saya akan menjelaskan apakah avatar itu. Avatar adalah sebuah representasi pengguna komputer tentang dirinya sendiri ataupun ego. Dalam Blogger sendiri fitur untuk komentar ini sudah ada yaitu "Show Your Face", sebuah fitur yang memungkinkan kita menampilkan  avatar / foto dari para pengunjung yang berkomentar di blog.
Cara mengaktifkan fitur ini adalah dengan cara masuk ke bagian Settings > Comments lalu pilih Yes pada bagian Show profile images on comments? lalu Save
Cara diatas hanya menampilkan avatar dari pengguna blogger yang melakukan login baik menggunakan akun Google, OpenID, AIM, TypePad, WordPress maupun LiveJournal. Tapi bagaimana dengan pengunjung 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 rapi 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 ini
      <dl id='comments-block'>

2. Setelah ketemu, ganti dengan
      <dl expr:class='data:post.avatarIndentClass' id='comments-block'>

3. 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>

4. Setelah itu tambahkan CSS ini untuk default photo diatas ]]></b:skin>
      .avatar-image-container img {
      background: url(http://lh3.ggpht.com/_sjkDLNBkESU/S2UosFIpJyI/AAAAAAAAAZY/mmOU-XKKuuQ/s800/emo.png) no-repeat;
      width: 35px;
      height: 35px;
      }
      Bagian yang diberi warna merah dapat kamu ganti sesuai selera

5. Simpan Template.



Article :


Preview on Feedage: gogonity-blog Add to My Yahoo! Gogonity Blog Add to Google! Gogonity Blog Add to AOL! Gogonity Blog
Add to MSN Gogonity Blog Subscribe in NewsGator Online Gogonity Blog Add to Netvibes Gogonity Blog Subscribe in Pakeflakes Gogonity Blog
Subscribe in Bloglines Gogonity Blog Add to Alesti RSS Reader Gogonity Blog Add to Feedage.com Groups Gogonity Blog Add to Windows Live Gogonity Blog
iPing-it Gogonity Blog Add to Feedage RSS Alerts Gogonity Blog Add To Fwicki Gogonity Blog Add to Spoken to You Gogonity Blog

Share |

Baca juga artikel yang lain :

Bagi pengguna facebook komentar disini

8 comments:

Anonymous said...

makasih gan info'y...
:D

Ismail sevenfoldism said...

pertamax...
keren sobat postingannya... tapi lbih keren lagi xalo pke smiley kaskus

ali_cksp1 said...

=))

Anonymous said...

pengen tahu biar ada anonymous gimana ya??

Windows Blog said...

wah, mantab gan. boleh dicoba nih...

Herry Siomponk said...

Makasih mas dah share...
Bookmark dl :)

rachmad tatawarna said...

nice post gan :D

Feriantano.com said...

Informasi yang sangat bermanfaat !

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

Terima kasih atas kunjungannya.
Dapatkan backlink gratis dari blog DOFOLLOW ini dengan berkomentar! dan gunakan kode smiley diatas untuk mengexpresikan senyum anda. contoh :))
Maaf SPAM akan Dihapus
Contoh SPAM : Mengetik Link Pada Komentar, Komentar tidak sesuai Isi Artikel,No Porno, No Sara.

Gogonity Blog © 2010 Template Modified by:
IroelSt
Protected by Copyscape Duplicate Content Finder DMCA.com