Mungkin sebagian dari kalian pernah melihat warna background komentar admin dibuat berbeda dengan warna komentar pengunjung. Cara ini digunakan untuk memudahkan pengunjung mencari komentar admin pada suatu blog dan juga dapat mempercantik tampilan blog kalian.
Kali ini saya ingin membagikan tutorial Cara Memberi Warna Background Berbeda (Highlight) Komentar Admin Blogger.
Kalian bisa memasang ini di blog kalian, caranya pun sangat mudah hanya butuh CSS dan jquery saja. Jika kalian tertarik menerapkannya di blog kalian simak tutorial berikut.
Tutorial Mengubah Warna Komen Admin
- Pertama kalian masuk Blogger > Tema > Edit HTML Cari kode berikut ]]></b:skin>.
- Lalu, Kalian taruh CSS berikut diatasnya.
/* Highlight Author Comments */
.komenAdmininfo{
background-color:#bde0b9;
border:1px solid #9bd084;
padding:10px;
margin-bottom:10px;
}- Kalian dapat mengubah warna backgroundnya dengan cara ubah CSS nya. Saya menggunakan kode warna #bde0b9 pada CSS diatas.
- Selanjutnya, tambahkan jquery berikut di blog kalian. Taruh di atas </body>.
<script>
(function(){$('.user.blog-author').closest('.comment-block').addClass('komenAdmininfo');})();
</script>- Terakhir simpan tema kalian dan lihat perubahannya.
Akhir Kata
Oke, sekian tutorial memberi warna background berbeda dari saya, Jika kalian kesulitan silahkan komen dibawah. Terimakasih.