Membuat Komentar Admin berbeda di Blog - ChumChumSoft

Membuat Komentar Admin Berbeda Pada Threaded Comment atau Sitem Komentar Baru Blogger dengan Reply. Bagi teman-teman 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. Centang Expand Template Widget
4. Cari kode </body>
5. 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/AVvXsEidlsV0_ncZ2AQO9NXCmJOuzZPedzskjbqmwRsejIhD6cBDw3ChVwG1lsKRbQQVAFOGsggYvtjV3pXx8wEKFYcd8UhoSAm6LaRA2adISprNgoGhAnNzqDO2N42Uu35CLj0lm9NJeHJQEhc/s1600/admin2.png") no-repeat bottom right')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!-- Komentar admin ends -->

1. Edit Garis Pinggir
Untuk mengedit garis pinggir silahkan edit 1px solid #e1e1e1.

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/AVvXsEidlsV0_ncZ2AQO9NXCmJOuzZPedzskjbqmwRsejIhD6cBDw3ChVwG1lsKRbQQVAFOGsggYvtjV3pXx8wEKFYcd8UhoSAm6LaRA2adISprNgoGhAnNzqDO2N42Uu35CLj0lm9NJeHJQEhc/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).

sumber

Related Posts