Tips Menampilkan Foto Profil/Avatar Pada Komentar Blog

Tips Menampilkan Foto Profil/Avatar Pada Komentar Blog

Terkadang disetiap template pada blogger yang kita download belum tentu Menampilkan Foto Profil/Avatar Pada Komentar Blognya, nah kali ini Kami akan sedikit memberi tutorial tentang cara menampilkan foto profil pada komentar blog Anda.

komentar
Langsung saja,cara menampilkan foto profil pada komentar blogger caranya sebagai berikut:

1. Login ke blogger, setelah masuk klik pengaturan, lalu pilih pengaturan komentar.

2. Pada pilihan Tampilkan gambar profil dalam komentar? sobat pilih "ya".

3. Lalu klik simpan setelan. Sampai ada keterangan Setting Telah Berhasil Disimpan.

Dan lihat hasilnya, Silakan dicoba dengan menulis komentar dengan ID blogger sobat pada salah satu posting. apakah gambar/foto profilnya sudah muncul alias terlihat? Jika terlihat, berarti cara menampilkan foto profil/avatar komentar di blogger cukup sampai disini. Sebaliknya, jika gambar profilnya masih belum muncul juga, Sobat perlu melakukan langkah tambahan sebagai berikut:

4. Masih dalam keadaan login. Klik rancangan, lanjut dengan mengklik Edit html.

5. Untuk mengantisipasi jika nanti terjadi kesalahan. Backup template dengan cara: klik link download template lengkap.

6. Setelah selesai, beri centang pada kombo disamping expand template widget.

7. Selanjutnya cari kode:

]]></b:skin>


8. Setelah ketemu, taruh kode berikut tepat diatasnya :

#comments-block .avatar-image-container img {background: #fff url(http://lh4.ggpht.com/_pt7i0nbIOCY/TB7SOsATxlI/AAAAAAAACsU/e842B5uZoWk/avatar%5B14%5D.jpg) no-repeat left top; width:35px;height:35px}


Pada teks berwarna merah adalah URL gambar avatar yang disimpan pada file hosting. Sobat bisa menggantinya dengan avatar pilihan sobat,kode merah itu adalah tampilan avatar untuk anonimous pada blog Anda.

9. Lanjut dengan mecari kode :

<dl id='comments-block'>


10. Hapus kode tersebut lalu ganti dengan kode berikut :

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


11. Masih belum selesai, terakhir cari:

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


12. Lalu hapus dan ganti kode tersebut dengan
kode seperti 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>


13. Selesai, Langkah terakhir Klik simpan template.

Untuk melihat hasilnya. lakukanlah ujicoba dengan memberi/mengetik komentar pada salah satu postingan blog sobat dengan ID blogger (dalam keadaan login). Otomatis foto profil akun blogger sobat akan terlihat. Coba juga dengan ID anonim atau NAME/URL. Maka yang muncul adalah gambar avatar yang sudah ditentukan oleh sobat.

+ komentar + 11 komentar

14 Maret 2012 08.39

pertamax di sagita :D


udah pake nih hehehe..

salam dna suport dari Duniasharing.com

14 Maret 2012 11.03

Wah keren nih gan, ane belum coba..............

14 Maret 2012 11.43

thanks banget sob tutornya.... btw, tampilan template-ny kayak KR y sob... mantap tenan.

salam blogger n happy blogging^^

14 Maret 2012 12.51

Siip postingannya sob...Menampilkan foto pada komentar blog merupakan ajang silatrrahim yang berguna juga, soalnya kita bisa saling mengenal wajah satu sama lain..Oya sob, btw Guest book di blog ini dimana ya? Kok di cari-cari ga nemu juga ya? :D

14 Maret 2012 14.05

mksih infonya. follow 17 sama like fb dan komentar berhasil.

14 Maret 2012 15.52

keren nih nyoba dulu ya

14 Maret 2012 17.38

mantap tutorialnya nih

14 Maret 2012 17.39

wah.. manteb tenan.. :)

wahhhhh ini yang di cari... makasih ya sahabat ku gita.....
kakak COPAS ya kodenya...

10 Juni 2012 13.33

terima kasih tutorialnya,saya mau coba.

9 November 2013 17.29

Siip Gan/..
Terima Kasih banyak...
Salam Dari Driyanso
Driyanso.blogspot.com

Posting Komentar

 
Copyright © 2011. TSC - All Rights Reserved

Distributed By Free Blogger Templates | Lyrics | Songs.pk | Download Ringtones | HD Wallpapers For Mobile

Proudly powered by Blogger