Cara Membedakan Komentar Admin dengan Pengunjung di Blog

Cara Membedakan Komentar Admin dengan Pengunjung di Blog
Cara membedakan komentar admin dengan pengunjung di blog - 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 sekali, sobat hanya perlu memasukkan beberapa baris kode CSS didalamnya, walla, blog sobat sudah dapat membedakan antara admin dengan pengunjung di blog. Cara ini hanya bekerja di kolom komentar original bawaan blogger. Jadi, kalau blog yang sobat jalankan sekarang menggunakan template bawaan blogger, mungkin cara ini akan berhasil 100%, Sedangkan kalau template sobat sudah menggunakan komentar bertingkat yang telah dimodifikasi atau bahasa kerennya: threaded comment hack, biasanya kodenya sudah ada dari sana, ditambahkan langsung oleh si pembuat script.

Nah, jika sobat tertarik, yuk langsung saja ikuti tutor panduan langkah-langkahnya dibawah ini :
#1. Tambahkan kode ini DI ATAS </style> atau ]]></b:skin>. Kode ini berfungsi untuk memunculkan ceklis atau centang biru di samping nama admin.
/* 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. Setelah itu simpan template dan lihat hasilnya dibawah ini.
Cara Membedakan Komentar Admin dengan Pengunjung di Blog 

2. Menambahkan Teks Admin Pada Komentar

Ini cara alternatif yang bisa sobat coba. Bukan ikon centang biru, namun untuk menambahkan text atau tulisan yang berada tepat disamping nama admin. Caranya hampir sama, sobat hanya membutuhkan kode CSS saja. Sebagai contoh akan aku berikan text yang bertuliskan admin. Silahkan ganti dan atur sesuai dengan keinginan masing-masing.

#1. Tambahkan kode ini DI ATAS </style> atau ]]></b:skin>. Kode ini berfungsi untuk memunculkan teks komentar 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;
}

#2. Jika kodenya sudah dimasukkan, maka hasilnya akan terlihat seperti gambar dibawah ini.
Cara Membedakan Komentar Admin dengan Pengunjung di Blog


Cara ini bisa digabungkan dengan memberikan warna background (highlight) pada komentar admin agar lebih keren dan cantik. Jadi, tutorial di atas memang sederhana tapi bermakna. Karena yang sederhana itu lebih menyenangkan hehehe. Mungkin itu aja yang bisa aku bagikan hari ini. Semoga bermanfaat. Terima kasih hehehe.
Tampilkan Komentar

1 Comments

baru tahu, kalau di blog bisa bedain komentar admin dengan komentar pengunjung, thnkss mimin hehehe


EmoticonEmoticon