Komentar Admin Berbeda dengan Komentar Pengunjung

obachti 95 - Saya fikir hal ini penting bagi blogger, karena hal ini sebagai penanda siapa yang admin siapa pula yang menjadi pelaku ke-dua alias pengunjung dalam form komentar. Jawaban dari sang Admin blogger akan jelas terlihat jika kita memiliki penanda ini. Lihat gambar di bawah ini :

Komentar Admin Berbeda dengan Komentar Pengunjung

Tidak perlu penjelasan lagi, karena pada gambar sudah sangat jelas pada gambar siapa yang mempunyai kedudukan sebagai admin atau author blog, dan siapa yang menjadi pengunjung. Trik ini sengaja saya share karena sobat blogger saya yang memintanya, Muro'i El-Barezy. Ini sob pesanannya sudah siap :
Sobat Muro'i El-Barezy

Pertama, Sobat masuk Edit HTML dan back up template sobat
Kedua, Centang Expland Template Widget, setelah itu sobat cari kode di bawah :
</body>
Selanjutnya, Letakkan Script berikut di atas kode </body>

<script src='http://code.jquery.com/jquery-latest.js'/>
<!-- Komentar admin by obachti-95.blogspot.com start -->
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', '1px solid #e1e1e1')
.css('background','#f1f1f1 url("http://i1074.photobucket.com/albums/w404/atsarhjm/Admin7.png") no-repeat bottom right')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!-- Komentar admin ends -->


Keterangan Script :
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 http://3.bp.blogspot.com/-RU1Q-HwrfsU/T2CyurPWOtI/AAAAAAAABmY/S0uNp_lWCNw/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).
Ketiga, klik Simpan Template. Jika terjadi error pada template sobat, unggah kembali template yang telah di back up tadi. dan ulangi langkah di atas.

Saya juga memiliki sedikit koleksi gambar Tulisan Admin dibawah, jika sobat ingin merubahnya dengan koleksi milik saya, link gambar tepat berada dibawah gambar tersebut :

http://i1074.photobucket.com/albums/w404/atsarhjm/Admin1.png
http://i1074.photobucket.com/albums/w404/atsarhjm/Admin2.png
http://i1074.photobucket.com/albums/w404/atsarhjm/Admin3.png
http://i1074.photobucket.com/albums/w404/atsarhjm/Admin4.png
http://i1074.photobucket.com/albums/w404/atsarhjm/Admin5.png 
http://i1074.photobucket.com/albums/w404/atsarhjm/Admin6.png
http://i1074.photobucket.com/albums/w404/atsarhjm/Admin7.png



Happy blogging. ^^
oya, sampe lupa gara-gara keasyikan ngetik, script di atas saya dapat langsung dari blog.kangismet.net

Related Posts:

Disqus Comments
© 2017 Obachti 95 - Template Created by goomsite - Proudly powered by Blogger