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 !
*)
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:
loh, iya tuh, di wordpress sudah biasa.. ndak perlu nyetting2 lagi.. wekekeke...
wah tapi kata si o-om.com script ginian bikin lambat load page.. bener gak sih,.
terima kasih bos, tipsnya
sangat bermanfaat,...
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
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