Cara Membedakan Style Komentar Admin di Blogger - Deny Listianto

10 Juni 2018

Cara Membedakan Style Komentar Admin di Blogger

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...
Disqus Codes
  • To write a bold letter please use <strong></strong> or <b></b>
  • To write a italic letter please use <em></em> or <i></i>
  • To write a underline letter please use <u></u>
  • To write a strikethrought letter please use <strike></strike>
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>
    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Ad Placement

Notifications

Disqus Logo