以下の内容はhttp://10plate.blog44.fc2.com/blog-entry-344.htmlより取得しました。


プラグインの最新記事に新着表示「NEW」マークを表示する。

プラグインの最新記事に新着表示「NEW」マークを表示する方法を紹介します。

プラグイン「最新記事」のHTMLを以下のように編集します。
プラグインの設定 → 最新記事 設定 [詳細] → HTMLの編集

<ul>
<!--recent-->
<li &align>
<a href="<%recent_link>" title="<%recent_title>"><%recent_title> (<%recent_month>/<%recent_day>)</a>
<!--▼newマーク▼-->
<script type="text/javascript">
nwr(<%recent_year>,<%recent_month>,<%recent_day> ,<%recent_hour>)
</script>
<!--▲newマーク▲-->

</li>
<!--/recent-->
</ul>


次にテンプレートのHTMLを編集します。
<head>~</head>の間に以下を挿入してください。

<!--▼新着記事用newマーク▼-->
<script type="text/javascript"><!--
function nwr(u1,u2,u3,u4) {
var today=new Date();
var nt=24; var c=new Date(u1,u2-1,u3,u4);
if (today-c<3600000*nt) {
document.write('<font color="#ff0000" size="1">NEW!!</font>')}
}
--></script>
<!--▲新着記事用newマーク▲-->


大きさはお好きなように変更してください。
「nt=24;」が時間なので12にすれば12時間だけ新着マークが表示されます。

新着マークを画像にしたいときは
<font color="#ff0000" size="1">NEW!!</font>

<img src="画像URL" border="0">
と変更してください。

【2010/02/13 追記】プラグインの「最新コメント」に新着表示を付けたい場合はこのようになります。

<!--▼最新コメント用newマーク▼-->
<script type="text/javascript">
nwc(<%rcomment_year>,<%rcomment_month>,<%rcomment_day>,<%rcomment_hour>)
</script>
<!--▲最新コメント用newマーク▲-->

関連記事



以上の内容はhttp://10plate.blog44.fc2.com/blog-entry-344.htmlより取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.13