Membedakan Style Komentar Admin - Arlina Design
Membedakan Style Komentar Admin - Membedakan Style Komentar Admin dengan pengunjung tentunya bisa dilakukan dengan CSS, namun di sini Saya mencoba untuk memanfaatkan penggunaan jQuery.

Membedakan Style Komentar Admin

Dengan memanfaatkan jQuery ini kita bisa menggunakan beberapa url yang bisa dijadikan komentar admin, misalnya link Google+ atau OpenId. Cara kerja dari kode jQuery ini adalah memanfaatkan url target dari admin sebuah blog jika di blog sobat dikelola oleh beberapa admin.

Ok, langsung saja ke cara penerapannya

Silakan simpan kode di bawah ini tepat 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 #30abd5');
});
//]]>
</script>

Dari kode diatas Saya memberikan style atribut border-top pada .comment_inner. Silakan sobat kreasikan kembali untuk memberikan style yang sobat inginkan pada komentar admin ini. Semoga bermanfaat.

Membedakan Style Komentar Admin

Membedakan Style Komentar Admin - Membedakan Style Komentar Admin dengan pengunjung tentunya bisa dilakukan dengan CSS, namun di sini Saya mencoba untuk memanfaatkan penggunaan jQuery.

Membedakan Style Komentar Admin

Dengan memanfaatkan jQuery ini kita bisa menggunakan beberapa url yang bisa dijadikan komentar admin, misalnya link Google+ atau OpenId. Cara kerja dari kode jQuery ini adalah memanfaatkan url target dari admin sebuah blog jika di blog sobat dikelola oleh beberapa admin.

Ok, langsung saja ke cara penerapannya

Silakan simpan kode di bawah ini tepat 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 #30abd5');
});
//]]>
</script>

Dari kode diatas Saya memberikan style atribut border-top pada .comment_inner. Silakan sobat kreasikan kembali untuk memberikan style yang sobat inginkan pada komentar admin ini. Semoga bermanfaat.

Related Post

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

Subscribe Our Newsletter

Notifications

Disqus Logo