Karena Blogger telah menerapkan sistem komentar baru dengan reply / balas atau istilahnya Threaded Comments, maka tutorial kali ini akan menjelaskan cara membuat komentar admin berbeda pada sistem threaded comments. Hal ini tentunya supaya pengunjung mudah membedakan, mana komentar admin dan mana komentar visitor.
Berikut Cara Membuat nya :
1. Login ke Blogger dan masuk ke Dasbor
2. Klik Rancangan -> Edit HTML
3. Cari kode </body>
4. Simpan kode dibawah ini tepat sebelum </body>
<script src='http://code.jquery.com/jquery-latest.js'/>
<!-- Komentar admin by blog.kangismet.net start -->
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', '1px solid #e1e1e1')
.css('background','#f1f1f1 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgweovUfGVZT2zaS7urLWvkc7r9kdSUqQ5OkSIq_801MCoiCbmuS0TujOLfCc7s5fFd95DqzTuym5zdT39dx1EG9aFmkdVwcI0QeKOH5YaWL_6ZLfeMv3MJ0KD1m6n_xPiwTxd_9EdtcUc/s1600/admin2.png") no-repeat bottom right')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!-- Komentar admin ends -->
5. Save
Perhatian :
1. Edit Garis Pinggir
Untuk mengedit garis pinggir silahkan edit 1px solid #e1e1e1. Untuk pilihan warna silahkan kunjungi Web Color (Hexadecimal)
2. Edit Background
3. Hapus atau Edit Tulisan ADMIN
Untuk mengedit atau menghapus silahkan edit https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgweovUfGVZT2zaS7urLWvkc7r9kdSUqQ5OkSIq_801MCoiCbmuS0TujOLfCc7s5fFd95DqzTuym5zdT39dx1EG9aFmkdVwcI0QeKOH5YaWL_6ZLfeMv3MJ0KD1m6n_xPiwTxd_9EdtcUc/s1600/admin2.png.
4. Edit Jarak
Untuk mengedit jarak dari garis pinggir ke tulisan, silahkan edit .css('padding', '10px'); menjadi 5px, 7px dll. Apabila kiri kanan atas bawah tidak seimbang, silahkan edit satu persatu paddingnya, contoh '3px 2px 5px 10px' (atas kanan bawah kiri).
