Membuat Author Threaded Comments Highlight Dengan Jquery

 View Demo Langsung :

Assalamualaikum . Malam ini saya akan share Membuat Author Threaded Comments Highlight Dengan Jquery .Seperti anda ketahui,banyak cara untuk membuat gambar yang terdapat di posting kita agar lebih menarik.Kali ini saya akan berikan satu lagi tips mengenai gambar di postingan, iaitu membuat author threaded comments on blog :)

Untuk lebih jelasnya anda boleh cuba klik gambar di blog saya, klik salah satu gambar yang ada disitu, maka gambar tersebut akan membesar. Jika anda tertarik, di bawah ini akan saya berikan langkah-langkah untuk membuatnya :

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke Edit HTML
Langkah 3
Cari kode dibawah ini:
]]></b:skin>
Langkah 4
Masukan (copy paste) kode CSS dibawah ini diatas kode pada langkah 3 :

.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 5
Cari kode dibawah ini:
</head>
atau kode:
</body>
Langkah 6
Masukan (copy paste) kode jQuery dibawah ini diatas kode pada langkah 5 (Lihat Skenario jQuery):

<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 7
Simpan template anda dan preview blog...

Selamat mencoba dan semoga berhasil. Happy Blogging :)

Description: Membuat Author Threaded Comments Highlight Dengan Jquery
Rating: 4.5 4.5