Memberi nomor urut pada komentar

Nomor urut komentar pada wordpress sudah tidak asing lagi bukan ? Tapi jika nomor urut komentar pada blogger ? Memang, tutorial ini bukan buatan saya, tapi yang patut dicatat adalah tutorial ini juga buatan blogger lho :$ .

Contohnya saja seperti nomor urut komentar seperti milik saya juga buatan blogger tersebut, setahu saya bernama Fernandooo1. Bahkan tutorialnya tidak terkesan rumit. Berikut Tutorial dari Memberi nomor urut pada komentar ...

Tidak usah berbelit - belit, Edit HTML template kamu, jangan lupa expand juga widget templatenya. Lalu cari kode - kode berikut, tambahkan saja kode yang dicetak tebal :


<b:includable id='comments' var='post'>

........

<dl id='comments-block'>

<script type='text/javascript'>var CommentsCounter=0;</script>

<b:loop values='data:post.comments' var='comment'>

<div class='' expr:id='data:comment.id'>

<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'>
<data:comment.author/>
</a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/> <!-- mungkin jika anda tidak memiliki baris ini.
Jika tidak muncul, tidak apa-apa -->


<span class='numberingcomments'>
<a expr:href='"#comment-" + data:comment.id' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>

</dt>

<dd class='comment-body'>
.......
</dd>

</div>

</b:loop>
</dl>



Jika sudah, tambahkan kode CSS berikut sebelum kode </b:skin> :

.
numberingcomments{
float: right;
display: block;
width: 50px;
margin-right: 5px;
margin-top: -35px; /*posisi nomor urut*/
text-align: right;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 30px;
font-weight: normal;
}

/*warna dari nomor urut komentar*/

.numberingcomments a:link, .numberingcomments a:visited {color: #445566 !important; text-decoration: none !important;}
.numberingcomments a:hover, .numberingcomments a:active {color: #FF9933 !important; text-decoration: none !important;}


Jika dirasa cukup, silahkan disimpan. Happy Blogging ... :D !


*)NB Referensi :
Tutorial diatas murni dari Fernandooo1 dalam bahasa Inggris. Saya sengaja membuat versi Indonesia ... ( padahal sebenarnya itu tidak perlu, karena tutorial asli dari Fernandooo1 langsung to the point. Thank's juga untuk Blogger Buster Forums.

4 komentar:

16 Oktober 2008 pukul 04.06
Anonim mengatakan...

loh, iya tuh, di wordpress sudah biasa.. ndak perlu nyetting2 lagi.. wekekeke...

20 Oktober 2008 pukul 17.35
Anonim mengatakan...

wah tapi kata si o-om.com script ginian bikin lambat load page.. bener gak sih,.

29 Oktober 2008 pukul 04.59
Anonim mengatakan...

terima kasih bos, tipsnya
sangat bermanfaat,...

2 Desember 2008 pukul 19.23
Anonim mengatakan...

Mas gimana sih caranya supaya kalo orang kasi comment di blog kita, comment orang itu keliatan kaya saya ngasi comment ke web mas ini..

http://ternak-uang-terpanas.blogspot.com

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

Anda bisa menggunakan HTML seperti <b> , <i>, <s>, <a> ... Jangan spamming, komentar bernada spam akan kami hapus.
Terima kasih telah berkomentar di JogjaWiki

 

Post yang berkaitan :

Grab this Widget ~ Blogger Accessories
 
© Copyright 2010 - Jogja Wiki Blog - Best viewed in 1152 x 864 pixel by Mozzila Firefox
Our Network at Bloggercustom and Healthy Tips | Post Entries | Comments -