FC2ブログ

ハーレクイン図書館      
ハーレクインのことなら何でも・・・                         FC2館

新着記事にNew!!をつける

なかなか記事を更新しないので
こんなカスタマイズをしても意味がないのですが
一度やってみたかった・・・

新着記事にNew!!をつける

この方法はプラグイン非対応のテンプレートの場合です。



まず管理画面のテンプレートの設定からHTMLの編集を開きます。
</head>と書いてある場所を探してください。
このすぐ前に以下をコピーしたものを貼り付けます。
(</head>は上のほうにあるはずです。)

<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>

さらにHTMLの編集の中から「最近の記事」の該当場所をさがしてください。

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

↑こんな感じのところ。
赤字で書いた</a>の後に

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

をコピーして貼り付けて下さい。


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

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

をコピーして貼り付けます。

あとは「更新」ボタンを押すだけ。

(ちなみに、時間を変えたければ一番最初に設置したnt=24の数字を変えるだけ。
NEW!!の文字でなく違う文字にしたければ、この文字を変えれば変わります。
文字の大きさや色はスタイルシートに貼り付けた部分を変えるだけです。)






スポンサーサイト



Edit
  1. 2011/12/11(日) 00:12:08|
  2. ブログ初挑戦レポート|
  3. トラックバック:0|
  4. コメント:0