Melepas penat dari bahasa coding yang begitu membingungkan, menguras tenaga otak dalam mempelajarinya! Sekarang AA Koben akan berbagi satu
snippet jQuery mudah untuk meng-cooling-down-kan otak yg lagi sumpek ;)) Kebiasaan seseorang komentator menuliskan komentarnya, di indo sendiri terkenal dengan istilah
pertamaaaxxx! Dengan bantuan script jQuery akan diberikan satu sentuhan kecil yaitu dimana ketika seorang komentar menuliskan komentar and mendapat urutan pertama, maka secara otomatis pada kolom komentar tersebut akan muncul sebuah gambar. Gambar di sini bebas terserah, yg penting jaga besar² Itung-itung penghormatan pada komentator ;)
Komentator selanjutnya tidak akan ada gambar :PIngat, trik ini terintegrasi dengan script jQuery!<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
Racikan bumbu untuk melakukan hal itu semua adalah...
.comment_body.first {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoq8GFhxR440FIrS7wIWNfLCz-D9a1Zr38wxA52z5udC_fSW5tC1hcNEbo5qGHGsUcQ8t5qsi9YyfptwQ21HXewhAnRp7UUmJqLNkD0sIVceNLSBkBujBTnBvXES3UaNQpYXqYd86malX8/s31/pertamax.gif) no-repeat right top;
padding: 0 7px 8px;
}
Keterangan:
>>
comment_body merupakan unik id, bisa berbeda tiap template Ex:
comment-body Pokoknya cari tagging yg mengapit isi dari komentar!
>>
no-repeat right top Kode standar, silahkan ganti sesuai dengan kebutuhan. Begitu pula dengan properti
padding!
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$(".comment_body:first").addClass("first");
});
//]]>
</script>
SAVE.
Happy snippet \m/
Tidak ada komentar:
Posting Komentar