Membuat Tulisan Admin pada Komentar Anda

Posted by : Arief Hilman Nugraha Tuesday, January 15, 2013

Biasanya kita menggunakan highlighter untuk membedakan komentar admin dan pengunjung. Namun ada cara lain untuk kita membuat komentar admin berbeda dengan komentar pengunjung, yaitu dengan membuat tulisan ADMIN pada sudut dari kotak komentar admin. Komentar admin ini akan berbeda pada threaded comments sehingga kita dapat membedakan antara pengujung dan admin. Untuk melihat contohnya anda bisa lihat digambar samping atau pada komentar di Blog Ariefhunterz. Jika anda ingin membuatnya ikuti langkah berikut ini:

1. Login ke Blogger
2. Masuk ke Rancangan --> Klik Edit HTML
3. Cari kode </body>
4. Paste kode dibawah ini diatas kode </body>

script src='http://code.jquery.com/jquery-latest.js'/>

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

Keterangan:
- kode merah adalah garis pinggir
- kode biru adalah warna background
- kode hijau adalah gambar tulisan admin
- kode orens adalah jarak garis pinggir ke tulisan

5. Terakhir simpan template anda lalu lihat hasilnya

Sangat mudah kan untuk membuat tulisan komentar admin di daftar komentar blog anda. Silahkan dicoba aja yang pasti akan membuat blog anda semakin tambah bagus untuk dilihat.

Share This