Cara Membedakan Style Komentar Admin di Blogger

Cukup penting untuk membedakan style komentar admin dengan pengunjung blog karena dengan style yang berbeda pengnjung dan juga admin dapat membedakan mana yang admin dan mana yang pengunjung, selain itu pengunjung dapat melihat kalau komentarnya di balas admin blog.
Membedakan Style Admin Pada Komentar Blogger

Membedakan Style Komentar Admin di Blogger - Cukup penting untuk membedakan style komentar admin dengan pengunjung blog karena dengan style yang berbeda pengnjung dan juga admin dapat membedakan mana yang admin dan mana yang pengunjung, selain itu pengunjung dapat melihat kalau komentarnya di balas admin blog.

Sebenarnya membedakan style dapat menggunakan kode CSS. Namun, kali ini saya akan bebagi cara membedakan style admin dengan menggunakan kode jQuery.

Dengan memanfaatkan kode jQuery ini kita dapat memasukkan beberapa url Google+ atau OpenId yang dapat dijadikan komentar admin.

Cara kerja dari kode jQuery ini adalah memanfaatkan url target dari admin sebuah blog jika di blog sobat dikelola oleh beberapa admin. Baiklah bagi yang ingin mencobanay silahkan ikuti langkah-langkah berikut:

Cara Membedakan Style Admin Pada Komentar Blogger


1. Login Blogger, buka menu Tema lalu Edit HTML.
2. Letakan kode jQuery berikut ini di atas kode </body>.

<script type='text/javascript'>
//<![CDATA[
var bloggAdmin= [
  "URL ADMIN PERTAMA", // Admin 1
  "URL ADMIN KE DUA",  // Admin 2
  "URL ADMIN KE TIGA"  // Admin 3
];
$.each(bloggAdmin, function(i) {
  $('a[href="' + bloggAdmin[i] + '"]').closest('.comment_inner').css('border-top', '5px solid #607d8b');
});
//]]>
</script>

Silahkan ganti kode yang saya tandai dengan url Google+ atau OpenId yang akan dijadikan admin komentar. Dari kode diatas Saya memberikan style atribut border-top pada .comment_inner

3. Klik Simpan Tema dan lihat hasilnya.

Silakan sobat kreasikan kembali untuk memberikan style yang sobat inginkan pada komentar admin ini. Silahkan dicoba dan Semoga bermanfaat...

Posting Komentar