・掲載画像はクリックで拡大するものもあります。
・配布素材(アイコン・バナー)以外の画像、及び文章の複製・転載はご遠慮下さい。→詳細
FC2ブログのテンプレート工房様のテンプレートをお借りし、このブログのカスタマイズをさせて頂いていることは何回か書いていますが、この度1/16の日記の新着記事にNEWマークを付けるを記事にして頂きました♪→こちら
文字の色変えや大きさ、画像加工のレベルの知識しか無かった私ですが、ネット上で勉強したり本屋で立ち読みしたりして、何とかちょっとだけ弄れる様になりました。
(幸いな事に、徒歩1分の所に大型書店が♪「買えよっ!」って話ですが(汗))
だって…本が高いんだもの(ケチ)
タグは続きを読むからどうそ。
HTMLを編集します。
まず<head>〜</head>内に以下を入れます。
<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('<font color="#ff0000">NEW!!</font>')}
}
--></script>
<!--▲新着記事用newマーク▲-->
</head>
「nt=24;」の部分が新着表示をさせる時間です。(24=24時間)
お好みの時間に変更して下さい。
記事を表示させている部分を見つけて下記を貼り付けます。(例はFC2ブログのテンプレート工房様配布のものです。)
お使いのテンプレートによって入れる箇所に違いがありますが、
<!--topentry-->〜<!--/topentry-->
あたりを探すと良いかと思います。
<!--▼▼ メイン表示 ▼▼-->
<!--▼ エントリー(記事)▼-->
<!--topentry-->
〜
<!--▼newマーク▼-->
<script type="text/javascript">
nw(<%topentry_year>,<%topentry_month>,<%topentry_day>,<%topentry_hour>)
</script>
<!--▲newマーク▲-->
<a href=">%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="記事を参照">
〜
<!--/topentry-->
<!--▲ エントリー(記事)▲-->
<font color="#ff0000">NEW!!</font>
の部分を
<img src="自分のサーバーにアップした画像のURL" border="0" />
と書き換えることで画像での表示に変更することが出来ます。
この記事へのトラックバックURL(内容確認後の表示とさせて頂いております。)
http://tanpoko.blog70.fc2.com/tb.php/237-91ea799b
|
|
|
| ※旗は拳斗会の時のものです。 |

【書籍掲載】
JK Fan 空手道マガジン
2007年1月号
「ようこそ JK Blog&HP」
【管理人】 chan (掲示板)
![]() | |
わからないことあったら教えてね!^ロ^;