INTEREST

---

---

1.記事タイトルに表示する為の記述

今回は記事タイトルにも新着マークの「New!!」を表示するだけなので、前回の記事でご紹介した「JavaScript」については変更や修正は必要御座いません♪（HTMLに数行追加するだけで完了しますｗ）
また、今回もFC2ブログでの方法を例に進めますが、記事の投稿年・月・日・時をそれぞれ表示出来る変数が用意されてるブログであれば同じ要領で表示する事が可能です。

表示方法の詳細は「 最新記事に「New」等の新着マークを表示 」をご覧下さいませ♪

▼そして記事タイトル部分にも新着マークを表示する為の記述は以下の通りです。
FC2ブログの管理画面から「テンプレートの設定」をクリックし、HTMLの編集内で記事タイトルが表示される部分を探し以下の記述を追加します。（ <%topentry_title> を検索して探すと楽です♪）

<h2><a href="<%topentry_link>"><%topentry_title></a></h2>&nbsp;
<!-- ▼ 記事タイトルの新着マーク ▼ -->
<script type="text/javascript">
WhatsNew(<%topentry_year>,<%topentry_month>,<%topentry_day>,<%topentry_hour>)
</script>
<!-- ▲ 記事タイトルの新着マーク ▲ -->

※1行目は検索した箇所で記事タイトルが表示される部分です。（テンプレート次第で多少異なります）
<%topentry_title>＝記事タイトルを表示する変数です。FC2ブログの変数について詳しくは こちら 　

※今回追加した記述は1行目の末尾にある「&nbsp;」の部分と、2行目～6行目となります。
「&nbsp;」は記事タイトルと新着マークがくっ付かないように入れた半角スペースの文字コードです。
2行目と6行目の「<!-- ▼ 記事タイトルの新着マーク ▼ -->」は追加した部分が分かり易いように付けたコメントアウトなので、不要であれば削除してOKです♪

※上記は記事タイトルの末尾に新着マークを表示する場合の記述なので、記事タイトルの前に表示したい場合は、2行目～6行の部分を1行目（記事タイトル）の上に記述すればOKです♪
また「&nbsp;」も記事タイトルの末尾に付けるのでは無く、記事タイトルの前に付けて余白を調整して頂けば良いと思います♪（例： &nbsp;<h2><a href="<%topentry_link>" ～省略～ ）

※お使いのテンプレートにより異なりますが「<%topentry_title>」の記述が数箇所あると思いますので保存する前にプレビューで確認したり、予めバックアップを行ってから作業する事をオススメします♪

※記事タイトルの後に “改行されて新着マークが表示されてしまう場合” は、スタイルシート編集（CSS）に「 h2 { display:inline; } 」の一行を追加で記述してみて下さい。

以上の手順で、記事タイトルにも新着マークの「New!!」が表示されます♪
表示箇所に合わせて新着マークの装飾を変更したい場合はスタイルシート（CSS）で調整して下さい♪

---

2.このブログではこんな感じの表示

上記のように記事タイトルにも新着マークの「New!!」を表示したことで、このブログの各ページでは以下の画像にように表示されてます。（各画像をクリックすると拡大表示になります）


上の画像の通り、記事タイトルが表示されるそれぞれのページで「New!!」が表示されてます♪
また、このブログでは新着マークの表示期間を48時間にしてますｗ（更新頻度がアレなので...）

---

3.JavaScriptを使わず New を表示

これはFC2ブログ限定の方法ですが、トップページなど記事が繰り返し表示される部分
（<!--topentry--> ～ <!--/topentry-->の間）については「JavaScript」を使わず、FC2ブログの変数（<!--topentry_new--> ～ <!--/topentry_new-->）を使うだけで簡単に新着マークを表示する事が出来ます。（但し “表示期間は約5日間程” で表示期間の変更は出来ません。）

▼例えば、この変数を使って記事タイトルに新着マークを表示する場合は以下のように記述します。

<h2><a href="<%topentry_link>"><%topentry_title></a></h2>&nbsp;
<!-- ▼ 記事タイトルの新着マーク ▼ -->
<!--topentry_new--><span class="new">New!!</span><!--/topentry_new-->
<!-- ▲ 記事タイトルの新着マーク ▲ -->

※記事の投稿から一定期間(約5日間程）だけ表示したい内容を上記のように
（<!--topentry_new--> ～ <!--/topentry_new-->）で囲うだけでOKです。

※表示する文字を変更したい場合は、3行目の「New!!」を書き換えればOKです。

※表示する文字の色や大きさ等の装飾はスタイルシートでお好みで設定して下さい♪

「<!--topentry--> ～ <!--/topentry-->」の間であれば上記のように簡単に新着マークが表示出来ます。
※新着マーク以外でも好きな内容を表示する事が出来るので、色々工夫してみても面白いかも♪


って事で、今回は記事タイトルにも新着マークを表示する方法でした♪

そして今日はパソコン君のご機嫌がすこぶる良いようですっ!!ｗ (￣ε￣〃)ｂ