Bedain Admin dengan Pengunjung di Kolom Komentar? Apa Bisa?

8/08/2019 Kak Igniel 1 Komentar

Bedain admin dengan pengunjung di kolom komentar? apa bisa? - Kolom komentar adalah interaksi atau komunikasi antara admin dengan pembaca. Yang artinya, pembaca bisa memberikan masukan, kritik, saran, atau laporan seputar artikel yang di publish. Sangat penting bagi penulis untuk membalas setiap komentar agar pembaca merasa semakin dekat dengan blog yang dia kunjungi.

Agar komentar admin bisa dibedakan dengan komentar pengunjung, ada baiknya untuk diberikan suatu penanda. Sayangnya komentar bawaan blogger belum ditambahkan fitur seperti itu secara default atau awal. Padahal ini hal sepele, kok bisa-bisanya tim blogger belum menambahkan fitur ini, bahkan setelah update layout v3. Tapi yaudah gak usah dibahas hehehe.

1. Memberikan Tanda Ceklis Biru Pada Komentar Admin

Tenang, sobat bisa kok menambahkan sendiri tanda admin berupa centang biru di kolom komentar blogger. Caranya pun mudah, hanya perlu memasukkan beberapa baris kode CSS didalamnya. Cara ini hanya bekerja pada komentar original bawaan blogger. Kalau template sobat sudah menggunakan komentar bertingkat yang sudah dimodifikasi atau bahasa kerennya: threaded comment hack, biasanya kodenya sudah ada dari sana, ditambahkan langsung oleh si pembuat script.

/* Admin Badge by www.monitasaki.com */
#comments .comments-content .icon.blog-author{
  width: 16px;
  height: 16px;
  margin-left: 5px;
  vertical-align: -3px;
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z' fill='%23118ff9'/%3E%3C/svg%3E") no-repeat center center;
}

2. Menambahkan Teks Admin Pada Komentar

/* Admin Mark on Blogger by www.koridoo.com */
#comments .comments-content .icon.blog-author:after{
  content: 'Admin'; /* Isi Text */
  background-color: #118ff9; /* Warna Background */
  color: #fff; /* Warna Text */
  font-size: 12px; /* Ukuran Text */
  display: inline-block;
  margin: 0px 7px;
  padding: 2px 5px;
  border-radius: 3px;
}