Membuat Background Komentar Admin Berbeda dengan Komentar Pengunjung
Akhirnya nemu juga cara menandai komentar blog kita sendiri dengan background yang berbeda dengan komentar pengunjung blog kita yang ditulis oleh amatullah. Walau sebenarnya saya sendiri telah menulis bagaimana cara menandai komentar kita sendiri (Highligth author comment). Dan tulisan itu sudah bisa dipraktekan dan berhasil, tapi ada tempalte yang berbeda yang kode-kodenya berbeda letaknya, seperti komentar salah satunya seperti ini
Kita sebagai pemilik blog tentu juga sebagai moderator dala diskusi tulisan yang kita terbitkan, sehingga penting kiranya jika harus eksklusiv, berbeda warna backgroung komentar kita dengan komentar pengunjung yang lainnya. Ini salah satu alternatif untuk membuat komentar admin berbeda dengan yang lain.
Cara Membuat Background Komentar Admin Berbeda dengan Komentar Pengunjung
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Copy paste kode di bawah sebelum kode ]]></b:skin>
Untuk yang berwarna merah adalah kode warna background komentar, kita dapat menggantinya sesuai dengan blog kita.
6. Cari kode seperti di bawah:
Kode warna merah yang di tulis tebal (bold) adalah kode baru yang harus di sisipkan di antara kode di atas.
7. Simpan Template jika sudah selesai.
*)saat berkomentar kita harus dalam posisi login (sign in) di akun blogger kita.
sudah coba tapi beLum berhasiL nih, kode scrip pada tempLate saya agak berbeda, mungkin penempatannya kurang tetap.
terima kasih.
Kita sebagai pemilik blog tentu juga sebagai moderator dala diskusi tulisan yang kita terbitkan, sehingga penting kiranya jika harus eksklusiv, berbeda warna backgroung komentar kita dengan komentar pengunjung yang lainnya. Ini salah satu alternatif untuk membuat komentar admin berbeda dengan yang lain.
Cara Membuat Background Komentar Admin Berbeda dengan Komentar Pengunjung
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Copy paste kode di bawah sebelum kode ]]></b:skin>
.author-comments {
background: #333333;
border: 2px solid #666666;
padding: 5px;
}
background: #333333;
border: 2px solid #666666;
padding: 5px;
}
Untuk yang berwarna merah adalah kode warna background komentar, kita dapat menggantinya sesuai dengan blog kita.
6. Cari kode seperti di bawah:
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<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>
said...
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/> <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>
</b:if> <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>
</b:loop>
</dl>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<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>
said...
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/> <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>
</b:if> <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>
</b:loop>
</dl>
Kode warna merah yang di tulis tebal (bold) adalah kode baru yang harus di sisipkan di antara kode di atas.
7. Simpan Template jika sudah selesai.
*)saat berkomentar kita harus dalam posisi login (sign in) di akun blogger kita.
keren mas....^_^
BalasHapusblognya mantap mas...
BalasHapussalam kenal, kl ada kesempatan boleh berkunjung ke gubug saya :D
thanks
wah mantap nich infonya..salam knl kawan...
BalasHapus.makasih mas buat informasinya..........
BalasHapus.hehehe;;)
.salam kenal aja mas....
hmm...saya kok nggak berhasil mas...
BalasHapuslangkah2nya udah benar tapi ndak beda tuch ama yg laen..dimana salahnya y mas..???
mantap..infonya
BalasHapusall Look so gReat,,,
BalasHapusthanks,,,
visit me, please..
SyukrAn...
berhasil mas.
BalasHapustapi saya lebih milih pake disqus.com lebih enak moderasinya.....
:D
BalasHapusbanyak belajar dari blog ini, visit me ya
BalasHapusStuju sm Geafry.....
BalasHapusSaya banyak belajar dari blog ini....
info yg bagus gan. kunjungi toko herbal ane ye .
BalasHapus:-/
BalasHapus@Usman Jambak: kemungkinan jenis template anda berbeda mas , jadi script semacam ini belum tentu berlaku secara umum apakah post comment anda menggunakan script lain?
BalasHapussobb,,
BalasHapusthankzz bgt atas infonyaa,
follow blog aq ya di
http://rikymetalist.blogspot.com
blog ini sudah saya follow
Thankx^,^
SALKOMSEL
:))
BalasHapuswah,,asik,,udah saya praktekkan mas,,tengkiu bgt lo mas,,heheeeee,,
BalasHapusTips Trik Game dan Informasi Berita Terbaru
@elang : Hanya menciba yang esip...
BalasHapusalhamdulillah berhasil...
BalasHapusThank you :D
BalasHapuswah gagal gan :((
BalasHapustp yg "reply comment" berhasil :X
thanks... :)
info yng keren..,,
BalasHapuskunjungi pula blogku,
isit back.., !!
bagus gan... mantapp! thanks infone
BalasHapustrims tipsnya...
BalasHapuslangsung saya terapkan hahahaha :D
BalasHapuskalo permasalahannya di template seperti kata juragan, ada solusi laen ngga gan supaya bisa di gunain tutor ini???
BalasHapushi, amazing site, good luck! http://yannddexx.net - best search engine
BalasHapusnyimak aja ah ane mah..
BalasHapuslumayan nambah ilmu :D
salam kenal mohon bimbingan dan petunjuknya maklum masih pemula.
BalasHapushttp://anakmudadesa.blogspot.com/
ini ada kotak reply/balasnya juga ga mas
BalasHapusmantap sobat
BalasHapusmampir juga ea
http://zaunikon.blogspot.com/
Cara yang ampuh untuk menghancurkan wasir peyakit ambeien tanpa operasi, pendek dan pengobatan yang kuat
BalasHapus