Jumat, 14 Juni 2013

Cara Membuat Tulisan Admin pada Komentar diBlog

bloger sekarang biasanya 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 Trik dan Tips. 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/AVvXsEiZeOI73hfpUAs7F-uYZJxLo58lWDq0EPtQAebF43TlJR4LIuJ28Zk9ryG9_4GA6pN5libxtWQUAwA61OW0uvc4OHJ1P1tHMgopyxozhFgyLAlzs8ecA24PCeK_5EdDFGt1i6Zs1mjIav4/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.

Tidak ada komentar:

Posting Komentar