2 Apr 2013

Cara Membuat Komentar Admin Blog Berbeda Dengan Komentar Pengunjung

Cara Membuat Komentar Admin Blog Berbeda Dengan Komentar PengunjungCara Membuat Komentar Admin Blog Berbeda Dengan Komentar Visitor atau Cara Membuat Komentar Admin Berbeda Dengan Komentar Pengunjung.

Komentar Admin Berbeda

Pastinya para admin bertanya? Bagaimana sih cara untuk membedakan komentar admin dengan komentar pengunjung/visitor? Membedakan komentar admin juga berfungsi untuk menandai komentar admin dengan komentar pengunjung dengan merubah/mengganti font/warna pada komentar adminnya sendiri. Visitor tidak akan keliru dengan mana komentar admin dan komentar pengunjung. Ini juga termasuk menghias komentar dengan bingkai indah di kolom komentar admin, akan terlihat bagus, indah dan menarik untuk di pandang. Bagi kamu yang berminat untuk mencoba trik ini, yuk mari simak tutorial berikut:

1. Login ke akun Blogger kamu.
2. Pilih Template > Edit Html > Lanjutkan > Centang ( Expand Template Widget ).
3. Cari kode </body> ( untuk mempermudah pencarian, tekan Ctrl+F atau F3 ).
4. Lalu copas kode berikut, dan letakkan di atas kode </body>
<script src='http://code.jquery.com/jquery-latest.js'/>
<!-- Admin comment -->
<script>
$(function() {
function highlight(){
$(&#39;.user.blog-author,.ssyby&#39;).closest(&#39;.comment-block&#39;)
.css(&#39;border&#39;, &#39;1px solid #e1e1e1&#39;)
.css(&#39;background&#39;,&#39;#f1f1f1 url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPM0AQthaFZocnKKarwbYqJHWeBpDx2ABDKkxIcRH2LYOjWEH6qKpQyoRENjeBZkqPiFjJ6P5jgnSSRu4Fo6BSslpDntsITZjh-ZJLuKEAYDijEpnHUJOyJ1pT92KHcac-VbEmKdFbUgQ/s1600/admin2.png&quot;) no-repeat bottom right&#39;)
.css(&#39;padding&#39;, &#39;10px&#39;);
}
$(document).bind(&#39;ready scroll click&#39;, highlight);
});
</script>
<!-- admin comment end-->
*Keterangan: Ganti kode yang berwarna merah, dengan warna background sesuka kamu. Untuk mengetahui warna-warna kode html, bisa dilihat disini.

5. Setelah selesai, klik Simpan..

Kamu bisa memodifikasi sendiri hasil kode di atas dengan kreasi kamu sendiri, demikianlah tutorial kita pada kali ini semoga bisa membantu kamu. Semoga Bermanfaat buat Semua...

4 komentar:

  1. akan saya coba gan, kebetulan saya juga membutuhkan cara ini untuk memudahkan pengunjung mencari komentar balasan dari Admin blogg

    BalasHapus
  2. 100% berhasil diterapkan di blog saya...
    Terima kasih sobat, artikelnya bermanfaat

    BalasHapus

BERI KOMENTAR | KHUSUS PENGGUNA TERDAFTAR
Silahkan beri komentar Anda dengan bijak dan sesuai dengan topik (untuk komentar OOT sebaiknya di Forum Ngopi).