Cara menampilkan foto di komentar blog

komentar blog
Cara menampilkan foto di komentar blog (blogspot / blogger). Rasanya ada yang kurang jika kolom komentar blog kita tidak mempunyai foto (photo), karena itu merupakan salah satu komponen yang bisa mempercantik tampilan blog kita.

Berawal dari rasa iri terhadap kolom komentar di wordpress yang photo si admin dan komentator selalu nongol pada kolom komentar, maka akhirnya saya mencari cara untuk menampilkan foto di komentar blog blogger saya. Karena cara yang saya tulis ini di khusus kan untuk blog yang berplatform blogger.

Sebenarnya cara ini sudah lama sekali ingin saya posting di blog tapi karena ada sedikit kejenuhan untuk membuat tutorial menghias blog, jadi yaa gitu deh..hehee

Cara menampilkan foto di komentar blog

Silahkan anda masuk dulu ke halaman pengaturan => Komentar => Dan pilih YA pada opsi "Tampilkan gambar profil dalam komentar?"

=> lalu kembali ke ke dasbor (halaman awal ketika pertama login) => klik rancangan, klik Edit HTML dan centang

proses membuat emoticon kaskus

1. Cari kode  <dl id='comments-block'>
2. silahkan ganti dengan kode
 
<dl expr:class='data:post.avatarIndentClass' id='comments-block'> 
 
NB: jika tidak ketemu kode no.1, silahkan langsung mencari kode no.2
 
3. Selanjutnya cari kode <a expr:name='data:comment.anchorName'/>
 
PENTING: Jika tidak menemukannya..anda bisa cari kode
<b:if cond='data:comment.authorUrl'> sebagai penggantinya.
 
Lalu taruh kode berikut diatas kode no.3 :
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</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>
Save template, lalu lihat hasilnya pada kolom komentar blog anda. Tutorial tentang cara menampilkan foto di komentar blog akan saya lanjutkan dengan memberi avatar pada komentar selain akun google.



Dapatkan artikel menarik lainnya : Klik disini
12 komentar sudah masuk. Silahkan menambahkan tanggapan lain...
Komentari

follow back dong..

terima kasih buat petunjuknya mas bro...

jika ad awaktu silahkan singgah di blog kami yg lusuh..



12 November 2011 04.26  
Like

Muhhamad Maulana Daud Abdullah III: follow lah dengan "hati" dan IKHLAS..maka ente akan dapat imbalan follow yg berlimpah2. (apa2an sih gue..wkwkwk)



12 November 2011 04.28  
Like

FREE DOWNLOAD SOFTWARE FULL|TIPS AND TRICK|WINDOWS|BLOGGER|INTERNET|NOKIA: masama mas. ckckck...blognya bagus kok.



15 Desember 2011 00.31  
Like

thanks utk info nya gan ,
mampir ke blog ku yach,,,,,, http://romadhon03.blogspot.com



25 Desember 2011 14.38  
Like

wwwwwaaaahh sangat membantu... terimakasih



9 Januari 2012 16.44  
Like

thanks gan, mantab infonya..!
nitip link gan
http://amronbadriza.blogspot.com



20 Januari 2012 10.03  
Like

Mantep tutorialnya



15 Februari 2012 21.32  
Like

wah, begitu ya rupanya..

sukses bos... ini konten bagus dan aku numpang ijijn kopas ya... makasih

thanks gan atas infox...



4 September 2012 17.25  
Like

Info sangat menarik sob.. sangat perlu dicoba

Tuliskan komentar pada form ini :

Adsense Indonesia