Recent Entries

スポンサーサイト

[スポンサード リンク]


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

最新記事に新着マークをつける

[スポンサード リンク]


最新記事の中でも特に新しい記事にNEWを付けてわかりやすくしてみました。
うちのブログの場合、2日間だけNEWが付きます。(変更可)
JavaScriptは外部ファイルにしました。

1.メモ帳開いて、下のコードをコピペして保存してください。
名前は何でもOKですが、拡張子はjsで。○○.js

<script type="text/javascript"><!-- 
var today=new Date(); 
function nw(u1,u2,u3,u4) { 
var nt=24; var c=new Date(u1,u2-1,u3,u4); 
if (today-c<3600000*nt*2) { 
document.write('New')} 
} 
--></script>

スクリプトの意味としては、現在の時刻(today)-記事投稿の時刻(c)が
3600000*nt*2より小さい時にNewを付けるということです。

現在の時刻や記事投稿時刻がミリ秒で代入されるので式の単位はミリ秒です。

1日をミリ秒単位で表すには…
24(1日は24時間)×60(1時間は60分)×60(1分は60秒)×1000(1秒は1000ミリ秒)

最後の*2Newを何日付けておくかです。わたしの場合、2日間にしたので2をかけます。1日なら無し、3日間なら*3となります。自分の更新頻度を考えて微調節しましょう。

補足
u2には月の変数<%recent_month>が代入されます。
<%recent_month>は月を表す変数で、1~12の範囲表します。
JavaScriptでは月は0~11で表すので、u2-1となっているようです。

2.テンプレートの<head></head>内に下のコードを追加して先ほど作った○○.jsを外部ファイルに指定します。

<script type="text/javascript" src="外部ファイルのアドレス"></script>

FC2ブログの場合、http://blog-imgs-21.fc2.com/m/i/r/miracleblues/○○.jsのようなアドレスになります。ツールの「ファイルアップロード」にあるファイル一覧からjsファイルを探してサムネイル(表示)をクリックすればアドレスがわかります。

3.次はプラグインの設定です。
プラグインの設定」から「最新記事」を選び、【HTMLの編集】をクリックします。
表示されたコードに直接、スクリプトを埋め込みます。

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

▼ NEWをお尻につけるならここらへん にスクリプト追加▼

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

追加するスプリクトのコードです。

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

<%recent_○○>ってのは、FC2ブログのテンプレート中で使える変数で、最近投稿された記事の投稿時間をあらわします。
詳しくは、知りたい方はテンプレート中で使える変数一覧へ。

4.NEWのスタイルを設定する為、スタイルシートに下のコードを追加します。
環境設定の「テンプレートの設定」から行えます。
文字色を緑に、文字を太字にしてます。お好きなようにカスタマイズしましょう!

document.write('<span class="○○○">New</span>')

○○○の部分(クラス)を変更した場合はこちらも変更しましょうね!

.new {color:green; font-weight:bolder;}

以上で作業完了です。おつかれさまでした。

実は全然JavaScriptに詳しくないので書きながら覚えてます
書いてること間違ってたらごめんくさ~い。
コードは検索で調べましたし、自分のとこでも動いてるのでOKだと思います。
ありがとうございました。

Comments

Comment Form