Membedakan Style Komentar Admin di Blog - Pada dasarnya, membedakan style komentar admin dan pengunjung di blog dapat dilakukan dengan menggunakan CSS. Namun pada kesempatan kali ini, saya akan membagikan cara membedaka gaya komentar admin dengan penggunjung menggunakan jQuery. Karena dilihat dari kelebihan jQuery itu sendiri yang telah mendukung CSS1-3, menyederhanakan penggunaan javascript, karena kita cukup menggunakan fungsi dari library javascript yang telah ada. Termasuk mempercepat coding javascript dalam sebuah website. Dibandingkan kita harus mulai sebuah script javascript dari nol.
Dengan menggunakan jQuery ini, kita bisa menggunakan beberapa URL yang dapat dijadikan sebagai admin dari blog kita. Baik langsung saja, untuk membedakan style komentar admin di blog dengan menggunakan jQuery sebagai berikut.
Membedakan Style Komentar Admin di Blog
1. Masuk terlebih dahulu dalam akun blog kalian
2. Pilih menu Template >> Edit HTML
3. Carilah kode </body> dengan menggunakan Ctrl+F untuk memudahkan pencarian
4. Tambahkan kode jQuery di bawah ini, tepat berada 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> Silahkan kalian ganti pada kode URL ADMIN PERTAMA dengan kode URL Admin Google Plus atau Profile Blogger5. Berdasarkan dari kode tersebut, saya memberikan gaya atribut border top pada bagian .comment_inner Silahkan kalian desain sekreatif mungkin sesuai dengan keinginan kalian
6. Klik Simpan Template
Itulah tadi tutorial cara membedakan style komentar admin di blog. Semoga tutorial yang saya bagikan bermanfaat bagi kita semua.
EmoticonEmoticon