| Written by http://www.o-om.com/2008/01/cara-pasang-photo-author-di-setiap.html | |
| Friday, 09 January 2009 | |
| Ada beberapa email yang masuk dan menanyakan hal yang sama seperti diatas, yaitu bagaimana memasang photo Author pada setiap komentar? untuk menjawab pertanyaan yang sama saya post disini saja. Sedikit penjelasan, blogger sebenarnya juga menampilkan photo Author pada setiap komentar, namum photo yang ditampilkan bukan pada halaman komentar yang tepatnya dibawah posting, melainkan menampilkan pada kolom komentar terpisah. Sebagai contoh kita bisa melihat pada pengguna wordpress dimana kita dapat melihat photo siapa saya yang memberikan komentar. Masih bingung? coba buka halaman posting milik saya disitu pasti rekan bisa melihat photo yang telah memberikan komentar, namum photo ini hanya tampil jika pemberi komentar dalam modus login saja, jika tidak maka yang tampil hanya gambar kosong atau tanda tanya seperti milik saya. Coba lihat gambar dibawah:  Langkah pasang kode (script) pada blogger: Pertama: Masuk pada Template -> Edit HTML -> jangan lupa beri tanda centang pada Expand Template Widget Cari kode dibawah ini (cari yang warna hijau, bukan warna merah), jika sudah ketemu, kemudian masukan kedua kode warna merah dibawah ini diantara kode warna hijau. <dl id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt class='comment-author' expr:id='"comment-" + data:comment.id'> <div class='commentphoto' style='float:right;'/> <a expr:name='"comment-" + data:comment.id'/> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p><data:comment.body/></p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='"#comment-" + data:comment.id' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> <div style='clear:both;'/> </b:loop> </dl> source : iklooo |
0 komentar:
Posting Komentar