Cara Memberi Nomor Urut Pada Komentar Blog ~ SCH-XP

lightshot rusak, jd ane ngambil ss punya bang rohman :v

Cara Memberi Nomor Urut Pada Komentar Blog - akan menjadi pembahasan saya pagi ini, trik yg satu ini berfungsi secara otomatis menampilkan nomor urut pada komentar pengunjung blog sobat. Memudahkan pengunjung untuk mengetahui sudah berapakah komentar di suatu postingan.
Sebenernya penting ngga sih ? kalo menurut ane sih terserah agan, kalo mau dipake ya silahkan, ya ngga yaudah :v

Demo

Cara Memberi Nomor Urut Pada Komentar Blog :

1. Buka Blogger

2. Klik Template -> Edit HTML

3. Pastekan kode dibawah 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
}

4. Cari kode seperti ini

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

5. Kemudian ganti dengan kode berikut ini

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

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

7. Simpan Template

Note :
Lakukanlah dgn teliti, dan jgn lupa back-up template anda