Membuat Tanda Komentar Admin di Blog

Kolom komentar adalah tempat berinteraksi antara pembaca blog dengan yang lainnya, atau bisa juga pembaca blog dengan adaminnya.

Hal ini sangat diperlukan selain untuk menjaga kenyamanan pengunjung, dengan membalas komentar yang masuk dapat memberikan respon positif bagi pembaca lainnya dan membuat pembaca dan admin menjadi lebih dekat.

Dengan komentar kritikan, saran dan masukan yang diberikan pembaca blog dapat memberikan sebuah motivasi bagi admin blog dan lebih merasa dihargai atas tulisan adminnya itu sendiri.

Memberikan tanda centang biru dan text pada nama admin di komentar blog

Kali ini kenny akan memberikan tips membuat tanda pada nama admin di komentar blog.
Maksudnya adalah setiap komentar yang tampil di blog baik balasan admin ataupun pembaca tidak ada bedanya. Karena itu kita akan membuat sebuah tanda khusus untuk admin saat membalas komentar pembaca.

Perinsip tanda centang biru ini telah digunakan oleh komentar disqus dan menjadi pembeda dengan komentar pembaca dengan admin.

Memberikan tanda tulisan di komentar admin yang tidak kaalh keren
Berikut tutorial membuat tanda tulisan pembeda komentar admin dan pembaca di samping nama admin

1. Masuk Blogger > Tema > Edit HTML

2. Cari kode dibawah ini dengan bantuan CTRL + F

</style>
atau
]]></b:skin>

3. Copy dan Paste kode CSS dibawah ini tepat di atas kode tag yang kita cari tadi

#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;
}

4. Done


Berikut kode untuk membuat tanda centang biru pada komentar admin di blog

1. Masuk Blogger > Tema > Edit HTML

2. Cari kode dibawah ini dengan bantuan CTRL + F

</style>
atau
]]></b:skin>

3. Copy dan Paste kode CSS dibawah ini tepat di atas kode tag yang kita cari tadi

#comments .comments-content .icon.blog-author{
width: 16px;
height: 16px;
margin-left: 5px;
vertical-align: -3px;
display: inline-block;
background: url("https://svgshare.com/f/CWi") no-repeat center center;
}

4. Done.

Mengubah background warna pada kolom komentar admin blog

Mengubah background warna komentar admin menjadi sangat menarik untuk dilakukan.
Keuntungan yang didapat tentu sama seperti kita memberikan tanda text atau centang biru di samping nama admin saat membalas komentar yaitu untuk membedakan komentar pembaca dan admin.

Selain itu dengan melakukan kedua trick tersebut dapat mempermudah mencari komentar adminnya.

Berikut cara merubah background komentar admmin

1. Masuk Blogger > Tema > Edit HTML

2. Copy dan paste kode Jquery di bawah ini tepat diatas tag </body>

<script>
(function(){$('.user.blog-author').closest('.comment-block').addClass('komenken');})();
</script>

3. Copy dan paste kode CSS di bawah dan letakkan tepat diatas tag

.komenken{
background-color:#d9ffc9;
border:1px solid #FF0000;
padding:10px;
margin-bottom:10px;
}

4. Done

Catatan
Trick memberikan centang biru di samping nama admin dan memberikan pembeda komentar admin dan pembaca hanya bisa di lakukan pada komentar defauld blogger. Jadi komentar modifikasi buatan template tidak akan bekerja.

Sekian tutorial membuat tanda centang biru dan text pada nama admin di komentar blog.
Terima kasih telah berkunjung "Mengatasi Tombol Reply Blog Tidak Berfungsi"