Monday, January 21, 2013

Memberi Nomor Urut pada Komentar

Memberikan nomor urut pada komentar atau thread comment. berfungsi untuk mengetahui urutan-urutan komentar pada blog/website dengan mudah. seperti yang kita ketahui pada thread commnet, komentar yang berada paling bawah bukan berarti komentar yang terbaru/terakhir. bisa saja komentar yang terakhir berada di tengah pada bagian balasan komentar. dengan nomor urut yang berada pada bagian bawah foto profil/avatar komentar kita bisa lebih mudah mengetahui waktu-urutan komentar pada blog. tutorial ini saya dapatkan dari http://blog.duypham.info. Contohnya seperti gambar diatas, atau lihat Demonya

Berikut langkah pemasangn nomor urut pada komentar:
1. Pada dasboard, Masuk ke Template > pilih Edit HTML > lalu Centang Expand template widget.
Letakkan kode berikut ini diatas kode ]]></b:skin>

.comments-number {
position:absolute;
top:55px;
left:-44px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background-color:#d80556;
width:20px;
height:20px;
font-size:10px;
line-height:2em;
color:#fff;
text-align:center
}
.comments .comment-thread.inline-thread .comments-number{
top:44px;
left:-38px
}

2. cari kode seperti ini
    (function() {
      var items = <data:post.commentJso/>;
kemudian ganti dengan kode berikut ini

var items_copy=[];
(function() {
var items = <data:post.commentJso/>;
items_copy=items;

3. cari kode <data:post.commentHtml/>
dan letakkan kode berikut ini tepat dibawahnya

<script type='text/javascript'>
//<![CDATA[
for(i=0;i<items_copy.length;i++){a=document.getElementById('c'+items_copy[i].id);b=a.innerHTML+'<span class="comments-number">'+(i+1)+'</span>';a.innerHTML=b}
//]]>
</script>

Silahkan anda sesuaikan sendiri
Semoga bermanfaat.

Judul: Memberi Nomor Urut pada Komentar; Ditulis oleh Unknown; Rating Blog: 5 dari 5