Cara Membuat Komentar Admin Blog Berbeda Dengan Komentar Pengunjung

Unknown

Komentar

2 Apr 2013

4 Komentar

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

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...