Ramdom Entry Pickup
- ガチャピン・ミニぬいぐるみマスコット (2006年02月04日)
- 「Favicon画像」をコメント・トラックバックに表示する (2005年10月29日)
- どうやら「エロモナス病」らしい(BlogPet) (2006年04月12日)
- 宍道湖のシジミ取り (2005年12月11日)
- SEOの初心に返ってロボット型検索エンジンにクロールしてもらうよう再申請してみた(クロールを申請できる検索エンジン一覧) (2007年01月15日)
« セカンダリーDNSの設定(BlogPet) | メイン | 壁紙：ガッチャピン »
新着コメントに「New」マークをつけるカスタマイズ
Category : [ MovableType ]
February 24, 2006 14:05
TAG : [Customize,Javascript,MovableType,Template,小粋空間]
Permalink
February 24, 2006 14:05
TAG : [Customize,Javascript,MovableType,Template,小粋空間]
Permalink
新着コメントに「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;
}
ソーシャルブックマーク
||
|
|
|
|
|
|
|
|
|
|
|
|
このエントリーと関連性が高いと思われるエントリー
このエントリーに関連するかもしれない商品
おすすめ商品
Link Information
Link HTML:
トラックバックURL:
