初心者でもできる簡単FC2ブログの作り方

【参考記事】 「FCafe」様：新着マーク

まずテンプレートの設定からHTMLの編集を開きます。そして</head>を探します。「Ctrl」+「F」などの検索を使うと楽ですよ。

このブログの場合は・・・
この様になっていました。

<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) {
document.write('<span class="new">New</span>')}
}
--></script>

見つかったらこれをコピーします。

コピーしたら先ほど見つけた</head>のすぐ上にコピーしたものを張りつけます。
この様に張りつけます。

できたらそのまま同じHTMLの編集内から<!--topentry-->を探します。

このブログだと・・・
この様になっていました。

赤字で書いた</a>の後に、

<script type="text/javascript">
nw('<%topentry_year>','<%topentry_month>','<%topentry_day>','<%topentry_hour>')
</script>

これをコピーして張りつけます。

この様になります。

次はそのままスタイルシートの編集に移ります。スタイルシートの一番下までスクロールさせて最後のタグから一行あけて.

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

をコピーして張りつけます。

このブログだと・・・
この様に張りつけます。できたら最後に更新を押して下さい。

この方法だと24時間以内に投稿された記事に対してNEWの文字がつきます。この時間を変えたければ一番最初に設置した<script type="〜〜〜--></script>の中のnt=24を数字を変えれば変わります。(1時間単位）NEWの文字でなく違う文字にしたければ<span class="new">New</span>この部分を変えれば変わります。
文字の大きさや色はスタイルシートに貼り付けた部分を変えるだけです。

できたので「FCafe」のdanielさんにお礼を言に行く。

• 関連記事　　； 最近のエントリー・コメント・トラックバックにNEWをつけたい！
  
• 関連記事　　； 最近のエントリー・コメント・トラックバックにNEW画像をつけたい！
  
• 関連記事　　； 記事のタイトルにNEWの画像をつけたい！

◆FC2ブログの事でどうしても疑問が解決しない人はFC2ブログ ユーザーフォーラムへ。