Sun Eternity

プログラミング開発日記やゲームレビューやPCの役立ち情報などのさまざまなことを紹介＆ネタでお届けするサイトです

FC2ブログで新着記事にNEWマーク点滅

FC2ブログでのjavaでのNEWマーク使用の記事です
なおこのJavaの表示はいたおさんの記事の
javaスクリプトを参考にしました（いたおさんに感謝）

FC2ブログの最新記事（最新の記事）にNEWマークを表示させるタグ

1・まずブログ管理者画面のプラグインの設定から最近の記事の詳細をクリックして
プラグインの改造のHTMLの編集画面で以下の内容を追加します

FC2ブログプラグインHTMLの編集

<ul>

<li &align>
<a href="<%recent_link>" title="<%recent_title>"><%recent_title> (<%recent_month>/<%recent_day>)</a>
</li>

（～～追加ですよ～～）

<script type="text/javascript">
nw(<%recent_year>,<%recent_month>,<%recent_day>,<%recent_hour>)
</script>

（～～追加END～～）

</ul>

２・次に環境設定のテンプレートの設定のHTMLの<head>~</head>

に以下の内容を追加します

テンプレートHTML編集

nt=24;が時間なので12にすれば12時間だけ付きます。

<img src="画像URL" border="0">
この部分はアイコン画像が無いなら、
<font color="好きな色" size="希望の文字の大きさ">NEW!!</font>
とするとNEW!!の文字を表示します。

これで設定は完了です最新記事にNEW！マークがついたはずです

１の最新の記事のテンプレートの追加部分を

最近のコメント部分に追加すると最近のコメントでもNEW！マークがつくようになります

ですがこれだけでは少し物足りないような気がします

せっかくJAVAを使っているのですから

文字＆画像を点滅させてさらに目立たせたいと思いませんか？

以下は文字＆画像を点滅させるための設定（初心者向け）です

２で追加したテンプレートに以下<MARQUEE>タグを追加します

文字＆画像点滅設定（改良版）
<head> ～ <!--▼新着記事用newマーク▼--> <script type="text/javascript"><!-- function nw(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('<MARQUEE SCROLLDELAY="1000" SCROLLAMOUNT="30" WIDTH="30" loop="999"><img src="画像URL" border="0"></MARQUEE>')} } --></script> <!--▲新着記事用newマーク▲--> </head>