AABI‍TALITA BLOG
4.26.2013

Cara Memberi Nomor Urut Pada Komentar Blog


Pada kesempatan yang baik ini kembali saya mencoba ketengahkan sebauah tutorial mengenai cara menambahkan nomor urut pada komentar blog.kalau sobat cari di google sudah banyak yang menyajikan tutorial seperti ini,namun untuk melengkapi tutorial yang ada pada blog ini saya coba membagikannya kembali buat sobat semua.Cara penerapannya tidak lah jauh berbeda dengan postingan saya terdahulu seputar modifikasi tampilan komentar yaitu Cara Menambahkan Tombol Like Pada Komentar Blog

Pemasangan nomor urut  pada komentar blog bertujuan untuk mempermudah kita mengingat kembali komentar komentar yang sudah masuk untuk di tinjau ulang,sehingga dari sekian banyak komentar yang ada kita tidak harus memperhatikan satu persatu tetapi cukup dengan mengingat nomor urutnya saja. untuk penampakannya bisa sobat lihat pada gambar dibawah ini.


Ok langsung saja kita lanjutkan pada cara penerapannya :

1. Pada dasboard, Masuk ke Template > pilih Edit HTML dan 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. Langkah selanjutnya cari kode seperti dibawah ini
 
 (function() {
      var items = <data:post.commentJso/>;

Jika sudah ketemu ganti dengan kode berikut ini
 
 var items_copy=[];
(function() {
var items = <data:post.commentJso/>;
items_copy=items;

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

4. Terakhir simpan template dan lihat hasilnya.

Demikian cara menambahkan nomor urut pada komentar blog semoga bermanfaat.

5 komentar

wah asik juga di coba nich..sekalian konfirmasi mas mohon maaf tadi komentar mas di blog saya kepencet/kehapus tanpa sengaja..mohon maaf

ok mas mahfid, sipp :D

wah asik nih, jadi seperti pemain sepok bola ya... izin nyimak dulu nanti kalau sudah paham izin pasang ya

hehe ok mang, salam silaturahim :)

artikelnya bermanfaat, salam silaturahmi kangen water mesinajaibcom

Terima kasih atas kunjungannya, silahkan berkomentar sesuai topik. Menuliskan link aktif tidak akan ditampilkan dalam komentar.Terima Kasih.