Senin, 26 Desember 2011

Cara Menampilkan Avatar Komentar Blogspot

Cara Menampilkan Avatar Komentar Blogspot | kali ini mengenai Cara Menampilkan Avatar Komentar Blogspot  dan memang Pada penggunaan tempat klasik (standar) blogspot, akan dapat langsung melihat tampilan foto profil atau avatar di kolom komentar. Namun terkadang di template non-standar blogspot yang mendownload dari pihak ketiga, avatar pengomentar tidak tampil. Hingga memungkinkan blogger narsis kayak saya, menjadi agak kurang mencerminkan sikap tebar pesona. Di bawah ini adalah contoh kotak komentar yang menampilkan avatar.

Untuk mendapatkan tampilan avatar seperti gambar di atas, ada beberapa langkah yang harus dilakukan. Adalah sebagai berikut.

1. Login ke akun blogger.

2. Klik Pengaturan, kemudian pilih Komentar. Pada pengaturan Tampilkan gambar profil dalam komentar? Ambil pilihan Ya. Lalu tekan tombol Simpan setelan.


 3.  Langkah lanjutan adalah pilih menu Rancangan, kemudian klik Edit HTML. Jangan lupa, pada kotak Expand template widget diberi tanda centang.

4. Cari kode <dl id='comments-block'> namun jika tidak ketemu, bisa mencari kode yang seperti ini <div id='comments-block'>


Agar proses pencarian kode tersebut menjadi lebih cepat, gunakan kotak find (pencarian). Caranya, tekan tuts keyboard Ctrl+F.

5. Gantikan (hapus) kode di atas (poin ke-4), dengan kode di bawah ini.

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

6. Setelah itu, cari kode <a expr:name='data:comment.anchorName'/>

7. Letakkan (copy-paste) kode berikut ini tepat sebelum atau di atas kode poin-6.

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

8. Jika sudah selesai, tekan tombol Simpan template. Silahkan cek hasilnya, semoga berhasil. demikian Cara Menampilkan Avatar Komentar Blogspot

0 comments:

Posting Komentar