Membuat Tampil Beda Komentar Admin (author) dengan Pengunjung
Senang ya bila punya blog kebanjiran komentar...! karena itu berarti blog kawan kebanjiran pengunjung pula, jadi basah deh (asal jangan kaya tsunami di Jepang aja). Namun apakah kawan bisa dengan mudah membedakan antara komentar pengunjung dengan komentar kawan sendiri selaku admin atau author blog?Sebenarnya trik ini masih berhubungan dengan postingan kemarin Tambah Emoticon pada Kolom Komentar Template Blog, dimana kode script emoticonnya mendukung untuk buat tampil beda komentar admin (author) dengan pengunjung.
Saya uraikan langkah tampil beda komentar admin (author) dengan pengunjung dari warna background kolom, yaitu:
- Sign in ke Blog - Rancangan - Edit HTML
- Download Template Lengkap untuk jaga-jaga atau backup
- Centang Expand Template Widget
- Cari (gunakan Ctrl + F pada papan keyboard) kode kolom komentar .comment-body, seperti ini
.comment-body {
clear : both;
margin : 0 0 10px 0;
padding : 10px 10px 5px 10px;
background : #e2e2e2;
} - Copy kode tadi lalu paste dibawahnya, kemudian edit menjadi kode kolom komentar admin dengan menambahkan kata -admin pada .comment-body dan mengganti background : #e2e2e2 jadi background : #eee atau dengan warna yang lain (red, green, blue, dan lain-lain) hingga seperti
.comment-body-admin {
clear : both;
margin : 0 0 10px 0;
padding : 10px 10px 5px 10px;
background : #eee;
} - Cari kode <dd class='comment-body'>
- Pasang kode berikut diatasnya
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-admin'>
<p><data:comment.body/></p>
</dd>
<b:else/> - Cari kode <dd class='comment-footer'>
- Tambahkan kode </b:if> diatasnya
- Simpan Template dan dicoba hasilnya
Aduh kang udah lama sayah ga berkunjung ke blog akang, sekarang tampilannya sudah jauh berbeda euy..dengan zaman dulu.
BalasHapusBtw, makasih tutorialnya saya mencoba untuk di terapkan di blog saya, mudah2an berhasil...
Wasalam
@Kang Epul: Terima kasih atas perhatiannya
BalasHapusBiar nggak bosen saja kang, tampilan blog ini jadi sering saya ubah :e:. Asal ada kode .comment-body pada pada templatenya, insya Alloh berhasil tutorial diatas kang..
mantap gan info'y..
BalasHapusNgmg2 cara komentar pake admin nya gimana ya?
Hehe, maklum gan masih newbie. .
:e:
@angga: Newbie tapi blognya sudah keren. Ada dua cara kita komentar sebagai Admin di blog yang kita miliki, yaitu:
BalasHapus1. Komentar menggunakan profil Blogger (cara yang paling gampang, seperti komentar saya diatas)
2. Komentar menggunakan nama/url blog kita, dengan syarat menambahkan tag seperti meta content='Caang' name='Author' pada template (cara dengan sedikit berkeringat :n:, seperti komentar saya ini)
wah keren kang, aku selalu tergiyur dengan editing script kayak gini, jadinya g melanjutkan BW malah pulang lagi ngedit2 rumah (blog). aku coba di blog aku yang satunya aja....hehe
BalasHapusMas Gg bisa nihh, maklum masih baru,, pada tahap copy paste codenya,,, mohon diperjelas, terimakasih
BalasHapus@ Egi Marta Nugraha: terima kasih atas pertanyaannya
BalasHapusApakah kawan menemukan kode comment-body pada template blog?
Bila iya, setelah menemukan kode comment-body, copy paste dibawahnya kode tersebut termasuk css-nya, yaitu antara .comment-body { - - -}, hal ini berguna agar style kolom komentarnya sama.
Pembeda admin dengan pengunjung, adalah dengan menambahkan css -admin dan background pada kode tadi
kang tempat ane gak ada script ini dd class='comment-footer'>
BalasHapus@ ichsan afriadi: Kawan sepertinya melewatkan langkah ketiga Centang Expand Template Widget, soalnya ane lihat di blognya :d: kode dd class='comment-footer' ada ko sob
BalasHapusAlhamdulillah bisa kang :c:
BalasHapusmantap... dah ane praktekin dan berhasil... skalian numpang promo gan, buat yang lagi nyari backlink silahkan kunjungi blog dofollow ane http://kabpemalang.blogspot.com
BalasHapusmantapp..
BalasHapusmakasih banyak ..
@ Arisan backlink & Offical Purbojati: Saya ucapkan mantap juga, atas komentarnya :j:
BalasHapusSudah jalan... terimakasih infonya...silakan dicek hehehe (tkut kgk percaya),,,,wkwkwk http://ceukbeja.blogspot.com/2011/04/serunya-pake-linux-ubuntu.html
BalasHapusmakasih ya.... mau coba saya apply ke blog saya
BalasHapusMalvinShare-This is Time for Sharing
Bisnisberjaya
mampir ke gubuk saya Rizky Seo Blog
BalasHapusMantap di coba dulu deh hehehaeeh :)
BalasHapus