Artikel Terbaru :
Home » » Cara Pasang gambar/avatar pada komentar anonymous dan Name/url

Cara Pasang gambar/avatar pada komentar anonymous dan Name/url

Sabtu, 17 November 2012 | 12komentar

Cara Pasang gambar/avatar pada komentar anonymous dan Name/url
Pada template default blogspot gambar avatar pada komentar hanya ada jika kita ber komentar login sebagai account google dan sebagainya, jika kita berkomentar anonymous ataupun name/url maka avatar atau gambar pada komentar tidak ada alias kosong.



Pada artikel lainnya banyak mendapatkan komentar dan salah satu di antaranya berkomentar sebagai anonymous tapi kebanyakan pakai name/url jadi kelihatan kosong dan kesannya tampilan blog jadi agak jelek.
Langsung saja cara pasang avatar otomatis pada komentar anonymous dan Name/url :

1. Pastikan Tampilkan gambar profil dalam komentar Di aktifkan, cek di login blogger > setelan >
 >Tampilkan gambar profil dalam komentar? YES2. Masuk blogger > rancangan > edit html > centang expand template widgetcari dan pastikan kode berikut ini ada di blog sobat :
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
3. Jika kode di atas ada, maka selanjutnya cari kode ]]></b:skin> letakkan kode berikut ini tepat diatas kode ]]></b:skin>
#comments-block .avatar-image-container img {  
background: #fff url(
https://lh6.googleusercontent.com/-H6zAH-hO5lg/Tibog_Gg8qI/AAAAAAAAAYQ/QYvJ4OkVUm8/default-avatar-profile.png) no-repeat left top;
width:32px;
height:32px;
    save template dan lihat hasilnya.
1. Jika kode <dl expr:class='data:post.avatarIndentClass' id='comments-block'>  tidak ada, maka cari  kode <dl id='comments-block'> ganti dengan kode
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
2.  Kemudian cari <a expr:name='data:comment.anchorName'/> ganti dengan kode di bawah ini
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>
3. kemudian selanjut nya cari kode ]]></b:skin> letakkan kode berikut ini tepat diatas kode ]]></b:skin>
#comments-block .avatar-image-container img {
background: #fff url(
https://lh6.googleusercontent.com/-H6zAH-hO5lg/Tibog_Gg8qI/AAAAAAAAAYQ/QYvJ4OkVUm8/default-avatar-profile.png) no-repeat left top;
width:32px;
height:32px;
Save template dan lihat hasilnya.

Perhatikan kode berikut ini :
Gambar bisa di ubah silahkan ubah alamat url yang di atas dengan url gambar sobat.
Semoga berhasil
sumber:  http://www.antigaptek.com
Share this article :

ARTIKEL TERKAIT:

12 komentar:

  1. keren mbak, akhirnya ada juga avatarnya.soale sebelumya gak ada avatarnya :D. silahkan lihat hasilnya di blog saya :)

    BalasHapus
    Balasan
    1. ea dari pada kosong melompong hehe...ok trima kasih dah mampir

      Hapus
    2. Mantap tutornya mbak saleha, blognya juga indah

      Hapus
  2. makasi banget triknya scriptnya kayaknya sulit gitu ya hehe :)

    BalasHapus
    Balasan
    1. sama sama!... ea tapi hasilnya memuaskan :)

      Hapus
  3. langsung tak praktekan gan,thanks trik'y ^^

    BalasHapus
  4. tutorial sangat bermanfaat. akan sy joba ....


    sekedar pesan: Blog anda sudah sy follow. dan jika berkenan sy tunggu follbacknya. terimakasih

    BalasHapus
    Balasan
    1. trima kasih... selamat mencoba :)
      saya sudah mem follow back blogmu thank's krja samanya

      Hapus
  5. kodenya kagak ada semua mbak?? trs gmn??

    BalasHapus
  6. salam sukses bos jangan lupa kunjungin balik ya

    BalasHapus
  7. update artikel yang sanagt menarik sekali
    selalu ditunggu update selanjut nya

    BalasHapus

Silahkan tinggalkan komentar sobat , tapi mohon jangan Nyepam ya..! Komentar dengan menyertakan LINK / ANCHOR TEXT atau promosi produk tertentu akan saya hapus karena blog ini bukan tempat untuk mempromosikan produk yang dijual di blog anda.

 
Support : Copyright © 2011. Tips Trik Blog | Dan Cara Buat Website - All Rights Reserved
Template Modify by Siti Saleha
Proudly powered by Blogger| Thanks For Visiting