新着コメントに「New」マークをつけるカスタマイズ

新着コメントに「New」マークを付けるカスタマイズを見つけました。

いつもお世話になっている、
小粋空間さんのカスタマイズ。

左のサイドバーを見ていただければ、わかりますが、
最新のコメントにはNew!!が付きます。


Javascriptを追加するだけなので、
楽チンです。


テンプレート「最近のコメント」部分に、
以下のように青文字を追加します。

<div class="sidetitle2" id="commentname"> Recent Comments </div>

<div class="side" id="commentlist">
<MTEntries recently_commented_on="10">
<ul>
<a href="<$MTEntryLink$>"><strong><MTEntryTitle></strong></a>
<MTComments lastn="6" >
<li><a href="<$MTEntryLink$>#c<$MTCommentID$>">
<MTCommentAuthor></a> <span class="new"><!--<$MTCommentDate format="%Y:%m:%d:%H:%M:%S"$>--></span></li>
</MTComments>
</ul>
</MTEntries>
</div>

<script type="text/javascript" language="javascript">
<!--
generateNormalTree("commentlist");
//-->
</script>

<script type="text/javascript">
<!--
FoldNavigation('comment','on',false);
//-->
</script>

<script type="text/javascript">
<!--
// passage time
var pass = 24;

// display content
var content = 'New!!';

var currentDate = new Date();
var spans = document.getElementsByTagName('span');
for (i = 0; i < spans.length; i++) {
if(spans[i].getAttribute('class') == 'new' ||
spans[i].getAttribute('className') == 'new') {
time = spans[i].childNodes[0].nodeValue.split(":");
var entryDate = new Date(time[0], time[1]-1, time[2], time[3], time[4], time[5]);
var now = (entryDate.getTime() - currentDate.getTime())/(60*60*1000);
now = Math.ceil(now);
if(-now <= pass){
spans[i].innerHTML = content;
}
}
}
//-->
</script>


スタイルシートは、適宜(^^;)

span.new { color: red; font-weight: bold; }