Belajar CSS Yuk: Membuat Highlight Komentar

May 25th, 2008 Belajar CSS, Tutorial, WordPress

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 (Pada kode di bawah saya menggunaan warna #00CCFF yang tentunya bisa kamu ubah sendiri sesuka kamu) ↓
```
.highlighted {
padding:5px;
margin-bottom:4px;
background-color:#00CCFF;
}
```

Buka file comments.php kemudian cari bagian dibawah ini (jangan lupa ganti email@domain.com dengan alamat e-mail kamu) ↓

<li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">

Kemudian ganti kode diatas dengan kode berikut ↓

<?php if ($comment->comment_author_email == "email@domain.com") { ?>
<li class="highlighted">
<?php }  else { ?>
<li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">
<?php } ?>

Refresh browser, selesai. Silakan dicoba!

{11 Comments so far ↓}

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 said,

Wrote on July 1, 2008 @ 12:17 am

kok enggak berhasil ya mas??
fanari 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 said,

Wrote on July 8, 2008 @ 1:21 pm

Mas jadi berdasarkan imel yang dimasukkan ya. Kalau berdasarkan pengguna yang login gimana?
fanari 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
Wordpress Tip : Create Highlighted Author’s Comments | Home of RIA said,

Wrote on July 29, 2009 @ 10:53 am

[...] on wordpress blog. I pick up two higlighted tutorials from Fandy Ariawan’s blog, they are Belajar CSS Yuk: Membuat Higlight Komentar(Bahasa Indonesia) and Bikin Highlight Author Comment Pada Komentar Thread(Bahasa Indonesia). To [...]
11 Trik WordPress Conditional Tags said,

Wrote on August 17, 2009 @ 9:14 pm

[...] Membuat tampilan komentar penulis berbeda dengan komentar yang lain. Sudah pernah saya tulis di artikel Belajar CSS Yuk: Membuat Highlight Komentar. [...]
geedebook » 11 Trik WordPress Conditional Tags said,

Wrote on January 27, 2010 @ 9:21 am

[...] Membuat tampilan komentar penulis berbeda dengan komentar yang lain. Sudah pernah saya tulis di artikel Belajar CSS Yuk: Membuat Highlight Komentar. [...]
miss dewi said,

Wrote on February 27, 2010 @ 12:12 am

kotak komenku kok koment close ya…padahal udah dsetting allow komen
Ghufron said,

Wrote on May 25, 2010 @ 9:50 am

Nah, ini dia!
Dari tadi muter-muter nyari tutorial untuk highlight komentar pada blog wp gak ketemu-temu. Lagi-lagi buat blog blogger. Baru deh di blog ini aku nemu yang aku cari

Thanks a lot sobat!
Ivan Ngapak said,

Wrote on June 22, 2010 @ 7:31 pm

Kalo buat HL link kaya di blog ini gimana tuh?