Membuat Komentar Admin Berbeda Pada Threaded Comment

Membuat Komentar Admin Berbeda Pada Threaded Comment atau Sitem Komentar Baru Blogger dengan Reply. Bagi rekan-rekan sudah tidak asing tentunya cara membuat komentar admin berbeda dari komentar pengunjung atau visitor. Sudah banyak tutorial tentang cara membuat komentar admin berbeda.

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.

Cara Membuat Komentar Admin Berbeda

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/AVvXsEgm2r6eFV4yzQ5mvjU65riqhd1d9eOBiwzxYy985MsOG-WcWgwfDkuGKL8T8C6LXsMxbSoxR7ZyyMhnEFWaq5bRqM4OYlvfCs64neHjtkr_jb6N3nj_KSGjdvXw5-miv89tG5NsCivy0Rc/s1600/admin2.png") no-repeat bottom right')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!-- Komentar admin ends -->

5. Save

Kostumisasi

1. Edit Garis Pinggir
Untuk mengedit garis pinggir silahkan edit 1px solid #e1e1e1. Tipe garis bisa berupa solid, dashed dan dotted. Penjelasan garis lebih lanjut silahkan baca : Mengenal Properti Border. Untuk pilihan warna silahkan kunjungi Web Color (Hexadecimal)

2. Edit Background
Untuk mengedit garis pinggir silahkan edit #f1f1f1. Untuk pilihan warna silahkan kunjungi Web Color (Hexadecimal).

3. Hapus atau Edit Tulisan ADMIN
Untuk mengedit atau menghapus silahkan edit https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm2r6eFV4yzQ5mvjU65riqhd1d9eOBiwzxYy985MsOG-WcWgwfDkuGKL8T8C6LXsMxbSoxR7ZyyMhnEFWaq5bRqM4OYlvfCs64neHjtkr_jb6N3nj_KSGjdvXw5-miv89tG5NsCivy0Rc/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).