広告
FC2ブログ
素敵なものに出逢った時・・・思わず作品を制作してしまいます
なんとなくひとこと
まめに更新できるように努力中
→NEWアイコンのプログラム
2008年08月03日 (日) | 編集 |

記事のタイトルにNEWの画像をつけたい!

このブログの場合は・・・pneko_pastel3c_1を基本テンプレートとしてカスタマイズしております。

pneko_pastel3c_1のHTML編集

<%blog_name><!--/permanent_area--></title>
</head>
<body>

この様になっていました。
そして・・・

</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('<img src="画像URL">')}
}
--></script>
張りつけます。

貼り付けたら最後の方の('<img src="画像URL">')}の画像URLを指定したアドレスに付け替えます。

こんな感じになります

<%blog_name><!--/permanent_area--></title>
<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('<img src="画像URL">')}
}
--></script>
</head>
<body>


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

このブログだと・・・

<!--topentry-->
<div class="EntryBlock">
<div class="EntryTitle"><img src="http://blog-imgs-18.fc2.com/p/u/k/puku2/hana-w.gif" width="17" height="17" border="0"> <a id="<%topentry_no>" name="<%topentry_no>"</a><%topentry_title>
</div>
となっています

赤字で書いた</a>の後に、
これをコピーして張りつけます。

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


こんな感じになります

<!--topentry-->
<div class="EntryBlock">
<div class="EntryTitle"><img src="http://blog-imgs-18.fc2.com/p/u/k/puku2/hana-w.gif" width="17" height="17" border="0"> <a id="<%topentry_no>" name="<%topentry_no></a><script type="text/javascript">
nw('<%topentry_year>','<%topentry_month>','
<%topentry_day>','<%topentry_hour>')
</script>

<%topentry_title>
</div>

この様になります。できたら最後に更新を押して下さい。

この方法だと24時間以内に投稿された記事に対してNEWの画像がつきます。
この時間を変えたければ一番最初に設置した
<script type="~~~--></script>の中のnt=24を数字を変えれば変わります。(1時間単位)
コメント
この記事へのコメント
●親切さんへ
お返事ありがとうございます。
簡単にできたので・・・とても感謝しております。新着がすぐに見れるのでとてもありがたいです。ありがとうございました。これからもよろしくお願い致します。
2008/08/04(Mon) 22:05 | URL  | 乙姫様 #LkZag.iM[ 編集]
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
2008/08/04(Mon) 20:28 |   |  #[ 編集]
コメントを投稿
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可
 
トラックバック
この記事のトラックバックURL
この記事へのトラックバック