新着記事にnewマークを付ける方法 

これまた、リクエストがあったので、載せましょう〜♪
今回は、ほとんどのテンプレートに通用すると思います。

ただ・・・全てのテンプレートを見ているわけではないので・・絶対に出来るとは限りませんのご了承ください♪。

それでは、気になる方は続きをどうぞ♪
本日のブログランキングの注目は!
こちら↓から確認です♪




今回はHTMLの編集する場所が2カ所あります♪

その前に、新着記事にNEWのアイコンを表示するわけですから。

色々な素材屋さんからアイコンをお借りするなり、自作で作って用意してください。

その後、ファイルアップロードして画像のURLが必要となります。

<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('<img src="画像URL" border="0">')}
}
--></script>
<!--新着記事用new-->

</head>

まず、1箇所目は<head> 〜 </head>の間に上の太文字の所を挿入します(コピペOK)です♪

青い部分は時間指定です。24は24時間以内の記事にマークを表示するです。10なら10時間以内の記事にマークを表示するです。

緑色は画像のURLを入れてください。

 

2つ目の変更場所ですが、少しわかりにくいと思いますが・・

<!--エントリー-->

から始まる所があると思います。今回もリクエストがあった方のテンプレートを元にしますのでわからない方はコメント下さい。

<!--エントリー-->
<!--topentry-->
<div class="mainEntryBlock">
<div class="mainEntryTitle"><a id="<%topentry_no>" name="<%topentry_no>"></a><%topentry_title>

<!--newマーク-->
<script type="text/javascript">
nw(<%topentry_year>,<%topentry_month>,<%topentry_day>,<%topentry_hour>) </script>
<!--newマーク-->

</div>
<div class="mainEntryBase">
<div class="mainEntryBody"><%topentry_body></div>
<div class="mainEntryMore">

これも赤い部分をコピペして、挿入すると完成です。これで設定した時間内にアップされた記事に自分が用意したNEWマークが表示されるはずです♪

これでもわからない場合はコメント下さい♪

[ 2008/01/23 16:38 ] 【カスタム】 | トラックバック(-) | CM(0)

コメントの投稿














管理者にだけ表示を許可する