Langsung ke konten utama

Memberikan Warna (hightlighted) Pada Komentar Sendiri

Untuk apa highlighted comment…? Tentu saja untuk membedakan komentar pengunjung dengan komentar yang punya blog. Dalam hal ini background warnanya yang berbeda. Setelah saya mengalami kegagalan menggunakan plugin highlighted comment lantas saya berpikir sambil mengunjungi mereka yang telah berhasil menggunakan highlighted comment. Dan kebiasaan mengintip source blogger lain membuat saya sedikit dapat ide untuk membuat highlighted comment sendiri tanpa menggunakan plugin.


Highlighted comment hanya menggunakan CSS kemudian sedikit tag saat mau berkomentar. Pertama yang saya lakukan adalah menyisipkan kode CSS pada Stylesheet (style.css) di theme editor, warna background dan ukurannya tentu saja disesuaikan dengan theme,


/*reef-que Answer*/
.reef-que {
background:#FCDAB2;
width:458px;
border:3px solid #F7941D;
padding:10px 20px 10px 20px;
}


Saya simpan kode CSS tersebut dibagian paling bawah Stylesheet (style.css), lalu saat mau menjawab komentar tinggal menambahkan sedikit tag seperti ini sebelum dan sesudah isi jawaban komentar,



<div class="reef-que">


</div>


Contoh:



<div class="reef-que">


@blogger: makasih atas komentarnya…!


</div>


Jadilah komentarnya seperti ini,


@blogger: makasih atas komentarnya…!

Anda bisa mangganti “tag” reef-que dengan nama Anda sendiri asal sesuaikan antara CSS dan tag div yang digunakan untuk komentar.

Komentar