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.