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
1. Cari kode <dl id='comments-block'>
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
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'/>
- : 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.
Review:
Judul | Cara menampilkan foto di komentar blog |
Deskripsi | Cara menampilkan foto di komentar blog (blogspot / blogger) . Rasanya ada yang kurang jika kolom komentar blog kita tidak mempunyai foto (ph... |
Author | Unknown |
Author Rating |
4/
5 Suara Dari 1001 Ulasan
|
Dapatkan artikel menarik lainnya : Klik disini
14 komentar sudah masuk. Silahkan menambahkan tanggapan lain...
follow back dong..
terima kasih buat petunjuknya mas bro...
jika ad awaktu silahkan singgah di blog kami yg lusuh..
Muhhamad Maulana Daud Abdullah III: follow lah dengan "hati" dan IKHLAS..maka ente akan dapat imbalan follow yg berlimpah2. (apa2an sih gue..wkwkwk)
FREE DOWNLOAD SOFTWARE FULL|TIPS AND TRICK|WINDOWS|BLOGGER|INTERNET|NOKIA: masama mas. ckckck...blognya bagus kok.
thanks utk info nya gan ,
mampir ke blog ku yach,,,,,, http://romadhon03.blogspot.com
wwwwwaaaahh sangat membantu... terimakasih
thanks gan, mantab infonya..!
nitip link gan
http://amronbadriza.blogspot.com
Mantep tutorialnya
wah, begitu ya rupanya..
sukses bos... ini konten bagus dan aku numpang ijijn kopas ya... makasih
thanks gan atas infox...
Info sangat menarik sob.. sangat perlu dicoba
kok ga berhasil ya, mhn bantuannya
Opps Ini ynag sy cari2..
trims ya gan.. .