Cara Menandai Komentar Admin Pada Threaded Comment Blogger

threaded comment blogger

Memang sangat menarik sekali menggunakan sistem komentar blogger yang baru ini, yaitu threaded comment. Sistem komentar ini memungkinkan kita untuk membalas komentar tepat di bawah orang yang kita komentari. Bisa dibilang sistem komentar ini mirip sistem komentar wordpress lah

Oke, langsung ke topik pembicaraan. Kali ini kita akan membuat komentar admin berbeda dengan komentar pengunjung yang lain. Ane sempat menerapkan cara lama untuk menandai komentar admin, tapi cara itu gagal. Kemudian ane cari-cari dapatlah cara khusus ini.

Cara ini khusus untuk sistem komentar "threaded comment blogger".

Langkah 1
Masuk ke Dashboard > Template > edit HTML > Proceed

Langkah 2
Cari kode </body>. Kemudian taruh kode di bawah ini tepat diatas kode </body>.
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', '1px solid #e1e1e1')
.css('background','#f1f1f1 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWTPATQPXvcyaNXe9fBlBWxXJFHyqw-tXnuO8ZlFLBX2H__C9X2gkACZm3pUC7PoqTV7pEYHrNte1cg9PF8PuhIordsETETmzXO9YRAuVDqx6Kd4zkK-eAMKRx2TshFnBMsd_P_oicq34/s1600/admin2.png") no-repeat bottom right')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
Untuk CSS nya : border, background dan padding bisa diatur sesuai selera

Langkah 3
Klik Save template dan lihat hasilnya...

Semoga bermanfaat

Referensi : blog.kangismet.net

Related Posts

Post a Comment

Subscribe Our Newsletter