Bismillah.
Pagi menjelang postingpun datang, inilah ungkapan author/admin blogger untuk readernya, posting kali ini membahas tentang jQuery sobat, tadi abis jalan-jalan pagi nemuin posting Cara Membuat Author Threaded Comments Highlight di blog yang kemarin exchange link dengan blog ini, sebenernya sih mau iseng-iseng saja lihat link saya disana, sakmono takutnya udah ngak di tampilkan wkwkwk (alay detected).

Sedikit info saja bahwa Author Threaded Comments Highlight ini kelebihannya cukup seknifikan, mengapa? karena biasanya reader bertanya di blog kita dengan berkomentar, dan mereka selalu menunggu jawaban dari authornya/admin untuk itu agar reader tidak kebingungan ketika mencari balasan dari author maka terapkanlah tutorial ini agar pembaca lebih tahu dan jelas dimana keberadaan komentar adminnya di blog sobat.

---

---

Langkah 1
Login ke Blogger


Langkah 2
Masuk ke "Rancangan - Edit HTML"


Langkah 3
Cheklist "Expand Template Widget"


Langkah 4
Cari kode dibawah ini:
]]></b:skin>


Langkah 5
Letakkan kode dibawah ini diatas kode langkah 4

.author-highlight {
 background-image: url(https://lh5.googleusercontent.com/_xcD4JK_dIjU/TasKJgjf1FI/AAAAAAAAFEA/pvkcJFnS-DA/s800/author_mark.png);
 background-repeat: no-repeat;
 background-position: 100% 100%;
 background-color: #F0F0F0;
}

Langkah 6
Cari kode
</head>
atau
</body>


Langkah 7
Letakkan kode dibawah ini diatas kode langkah 5, kalau saya meletakkan di kode

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>//<![CDATA[
 $(document).ready(function(){
  $('.user.blog-author').closest('.comment-block').addClass('author-highlight');
 });
//]]></script>

Langkah 8
Klik Simpan.

Semoga bermanfaat, Selamat mencoba. Heppy Blogging :)

Labels: Blog Design, jQuery