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...
KOTAK KOMENTAR
BLOGGER
- Cara menghapus blog dengan mudah dan singkat
- Cara modifikasi template blog kreasi sendiri
- Cara membetulkan histats yang error
- Memantau trafik lewat facebook insights
- Cara membuat 2, 3, 4 kolom footer blog
- Bagaimana Cara saya menjadi blogger master
- Komentar admin menjorok ke dalam seperti wordpress
- Cara membuat komentar blogspot seperti wordpress
- Efek CSS mempercantik link di sidebar
- Membuat navigasi horizontal sublevel sesuai selera
- Cara membuat efek air pada gambar blog
- Ikon cantik pada older newer post
- Cara membuat buku tamu di blog
- Cara mendapatkan alamat feed blog
- Cara menghapus entri blog
- Panduan untuk meringankan blog anda
- Cara cek loading blog
- Cara mendapatkan hadiah dari google
- Cara berhenti menjadi followers blog
- Cara manual menjadi followers blog
- Tips nge-blog: ingat sekarang era panda !
- Cara membuat blog gratis dalam 3 langkah mudah
- Cara alami menghadapi google panda
- Cara membuat template blog kreasi sendiri
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.. .