Wednesday 11 April 2012

Membuat Author Threaded Comments Highlight Dengan Jquery

Posted by Mas alvin at 22:28 Labels:


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...

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)