Home » » Cara pasang avatar di komentar blogger

Cara pasang avatar di komentar blogger

Memasang avatar dikomentar blog kita yuuuuuuk...hehehe
Sebenernya tutorial seperti ini memang sudah banyak banget yang membuat.....tapi karna kemarim aq sempat memakai template CSS3 dan kebutulan list komentarnya tidak ada avatarnya saya tergugah buat ngasih avatar........... eh ternyata aq dikecewakan, karena aq coba memakai tutorial2 tentang Cara pasang avatar di komentar blogger tidak bisa lagi....huft >.<

Karena tidak bisa digunakan di template css3 akirnya kembali ketemplate awal....dan nguprek2 CSS yg ada di template lama dan template CSS3 wat cari tau permasalahanya.....Setelah aq temukan kenapa tidak bisa tampil avatar di ditemplate CSS3... Barulah kepikiran buat mosting Cara pasang avatar di komentar blogger atau bisa juga cara memasang avatar dikomentar template CSS3.

Sebenerya untuk menampilkan avatar dikomentar itu mudah. Cukup mengaktifkannya dengan masuk ke menu Setting -> Comments lalu pada bagian "Show profile images on comments" pilih YES. selesai........
Tapi cara ini hanya berlaku untuk template tertentu saja khususnya template yang disediakan oleh blogger dan hasilnya kurang optimal dimana avatar hanya muncul jika pengunjung memberi komentar dengan blogger id. Sedangkan yang berkomentar dengan open id atau anonymous, avatar tidak muncul.

Sekarang mari praktekan Cara pasang avatar di komentar blogger. caranya dibawah ini...

1. Pertama-tama masuk dululah login ke blogger sob.jangan kefacebook lo yach...hehe.

2. Masuk ke menu PERANCANG >> EDIT HTML

3. Beri centang pada "Expand Widget Templates". Agar lebih aman download dulu template sobat. Jaga2 juga lo g bs hehehe maklum cara ini bukan dari guru blogger.

4. selanjutnya cari kode berikut:

<dl class='comments-block' id='comments-block'>

kalo tidak ditemukan cari

<dl id='comments-block'>

5. Kalo sudah ketemu dari salah satu code diatas ganti dengan code dibawh ini:

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

6. Setelah itu cari kode berikut:

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

7. Ganti kode tersebut dengan kode dibawah 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>

8. Setelah itu tambahkan kode css berikut diatas ]]></b:skin>

#comments-block .avatar-image-container img {
background: #fff url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKc6Yy7ogseBx-00eTpCA6PLJ58Zimb9s83ThlTt05uDqFO5S728MPSORhN_KBe6E-eKoB4BxhFxcR8cMbRHkcjDWV5cK72fuzMr5llS9pzleLal4gpOj-hS2yCU_aq5JnzBca03Y6MbMl/s1600/NoPictureDark32.jpg) no-repeat left top;
width:32px;
height:32px
}

Keterangan:
Teks yang berwarna merah merupakan alamat gambar untuk avatar anonymous. Sedangkan teks yang dicetak tebal merupakan ukuran avatar. sobat bisa menggantinya sesuai keinginan kalian

9. Templatenya disimpan ya...

10. SELAMAT BEREXPERIMEN SOB!!!

Ditulis Oleh : Epo ~EPHO ZONE

Muh.Akram Anda sedang membaca artikel berjudul Cara pasang avatar di komentar blogger yang ditulis oleh EPHO ZONE yang berisi tentang : Dan Maaf, Anda tidak diperbolehkan mengcopy paste artikel ini.

Blog, Updated at: Rabu, Oktober 13, 2010

15 komentar:

  1. Thank's atas infonya.sayang saya nggak bisa mencoba cara diatas.karena ngeblog lewat ponsel semuanya jadi halangan.tapi tak apalah.salam kenal.http://ego-390.blogspot.com

    BalasHapus
  2. @Ego Dafma Dasabisa kug sebenarnya hehehe...... trimakasi kunjunganya sob

    BalasHapus
  3. @Phinisi Boat sama2 ternyata ada juga manfaatnya postingan ini

    BalasHapus
  4. kalau avatra blog q tak lepas soalnya kurang bagus buat dilihat kalau yg coment g dalam posisi login

    BalasHapus
  5. Nice Info gan!!
    Ohiya agan agan kalo ada waktu berkunjung ke blog saya ya!
    http://ralfar-tech.blogspot.com

    BalasHapus
  6. biarpun telat karna lg modif template,makasih y agan atas infonya ai lop u pull he he he

    BalasHapus
  7. thank artikel sobat.sangat bermanfaat.......

    BalasHapus
  8. wah thx banget nih tutorialnya, :D

    BalasHapus
  9. @Rizky2009:itu yang buat comment anonim tinggal diganti ja dgn gambar yg anda suka broo jadi ga ngurangin keindahan...hehehehehe

    BalasHapus
  10. @Miss Rinda wokeh sob telatmu tak terima...hehehehe ai lop u pull juga :p

    BalasHapus
  11. @Zellic: sama2 gan moga bermanfaat.

    BalasHapus

coment dulu dong sob....kritik dan saran anda sangat berarti bagi saya,ga bayar sob alias gratis......hehe

Copyright © 2014. EPHO ZONE - All Rights Reserved
Template by seocips.com
Template Published by template.areasatu.com
Powered by A1
Back to top