belajar css yuk: membuat highlight komentar
Sebenarnya highlight komentar penulis bisa dibikin dengan memakai plugin highlight author comment, tetapi kekurangannya adalah plugin ini hanya menyoroti teks komentar, sedangkan backgroundnya sendiri tidak. Nah, postingan kali ini saya akan bagi trik simpel hasil coba-coba saya yaitu cara bikin highlight teks dan background komentar penulis tanpa memakai plugin, tetapi dengan sedikit mengubah stylesheet dari tema yang kita pakai (seperti yang saya lakukan di blog ini). Saya asumsikan kamu memakai tema default wp:
- Buka stylesheet atau style.css tema yang akan diedit menggunakan text editor, kemudian tambahkan kode class di bawah ini pada bagian comment di stylesheet:
.highlighted {padding:5px; margin-bottom:4px; background-color:#00CCFF;}Pada kode diatas saya menggunaan warna #00CCFF yang tentunya bisa kamu ubah sendiri sesuka kamu ;). Simpan style.css yg udah diubah..
- Buka file comments.php kemudian cari bagian dibawah ini:
<li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">kemudian ganti kode diatas dengan kode dibawah ini:
<?php if ($comment->comment_author_email == "email@domain.com") { ?>
<li class="highlighted">
<?php } else { ?>
<li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">
<?php } ?>Jangan lupa ganti email@domain.com diatas dengan alamat e-mail kamu (author). Simpan comments.php tersebut
- Refresh browser..selesai. Silakan dicoba!
Blog ini cuma blog komersil yang dipakai oleh Fanari buat nyari duit. Siapa Fanari?? seorang blogger yang (mencoba) sukses dalam bisnis online :)
Membuat Highlight Author Comment | Fanari dash Id dot Com | Official Blog said,
Wrote on May 26, 2008 @ 12:05 pm
[...] ini menyambung postingan sebelumnya tentang cara saya bikin highlight author comments tanpa plugin, dan kali ini saya akan berikan trik bikin sorotan komentar penulis apabila kamu [...]
malapu (13 comments) said,
Wrote on July 1, 2008 @ 12:17 am
kok enggak berhasil ya mas??
fanari (112 comments) said,
Wrote on July 2, 2008 @ 9:03 pm
@malapu: udah saya coba di tema default wp dan tema di blog ini, coba dicek author emailnya lagi..
Mardies (3 comments) said,
Wrote on July 8, 2008 @ 1:21 pm
Mas jadi berdasarkan imel yang dimasukkan ya. Kalau berdasarkan pengguna yang login gimana?
:???:
fanari (112 comments) said,
Wrote on July 9, 2008 @ 3:24 pm
@Mardies: iya sebenernya saya juga mau bikin yg berdasarkan registered user, tapi belum nemuin caranya
untuk sementara pake cara manual dengan masukin imel, dan ini cuma bisa buat single user aja