Cara Membuat Tanda Admin/ Author pada Komentar Blog

Kolom komentar merupakan salah satu hal penting yang terdapat pada blog ataupun website. Kegunaanya ialah sebagai media diskusi dan salah satu cara berinteraksi dengan pengujung, di kolom komentar mereka bisa memberikan kritik dan saran, menambah teman dan tentunya menambah informasi. Sangat penting tentunya bagi anda untuk membalas komentar pada setiap artikel.

Namun terkadang di beberapa template blogger tidak terdapat tanda admin/author yang membedakan pengunjung dengan si penulis/admin blog tersebut. Jika komentarnya sedikit mungkin tidak menjadi masalah yang besar namun apabila komentarnya banyak ditakutkan pengunjung akan kesulitan untuk membedakan antara balasan komentar pengunjung lain dengan admin si empunya blog, untuk itu disini saya akan memberikan beberapa cara menambahkan/membuat tanda admin pada blog anda.

Cara Membuat Tanda Admin/Author pada Komentar Blog :

1. Login ke akun blogger anda

2. Setelah login anda akan diarahkan pada Dashboard blogger, kemudian

3. Pilih menu Tema lalu Edit HTML

4. Cari kode ]]></b:skin> (gunakan CTRL + F agar lebih mudah)

5. Pilih dan pasang (copy + paste) kode dibawah ini di atas kode ]]></b:skin>

6. Simpan tema dan lihat hasilnya

Desain 1 (Centang Biru)

/* Tanda Admin di kolom komentar */
#comments .comments-content .icon.blog-author{
width: 20px;
height: 20px;
margin-left: 5px;
vertical-align: -1px;
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;
}

/* Tanda Admin di kolom komentar */

Desain 2 (Admin)

.comments .comments-content .icon.blog-author {margin: 0 0 -13px 15px; width: auto; background: #ec3f0c; color: #fff; padding: 3px 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .comments .comments-content .icon.blog-author:before {content: 'ADMIN';}

Catatan : Untuk icon ADMIN mungkin tidak akan se-fleksibel dengan blog anda jadi anda coba-coba saja dan jika masih tidak bisa silahkan ganti dengan Desain yang lain ya.

Sekarang lihat hasilnya apakah sudah sesuai atau belum dengan blog anda, jika belum anda dapat mengedit agar tanda admin/centang birunya bisa sesuai dengan template blog anda. Demikian postingan saya kali ini semoga bermanfaat, apabila ada yang ingin ditanyakan silahkan tulis di kolom komentar ya. Terimakasih.