新着エントリーのあるカテゴリーに New マークをつける
「エントリー投稿後×時間以内」という指定により任意のテキストまたは画像を指定したリストに表示することができます。JavaScript で書きましたのでテンプレートにタグを追加するだけで動作します。また JavaScript OFF の場合は何も表示されないようにしています。Windows2000/XPのIE6.0・Firefox1.0・Opera8.0で動作確認しています。 動作はエントリー（カテゴリーリストは最新1件）の投稿時間を |
「最近のエントリー」の新着エントリーやカテゴリーリスト・サブカテゴリーリストで新着エントリーのあるカテゴリーに「New!!」というテキストや画像を表示するカスタマイズです（スクリーンショットはサブカテゴリーリストの完成イメージ）。１．テンプレートの修正
Newマークを表示したいテンプレートに下記の青色部分を追加します。例は公開テンプレートです。
１．１ 「最近のエントリー」の場合
<!-- エントリーリスト開始 -->
<div class="sidetitle">
Recent Entries
</div>
<div class="side">
<MTEntries lastn="10">
<a href="<$MTEntryPermalink$>" title="e<$MTEntryID$>"><$MTEntryTitle$></a> <span class="new"><$MTEntryDate format="%Y:%m:%d:%H:%M:%S"$></span><br />
</MTEntries>
</div>
<!-- エントリーリスト終了 -->１．２ カテゴリーリストの場合
<!-- カテゴリーリスト開始 -->
<div class="sidetitle">
Categories
</div>
<!-- 全カテゴリー用 -->
<div class="side" id="test">
<MTCategories>
<a href="<$MTCategoryArchiveLink$>">
<$MTCategoryLabel$></a> [<$MTCategoryCount$>] <span class="new"><MTEntries lastn="1"><$MTEntryDate format="%Y:%m:%d:%H:%M:%S"$></MTEntries></span><br />
</MTCategories>
</div>
<!-- 全カテゴリー用 -->１．３ サブカテゴリーリストの場合
<!-- カテゴリーリスト開始 -->
<div class="sidetitle">
Categories
</div>
<!-- サブカテゴリー用 -->
<div class="side">
<div id="categories">
<MTSubCategories>
<MTSubCatIsFirst><ul></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a> [<$MTCategoryCount$>] <span class="new"><MTEntries lastn="1"><$MTEntryDate format="%Y:%m:%d:%H:%M:%S"$></MTEntries></span><MTElse>
<li><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse max_depth="3">
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories>
</div>
</div>
<!-- サブカテゴリー用 -->２．スクリプトの追加
上記タグを設定した各テンプレートの最後の方に下記のスクリプトを追加します（上記タグの中に埋め込まないでください）。
<script type="text/javascript">
<!--
// passage time
var pass = 24;
// display content
var content = 'New!!';
var currentDate = new Date();
var spans = document.getElementsByTagName('span');
for (i = 0; i < spans.length; i++) {
if (spans[i].getAttribute('class') == 'new' ||
spans[i].getAttribute('className') == 'new') {
if (spans[i].childNodes[0]) {
time = spans[i].childNodes[0].nodeValue.split(":");
var entryDate = new Date(time[0], time[1]-1, time[2], time[3], time[4], time[5]);
var now = (entryDate.getTime() - currentDate.getTime())/(60*60*1000);
now = Math.ceil(now);
if(-now <= pass){
spans[i].innerHTML = content;
spans[i].style.display = 'inline';
}
}
}
}
//-->
</script>新着表示の時間は
// passage time
var pass = 24;の赤色部分を変更します。単位は時間です（例は24時間）。
表示させる内容は
// display content
var content = 'New!!';の赤色部分を変更してください。HTMLタグも大丈夫ですので
var content = '<img src="http://～/hogehoge.gif" style="vertical-align: middle" />';とすれば画像を表示することもできます。
３．CSS設定
スタイルシートに下記の設定を追加します。最初の display プロパティで１項のタグに設定したタイムスタンプを非表示にします。その下の color プロパティと font-weight プロパティは、 New!! という文字が表示された場合に適用される設定です。
span.new {
display: none;
color: red;
font-weight: bold;
}以上です。参考サイトは下記です。ありがとうございました。
2006.02.21
３項を追加しました。
2006.04.18
HTMLコメントの設定からCSSで非表示にする方式に変更しました。
2006.07.02
説明文を修正しました。
2009.01.04
エントリーのないカテゴリーを処理すると正常に動作しないという不具合があるため、スクリプトを修正しました。
- Movable Typeの各リストに新着マークを表示する（jQuery編）
- 新着マークを画像に表示する
- dTree サブカテゴリーリスト + 新着表示 for Movable Type
- 投稿者情報に New マークをつける
- 新着トラックバックに New マークをつける
- New マーク表示カスタマイズ改善のお知らせ
- 新着エントリーの New マークを親カテゴリーに表示する
- 新着コメントに New マークをつける
≫ Newマークを付ける。 from PARADISE BLOG
小粋空間 様のサイトを見ていたら目に止まった記事があったので導入されて頂きました... [続きを読む]
≫ カテゴリーリストにnewマークをつけてみた from 徒然ぶろぐ
いつもこっそり、お世話になっています。
今回も参考にさせていただきました！
ありがとうございます。 [続きを読む]
≫ 新着エントリにnewマーク（PC） from Let's try a little
またも、PC観覧のみのカスタマイズですが、新規投稿した記事のカテゴリーにnewマ... [続きを読む]
≫ 新着エントリーに New マーク！ from SWEET WATER Web Server
久しぶりにMTカスタマイズネタ 他の方法もあったような気がするんだけど、いつものように小粋空間さんのエントリーを参考にさせていただきました。こちらのほうが... [続きを読む]
≫ New!!の追加方法は？ from アフィリエイトの宝箱
小粋空間 様のサイトを参考にトップページにNew!!をつけさせていただきました。
有益な情報、ありがとうございました。 [続きを読む]
≫ 新規エントリー・トラックバック・コメントがあれば、サイドバーにマークをつける from はぁい、ちゅうもくちゅうもくぅ?
当サイトでは、最初は『最近のエントリー』『受信したコメント』『受信したトラックバ... [続きを読む]
≫ ＵＰマーク from まっちゃや。
「Ｎｅｗ entry」のメニューがサイド←にあると思うのですが、ここの新着1日半... [続きを読む]
≫ New!マークの追加 from Coffee Time
ここのところ、毎日のように小粋空間さんを参考にしつつ、カスタマイズを繰り返してい... [続きを読む]
≫ New マーク from +++サクサイト+++
新着エントリーのあるカテゴリーに New マークをつける 小粋空間http://... [続きを読む]
≫ 新着エントリーにNew!マークをつける from 稼ぐノウハウを駆使して効率アップ！時短アフィリエイト術
新着記事を投稿したときに、サイドメニューの目次（カテゴリー）と新着情報の新規エン... [続きを読む]
≫ エントリー新着通知 from とりあえずだららん
エントリー、新しいコメントが入ったときに24時間以内の場合 左のエントリー欄、及... [続きを読む]
≫ NEW！マークを表示させてみる[2]♪ from ++Blog-MELL++
昨日に続き 最近のエントリーリスト・カテゴリーリスト の新着に NEW！マークを... [続きを読む]
≫ ブログにNEWマークつけました。 from http://www.toruses.com/blog/
このブログ、MovableTypeで作り始めて2ヶ月経過しましたが、どんなカスタ... [続きを読む]
≫ 新着記事にNewマークを付ける from 大ちゃんの、ブログで稼げるか
小粋空間様の新着エントリーのあるカテゴリーに New マークをつけるを参考にして、『カテゴリ-新着記事』にNewマークを付けてみました。 考え方は、 ... [続きを読む]
≫ エントリーの新着情報に[New!!]マーク from WebRoom
サイト内の新着情報に[New!!]マークをつけようと思い、何かないかと検索して... [続きを読む]
≫ 素材置き場メニューに新着マークを付けました from INSTINCのおもちゃ箱
我が家の素材置き場もMovableTypeで運営しています。「MENU」ってし... [続きを読む]
≫ 新着エントリーのあるカテゴリーに「New」マークを追加 from Cybermax
以前（MT3.2ぐらいの頃？）やってたMTカスタマイズですが、復活させました。... [続きを読む]
≫ 一定時間で自動的に消える New マークを付ける JavaScript の jQuery 版 from かたつむりくんのWWW
小粋空間さんのところで紹介されている「新着エントリーのあるカテゴリーに New マークをつける」の jQuery 版を作ってみました。 このブログの「 R... [続きを読む]
おぉぉ＠＠なんてタイムリーな情報ががが。
いつもお世話になっております。
丁度今こういうことやろうとしてた時で、CGIで普通のファイルの更新をチェックするものは知っていたのですが、あらかじめ設定とか必要でカテゴリ多くなるとその分設定が必要なので躊躇していました。面倒だな?と思ってた所のタイミングで（ちなみにそのCGIはCGI-PLANTさんとこのGet Stampと言うCGIです）小粋空間さんの所を見たら・・・＠＠ビックリ
早速試してみます＾＾
いつもお世話になっています。広島市在住の日高屋です。
早速、New!!マーク付けました。文字が黒色だと見にくいので、赤字にしました。
ｖａｒ ｃｏｎｔｅｎｔ ＝ ’＜ｆｏｎｔ ｃｏｌｏｒ＝”＃ｆｆ００００”＞Ｎｅｗ！！＜／ｆｏｎｔ＞’；
いつもお世話になっております。早速質問の件エントリーして頂きありがとございます。そこで、チャレンジしたところカテゴリーのソース箇所を見たところ説明の<!-- 全カテゴリー用 -->箇所がなくサブカテゴリーしかありません。ツリー化してるかげんでその箇所を基本ソースより一部変更してるのでツリー化カスタマイズも何度か見直しましたが現在のようでいいのでは？と思います。そこで、サブカテゴリー箇所に今回の説明通りソースを追加したところメインカテゴリーとサブカテゴリーの両方にNEW表示されます。（現在、そのようになっています）
説明では、サブカテゴリーのみの表示をさせれる事ができるようなのですが上記の理由でどうしてもできません恐れ入りますが再度サポートお願いできませんでしょうか。宜しくお願い致します。
恐れ入りますお手数ですが、IE6ではgif画像は動くのですがMozilla Firefoxではgif画像が動かないのはどの部分を訂正すれば宜しいでしょうか。お手数ですがサポート宜しくお願いします。
＞ARCHさん
こんにちは。
早々のご利用＆ご連絡、ありがとうございます。
うまく表示できたようで安心しました。
ではでは！
＞日高屋さん
こんにちは。
ご利用ありがとうございます。
３項を追記しましたので参考になれば幸いです。
こんばんは、yujiroさん
お世話になっています。
記事を見ていて導入させて頂きました。
今回は、画像の方を付けて見たけど更新マークがあると便利ですね?ありがとうございます。
広島市在住の日高屋です
ＣＳＳ設定ありがとうございます。個人的には、ＨＴＭＬの方が慣れているのですが、ＣＳＳを追加するほうが便利ですね。参考にさせていただきます。
＞panserさん
こんにちは。
ご利用ありがとうございます。
ご質問の件ですが、ひとつのエントリーに対してカテゴリーを複数設定されていますので、その場合は両方に表示されます。
画像の件は拝見させて頂いたところ Firefox でも動作しているようですので解消されたという認識です。
以上です。
それではよろしくお願い致します。
＞mituruさん
こんにちは。
ご利用＆トラックバックありがとうございました。
更新状況が一目でわかるのでなかなか便利ですよね。
＞日高屋さん
こんにちは。
ご連絡ありがとうございました。
説明不足でしたが XHTML では font タグが非推奨になっております。
いつもこっそりお世話になっております。
ＴＢもさせていただいちゃったのですが、
カテゴリーの一覧でサブカテゴリーを折りたたみにしているので
親カテゴリーとサブカテゴリーの両方にnewを表示したいのです。
ちょっとがんばってみたのですが、どうもうまく行かないのです・・・。
お時間のあるときにでも、何か方法がありましたら教えていただけないでしょうか？
＞ちゅんさん
こんにちは。
ご質問の件ですが、新着エントリーの New マークを親カテゴリーに表示するを投稿させて頂きましたのでご確認ください。
以上です。
それではどうぞよろしくお願い致します。
小粋空間 様のサイトを参考にトップページにNew!!をつけさせていただきました。
有益な情報、ありがとうございました。
うれしくて、私が発行するメールマガジンでも紹介させていただきました。
これからも参考にさせてもらいます。
＞ぽてとさん
こんばんは。
ご利用ありがとうございます。
またご紹介くださり、大変光栄です。
こちらこそどうぞよろしくお願い致します。
こんにちわ。
ＮＥＷﾏｰｸですが、私は画像を使用してまして、
その場合は、【３．CSS設定】はしなくても大丈夫でしょうか？
今、ちょっとＢＬＯＧのカスタマイズを休んでいたんですけど。。。始めようと思っています。
＊また、お聞きすることになるかと思いますが、どうぞよろしくお願いいたします＊
また色々問題がでてきましたぁ
(゜ー゜;Aアセアセ
?7: line 41: <embed> は Mozilla、MSIE または doti 用のタグです。 → 解説 55
7: line 41: </embed> は Mozilla または MSIE 用のタグです。
↑調べましたが。。。よく分かりません。
すみません(´･(●●)･)(o´＿ ＿)oﾍﾟｺﾘ
?7: line 90: <span> を 88行目の <ul>?</ul> 内に書くことはできません。 → 解説 43
7: line 90: <br> を 88行目の <ul>?</ul> 内に書くことはできません。
↑これはコメント投稿でのｴﾗｰなんです。。。
すみません。アドバイスをよろしくお願いいたします。
＊今回は、元ＨＴＭＬは保存しております。
エントリーＮＥＷﾏｰｸのところに。。。
名前の下にずら???っと、日付や時間がありますが。。。
以前は（○／○）となっていたんです。
(´;ェ;`)ウゥ・・・
すみません。今日は、このくらいにしておきます。
お返事は、急がなくて大丈夫です。
どうぞよろしくお願いいたします。
＞feiさん
こんにちは。
ご質問の件ですが、３項の設定は必須です（2項も）。
?はとりあえずこのままでも良いと思います。
http://allabout.co.jp/internet/javascript/closeup/CU20031212/index.htm
が参考になります。
?は <li>タグに対応する</li>の位置が間違っています。該当の箇所は、HTMLソースが
<div class="side" id="commentlist"> <a href="http://pig-family.ciao.jp/blog/2006/04/post_4.html">アイテム作りをしましたぁ</a> <ul> <li><a href="http://pig-family.ciao.jp/blog/2006/04/post_4.html#c46" title="c46"> toshimaki</a> 04/13</li><span class="new">2006:04:13:14:51:35</span><br /> <li><a href="http://pig-family.ciao.jp/blog/2006/04/post_4.html#c47" title="c47"> まいく</a> 04/13</li><span class="new">2006:04:13:23:38:06</span><br /> <li><a href="http://pig-family.ciao.jp/blog/2006/04/post_4.html#c48" title="c48"> fei</a> 04/14</li><span class="new">2006:04:14:09:09:11</span><br /> </ul>
となっているので、下のようになるようにテンプレートを修正してください。br タグは不要です。
<div class="side" id="commentlist"> <a href="http://pig-family.ciao.jp/blog/2006/04/post_4.html">アイテム作りをしましたぁ</a> <ul> <li><a href="http://pig-family.ciao.jp/blog/2006/04/post_4.html#c46" title="c46"> toshimaki</a> 04/13<span class="new">2006:04:13:14:51:35</span></li> <li><a href="http://pig-family.ciao.jp/blog/2006/04/post_4.html#c47" title="c47"> まいく</a> 04/13<span class="new">2006:04:13:23:38:06</span></li> <li><a href="http://pig-family.ciao.jp/blog/2006/04/post_4.html#c48" title="c48"> fei</a> 04/14<span class="new">2006:04:14:09:09:11</span></li> </ul>
日付や時間は２項および３項の設定を追加すれば直ると思います。
以上です。
それではよろしくお願いいたします。
ありがとうございました。
日付のほうは、元にもどりました。
?なんですけども。。。
テンプレート（ＨＴＭＬ）で良かったですか？
私は、コメントのところに追加してみました。と言って間違っていました。それがチェックしても同じなんです。。。
｢<!-- 最近のコメント開始 -->｣ ｢<div class="sidetitle">｣ Comments ｢</div>｣｢<div class="side" id="commentlist">｣
｢<MTEntries recently_commented_on="5">｣
｢<a href="｢<$MTEntryLink$>｣">｣｢<MTEntryTitle>｣｢</a>｣
｢<ul>｣
｢<MTComments lastn="5">｣
｢<li>｣｢<a href="｢<$MTEntryLink$>｣#c｢<$MTCommentID$>｣" title="c｢<$MTCommentID$>｣">｣
｢<MTCommentAuthor>｣｢</a>｣ ｢<$MTCommentDate format="%m/%d"$>｣/｢<li>｣｢<span class="new">｣｢<$MTCommentDate format="%Y:%m:%d:%H:%M:%S"$>｣｢</span>｣｢</li>｣
｢</MTComments>｣
｢</ul>｣
｢</MTEntries>｣
｢</div>｣・
・
・
・
｢<!-- 最近のコメント終了 -->｣
上のようにしてみました。
間違っていると思います。。。。。(´;ェ;`)ウゥ・・・
質問いいですか？
すみません。。。
｢<param>｣ですが。。。
多分これは、「カレンダー」「フォトリーダー」「バナー」だと思います。。。
7: line 59: 59行目の ｢<param>｣ に対応する終了タグ ｢</param>｣ が見つかりません
とありまして。。。
私は、最後に｢</param>｣ を加えたんですけど、きっと場所がまちがっているんですね。。。
本当。申し訳ありません。。。
＞ｆｅｉさん
こんにちは。
<span class="new"> の直前に <li> がありますが、これは不要ですので削除してください。
<param> は </param> を加えるのではなく、例えば、
<param name='bgcolor' value='#ffffff'>
は、
<param name='bgcolor' value='#ffffff' />
と、そのタグの中の最後に "/" を書きます。"/" の前に半角空白もいれてください。
なおタグによって "/" を加えるのか </?> という閉じるタグを書くのかは異なります。
param タグについては、頂いたエラーメッセージの付近に
4: line 52: 空要素タグ は <param /> として閉じなければなりません。 → 解説 38
がありますので、修正の仕方の参考になると思います。
それではよろしくお願い致します。
ありがとうございます。
↑は、すべてエラーは出てません。
ヽ(＊⌒∇^)ノヤッホーイ
以前、フォトを【ポラロイド風】を導入したんです。
http://vanillabeans.chu.jp/sb/log/eid221.htmlさんのを参考にしました。
そこで、↓のエラーが、プラロイドのところなんですけども。。。
7: line 556: ｢<div>」 を 555行目の「< p>」?「</p>」 内に書くことはできません。「<div>」?/「<div>」 内に 「<p >」を書くことはできます。 → 解説 43
呼び出す際に、「<div class="photo">」?フォトの導入部分?「</div>」
「<p class="rel">」本文「</p>」
なんです。
（私の場合は、２枚同時に導入したいたので。。。
「</p>」を、本文の最後に付け加えてみました。が！！！同じ結果になりました。）
解説を見たんですけども。。。分からず。。。
すみません(´･(●●)･)(o´＿ ＿)oﾍﾟｺﾘ
＞feiさん
こんばんは。
エントリーの本文に div タグを書くのはやめた方がいいでしょう。
"div" を "span" に書き換えてみてください（閉じるタグもお忘れなく）。
つまり、
<div class="photo">?（中略）?</div>
は
<span class="photo">?（中略）?</span>
にしてみてください。
ではでは。
ありがとうございます。
直してみました。他に自分で分かる所は、やってみています。。。
もう少し時間がかかりそうです。
え?とですね。。。左や右のメニューがあるんですけども、例えば、タイトルをつけて一行改行する場合は、「<br>」ではなくて、「<ｄｉｖ>」ですか？
あのタイトルと、くっついてしまうのが。。。どうも。。。(゜ー゜;A
改行するのに、以前は「<br>」だったんですけど、確か。。。エラーだったんです。。。
＊お返事急がないです。本当、忙しい中ありがとうございます。＊
＞feiさん
こんばんは。
「br タグが不要」と言っているのは全て不要ではなく、ul タグを使用している部分のみ不要という意味です。その理由についてはブロックレベル要素とインライン要素が参考になるかもしれません。
div タグは乱用しない方がいいです。
また「タイトルとくっつく」というのは具体的にどの部分かご連絡ください。
なお空白を作るにはCSS（スタイルシート）を利用します。
例えば、左サイドバーの「Comments」というタイトルと、そのすぐ下にある「アイテム作りを…」という行間をもっと空けたい場合は、スタイルシートの下記の赤色を消して青色を追加します。
/* サイドメニュー */ .side { margin: 3px 0 20px; margin: 20px 0 20px; background: none; color: #000000; font-size: 10px; _font-size: 9px; line-height: 150%; }
google で「スタイルシート margin」で検索すれば変更内容の意味がお分かりになると思います（不明な場合はご連絡ください）。
それではどうぞよろしくお願い致します。
ありがとうございます。
できました！！！
タイトルとくっついてしまうっていうので、ＣＳＳで直したあとに、バナータイトルの下にすぐ「カレンダー」というサイドタイトルがくっつていたんですけど、ＣＳＳで直してみましたらできました。
C=(^◇^ ; ホッ!
とりあえず、今日は・・・ここまでにしておきます。
お世話になりました。
また、質問したら？！ごめんなさい。。。
``r(^^;)ポリポリ
＞feiさん
こんばんは。
ご連絡ありがとうございます＆お疲れ様でした。
チェックの点数もかなり上がってきましたね。
また何かございましたらご連絡ください。
ではでは！
こんばんわ。
また、エラーを直してみました。
右サイドメニューに「ＢＢＳ」「メロメロパーク」というのがあります。
以前は、ぐちゃぐちゃだったので改めて直してみました。「Ａｎｏｔｈｅｒ ＨＴＭＬ」で確認したところ。。。問題が出ました。
何度か、いろいろ直してみましたけど。。。同じ結果です。。。(´;ェ;`)ウゥ・・・
7: line 987: 「</div>」 は 986行目の 「<td>」 と重なり合っているようです。 → 解説 707: line 987: 「</div>」 は 984行目の 「<tr >」と重なり合っているようです。 → 解説 70
7: line 987: 「</div>」 は 983行目の 「<tbody>」 と重なり合っているようです。 → 解説 70
7: line 987: 「</div>」 は 982行目の 「<table >」と重なり合っているようです。 → 解説 70
7: line 1064: 「<td >」を 966行目の 「<div>」?「</div>」 内に書くことはできません。「<td>」?/「<td>」 内に 「<div>」 を書くことはできます。 → 解説 43
本当ぉ。申し訳ないです。解説をみても。。。
分からず。。。出来るところまでやってみましたが。すみません。またお世話になります。
＊お返事は、急がなくて大丈夫です。
ＧＷですし、ゆっくりしてください。＊
＞feiさん
こんばんは。
ご質問の件ですが、例えば、タグBをタグAの中に書く場合、タグBはタグAからはみだしてはいけません。
以下にそのサンプルを示します。タグAを div に、タグBを table タグに置き換えてお読みください。
現在発生しているエラーがまさにこの問題です。
正しい例
<div> <table> <tbody> <tr><td>コンテンツ</td></tr> </tbody> </table> </div>
正しくない例
<div> <table> <tbody> <tr><td>コンテンツ</div></td></tr> </tbody>
ピンポイントで書けなくて申し訳ありませんがテンプレートをカスタマイズする場合のポイント（HTMLマークアップ編）をエントリーしましたので参考になれば幸いです。
以上です。
それではよろしくお願い致します。
ありがとうございます。
エラーが出なくなりました。結果も「ふつう」と表示されています。C=(^◇^ ; ホッ!
今日はこれくらいにしておきます。
お世話になりっぱなしで、本当ぉ?申し訳ないです。。。(o*。_。)oペコッ
＞feiさん
こんばんは。
ご連絡ありがとうございました。
私も最初は苦労しました。（笑）
慣れてしまえば苦にならないと思います。
もう少しエラーがとれて、The W3C Markup Validation Service のチェックがOKになれば、このサイトの右下にある黄色いバナーを貼り付けることもできます。
こんにちわ。
もう少しですか？w(゜ー゜;)wワオッ!!
嬉しいです。
エラーは大体、６以上でしたよね？
それで、少し自分でやってみて、分からないのが。。。あったんで。すみません・・・
6: line 12: 空要素タグ <link> の要素には空白さえも含めることはできません。 → 解説 40 6: line 1088: <map> には id 属性が必要です。 → 解説 86
すみません(´･(●●)･)(o´＿ ＿)oﾍﾟｺﾘ
バナー貼れるように、頑張ります！！！
＞feiさん
こんばんは。
12行目はタグの最後に " /" をつければOKです。13・14行目と同じ書き方をしてください。
1088行目は
<map name="lovemohuring" id="lovemohuring">
と、青色を追加してください。「id 属性」とはタグの中に書かれている id="?" のことです。
それではよろしくお願い致します。
ありがとうございます。
(o*。_。)oペコッ
今、エラーが「ふつう」って出ています。。。
どのくらいでOKですか？
あと、５または４のエラーも直したほうがいいですか？まだ、７エラーが何個かあるんですけど。。。
以前に、質問したのです。。。（４月２４日のです。）
＞feiさん
こんにちは。
OKの目安は、The W3C Markup Validation Serviceで valid（検証OK）になることを目指せば良いでしょう。
embed タグの7エラーについては回避策がないか調べてみます。
ありがとうございます。
お手数をおかけいたします。。。
W３Cでチャックしたときに、８０エラーって出たんです。。。(´;ェ;`)ウゥ・・・
あの８０エラーをすべて、直したらいいんですかね?？すごい数で。。。それも英語で分からなかったです。
そのOKというところが分からず。。。まぁー８０もエラーがあるので。。。かなり時間はかかると思いますけど。。。お世話にまたなりそうで。。
本当ぉ申し訳ないです。。。
ちょっとだけ、できるところを直してみました。
W3Cで。６３コだったかのエラーになりました。
Another HTMLで、３?５のエラーも直したほうがいいですよね？
＞feiさん
こんばんは。
W3Cのエラーは解析が難しいので、Another HTML-lint gatewayのエラーを解消してください。高い点数から順に解消すると良いでしょう。
数は多いですが、修正は同じ内容のものが多いと思います。
こんにちわ。
いつもお世話になっております。
?エントリーに絵文字を入れたんです。（かなり前に・・・）
その関係なのか・・・（エラーのページを見ると絵文字のところだったんで。。。）
3: line 520: style 属性を使うときは <head>?</head> 内に <meta http-equiv="content-style-type" content="?" /> を指定しなければなりません。
こういったエラーが出ています。すみません。。。
解説を見てみ分からず。。。
?3: line 54: `&katachi` は不明な実体参照です。 → 解説 114
これは、カレンダーとかフォトリーダーのですね。そこで、解説をみたところ＆katachi'のあとに「；」を加えてとあったんです。加えてもダメでした。
（これは複数あります。。。）
?5: line 984: <td> に Mozilla または MSIE 用の属性 `background` が指定されています。 → 解説 80
これは右サイドメニューのコレピクの画像です。
こちらの素材を配布しているところではサポートはなかったです。。。（表示されているんで。。。）しかし。。。エラーは出ます。
すみません。解説をみても・・・？？？でしたぁ
?5: line 1091: <a> のアンカー名が空です。 → 解説 212
これは、右メニューのメロメロパークのところの切り替えの部分なんですが。。。
HTTP：//~のところを「＃」にという指定をしています。。。
沢山すみません。。。一応、同じところでエラーが数個重なっているんで。。。
お忙しいところすみませんがよろしくお願いいたします。(o*。_。)oペコッ
＞feiさん
こんばんは。
ご質問の件ですが、
?head に下記を追加してください。
<meta http-equiv="Content-Style-Type" content="text/css" />
?「&katachi」は「&」の直後に「amp;」を付与して「&katachi」にしてください。詳細は文字実体参照についてを参照ください。
?<td background="?"> という設定は Firefox 等では違反ですよ、という意味です。
背景はスタイルシートで設定しましょう。
?「#」だけではエラーになります。つまり「#hogehoge」と、「#」の後ろに何か文字を入れないといけませんが、ここはそのページのURLでも良いのではないでしょうか。
以上です。
それではどうぞよろしくお願い致します。
いつもお世話になっております。NEW表示のカスタマイズ再度参考にさせて頂きました。ありがとございます。そこで、少しお聞きしたいのですが親カテゴリーでNEWの表示を▼横に表示させたいのですがどのように変更すればいいでしょうか？現在、親カテゴリー名の下に表示されています。お手数おかけ致しますがサポート宜しくお願い致します。
先ほどの件、なんとか解決できました。すみませんでした。今後とも宜しくお願い致します。
おおお！この手があったか！
早速、イタダキ！（＾．＾）ｂ
＞johannesさん
こんばんは。
ご利用＆コメントありがとうございます。
はじめまして。こちらの新着マークをサブカテゴリに表示するカスタマイズ導入させていただきました。
質問があるのですが、表示有効時間内に2つ以上の該当する記事がある場合、
1.NEW表示をデフォルトのままテキスト表示するとすべての表示有効時間内カテゴリにNEW表示が出る。
2.NEW表示を画像表示にすると、一番最新に更新されたカテゴリのみに画像が出る。
という現象がおきています。カスタマイズの記述に誤りはないと思うのですが、原因がわかるようでしたらお教えいただけないでしょうか。よろしくお願いいたします。
＞ひとみさん
はじめまして。
ご利用ありがとうございます。
ご質問の件ですが、「２．スクリプトの追加」の追加位置が誤っているようです。追加位置はテンプレートの末尾（例えば </body> の直前等）で、１．１?１．３で示しているタグ（の中）の後方ではありません。
誤解を招く説明でしたので、説明文を若干修正しました。
なお修正後も不具合が発生するようでしたらお手数ですが再度ご連絡頂ければ幸いです。
それではよろしくお願い致します。
早速のご回答ありがとうございました！
無事表示できました。とてもうれしいです！
これからもよろしくお願いいたします。
＞ひとみさん
こんにちは。
ご連絡ありがとうございました。
無事に直ってよかったです。
ではでは！
はじめまして。いつも大変参考にさせていただき助かっています。（BlogPeopleにもリストさせていただきました）
何度やってもこれだけはうまくいかないので質問させてください。。。
新着エントリーの部分にNEWマークを付けたいのですが、日付がそのまま表示されてしまいます。スタイルシートも設定しているのですが。。。
MacでSafari1.3.2ですと新着エントリーにはちゃんと画像NEWマークが出ますが、新着でないエントリーには日付が出ます。IE5.2ですとすべてに日付が表示されてしまいます。スタイルシートの設定の効果がないせいだと思いますが、、、。すみません。お時間があるときにお助けください。
＞KYOKO with Facintoshさん
はじめまして。
ご利用ありがとうございます。
ご質問の件ですが、Safari1.3.2の対処については２項のスクリプトを下記のように青色部分を追加して頂ければ解消すると思われます。
： if(-now } else { spans[i].style.display = 'none'; } ：
当方Mac環境を所有していないため、MacIE5.2 については対処案を提示することができません。お許しください。
なお、CSSの「span.new」を 「.new」や「span .new」にしたり、span タグに直接「style="display:none"」を与える等すれば、もしかしたら表示に変化があるかもしれません。すいませんが色々試してみてください。
またBlogPeople登録ありがとうございました。
こちらからも登録させて頂きました。
それではよろしくお願い致します。
早々のご助言ありがとうございます！！早速試してみました。スクリプトを直すのと、「style="display:none"」を付け足すことでSafari1.3.2は万全になりました！IE5.2の方はNEWマークは以前表示されないのですが、日付が表示されなくなったのでよしとします。
環境違いのMacのことまで教えていただいてありがとうございました。
＞KYOKO with Facintoshさん
こんばんは。
ご連絡＆情報ありがとうございました。
とりあえずなんとかなったようでホッとしました。
ではでは！
小粋空間さんのFC2Blogのテンプレートを利用して、エントリーとカテゴリーにNEW表示させたいと思うのですが可能でしょうか？可能であればカスタマイズ方法サポートお願いします。
＞panserさん
こんばんは。
エントリーは可能と思われますので別途エントリーしたいと思います。
少々お時間ください。
はじめまして。
MovableTypeの全くの初心者です。現在、サイトを構築中ですが、大変参考にさせていただいています。おかげさまでカテゴリにNEW!をつけることができました。今後もいろいろと勉強させていただきます。ありがとうございました。
＞emaさん
はじめまして。
カスタマイズご利用ありがとうございます。
なにかございましたらお気軽にご質問ください。
それではよろしくお願い致します。
はじめまして。
聞きたい事がありますが、MTSubCategories をカテゴリーアーカイブに入れってもカテゴリがでないです。
日付アーカイブとエントリー・アーカイブはちゃんとカテゴリがでますけど、、
暇があったら教えてもらいたいですが、、
よろしくお願いします。
はじめまして。
聞きたい事がありますが、MTSubCategories をカテゴリーアーカイブに入れってもカテゴリがでないです。
日付アーカイブとエントリー・アーカイブはちゃんとカテゴリがでますけど、、
暇があったら教えてもらいたいですが、、
よろしくお願いします。
＞パクウンジュウさん
はじめまして。
ご質問の件ですが、「カテゴリーアーカイブで全サブカテゴリーリストを表示」が参考になると思います。
それではよろしくお願い致します。
いつも色々な機能、大変参考になっておりますm(__)m
今回の NEW マークも参考にさせてもらったのですが、外部javascriptとして読み込みたかったので、スクリプト全体を
function loaded(){
var pass = 24;
（中略）
}
こんな感じで括り、
<body onLoad="loaded()">
HTML読み込み後に実行という形をとらせてもらいましたm(__)m
これからも色々なカスタマイズ楽しみにしているので頑張ってください！
＞hiroさん
こんにちは。
ご利用＆ご連絡ありがとうございました。
うまく外部ファイルにできたようで良かったです。
ではでは！
こんばんわ?
新着表示にNEWをつけたいのですが、サイドメニューのｴﾝﾄﾘｰの横に日付などが最初は出てたんですが、CSSの追加で、日付は消えたのですが、NEWの表示がされません；；
バックアップをとり、何度も挑戦しましたが出ません。どうしたものでしょうか？・・・
追記
今もう一度確認したのですが、IEで見るとNEWが見えないのですが、Mozilla Firefoxだと表示されてました・・・
なんとか表示できました；；
申し訳ありませんでした。
＞ななこさん
こんばんは。
ご質問の件、自己解決されたようで良かったです。
ではでは。
はじめまして。
ぶろぐん＋(blogn-plus)でブログを作っているのですが、私もぜひぜひ「新着エントリーのあるカテゴリーに New マークをつける」ことをしたいのです。
どう検索してみても、ぶろぐんにはそういうことをしている人がいないようなのです。途方にくれていたところ、以前SBでブログを作っていたときに何度も参照させていただいた小粋空間さんにたどりつきました。
厚かましいとは思いましたが、ぶろぐん使いの私たちにも「newマーク」の恩恵を与えてください。お願いします。
＞ha2さん
はじめまして。
ご要望ありがとうございます。
まずはぶろぐん＋の機能把握からですが、可能であれば別途エントリーしたいと思います。
すいませんがしばらくお時間ください。
ありがとうございます。
お忙しいところ、即日のご返事をいただき、感激です。
厚かましいかとも思いながらも、思い切って書き込んでみて良かったです。
それでは、お時間の取れるときを心待ちにしております。かしこ。
＞ha2さん
こんばんは。
ご連絡ありがとうございました。
せっかくなのでテンプレートから公開したいと思います。
ではでは！
いつもお世話になっております。
前に一度、このカスタマイズを使っていたときはきちんと「New!!]と表示されていたのですが、同じ内容で構築し直したところ表示されなくなりました。
タイムスタンプはきちんと表示されているのですが…。
あと、CSSなのですが
span.new {
display: none;
color: red;
font-weight: bold;
}
と記載すると、タイムスタンプも表示されなくなります。
「span.new」を「.span.new」とすると
タイムスタンプが表示されます。
CSS自体もよく理解して今せんが、どのようにすればよいかご教授願います。
CSSはきちんと動いているようで、
display: inline;
と変更すると、ちゃんとタイムスタンプで表示されます。
なぜ
display: none;
だと「New!!」が表示されないのか見当が付きません…
お騒がせしましたが解決しました。
申し訳ありません。
＞寺山 銀さん
こんにちは。
ご質問の件、解決されたようで良かったです。
なお、原因をお知らせ頂ければ他の方の参考にもなりますので、ご連絡頂ければ幸いです。
それではよろしくお願い致します。
: December 17, 2007 1:46 PMお世話になります。
実は、設置の途中で日付や時刻表示の方が良いかと思い
<span class="new"><$MTEntryDate format="%Y:%m:%d:%H:%M:%S"$></span>
のタグを
<span class="new"><$MTEntryDate format="%Y/%m/%d/%H:%M:%S"$></span>
と、日付がわかりやすくなるようにしたのです。
2007:12:17:15:20:4 → 22007/12/17/15:20:42
確かに日付は見やすく表示されたのですが、ご質問した内容の不具合が後々出たという次第です。
元のタグに戻すことにより、これらは解消されました。
物事を知らないのに勝手に動くと痛い目を見る、と言うことでしょうか…。
: December 17, 2007 5:09 PM＞寺山 銀さん
こんばんは。
＃コメントは修正致しましたので後から頂いたコメントは勝手ながら削除させて頂きました。
ご連絡ありがとうございました。
タイムスタンプの区切り文字に全て":"を使っているのは、":"をセパレータとして、年月日時分秒をそれぞれ別々にJavaScriptのデータとして取得しているためです。
その部分の説明が抜けててすいません。
それではよろしくお願い致します。
: December 18, 2007 11:00 PMyujiroさん、お世話になります。3.34で使わせていただいていた「新着エントリーや新着コメントにNEWマークをつける」ですが、4.1用にDIVをDTやDDに置き換えて設置してみました。いつものサイトではなく、テストサイトです。（http://blog.michiko-oota.com/）うまく行ったら「http://www.michiko-oota.com/mt」に設置するつもりで。
scriptはフッター部分に書き足したのですが、どうもそのスクリプトが働いてくれていないように思います。メニューの全てのエントリーやコメントに赤文字で日付が表示されていまいます。何か設定し忘れている事があると思うのですけど、自分では分かりません。お手すきの時に教えて下さい。
: February 22, 2008 9:38 AM＞路子さん
こんばんは。
ご質問の件ですが、script要素の終了タグが抜けているようです。
すでに解決済のようですが、カスタマイズがうまくいかない方のために情報展開させて頂きました。
それではよろしくお願い致します。
: February 24, 2008 12:57 AMコメント投稿テスト
yujiro 様
お世話になります
2回目の質問になります、今回も初歩的な質問になりますが
宜しくお願い致します、バージョン4.2を使って構築中なのですが、
新着ブログ数を増やしたいと思って色々やってみたりyujiroさんの最近書かれた
著書パーフェクトガイドなども購入して読んだりしたのですが、出来ません
どうか、新着ブログ表示数の増やし方を教えて下さい
初期設定では新着ブログが3つ表示されています、5.6つ位にしたいです。
大変お忙しいと思いますが宜しくお願い致します。
＞知花さん
こんばんは。
ご質問の件ですが、新着ブログ（厳密には「新着ブログ記事タイトル」ですね）の件数を増やすには、新着ブログ記事タイトルを表示している MTEntries タグに、下記のように lastn="5" を追加してください。
<mt:Entries lastn="5">
…後略…それではよろしくお願い致します。
: October 17, 2008 10:39 PM忙しい中早急のコメントありがとうございます！
早速ためしてみます。
荒木様、お世話になります。
今、新着マークのカスタマイズをしているのですが、カテゴリー欄には一度は新着マークがついたものの、それ以降、表示されずにいます。
始めはtest段階でしたので、デフォルトのNEW!!のままでしたが、無事表示されたので、画像を入れました。
ところが、今度からは一切表示されず、デフォルトに戻しても、ウィジェットを初期化して、新着マークのみのカスタマイズをしても表示されません。
一度、カテゴリーアーカイブのページを見ていただけないでしょうか？
ツリー化、折りたたみなどをしているので、見にくく、一部なのですがよろしくお願いします。
ブログサイトはhttp://www.pandora-box.club/blog/です。
<mt:topLevelCategories>
<mt:subCatIsFirst>
<ul class="tree">
</mt:subCatIsFirst>
<mt:if tag="CategoryCount">
<li class="tree<MTSubCatIsLast>_end</MTSubCatIsLast>"><a href="<mt:categoryArchiveLink />" title="<mt:categoryDescription />"><a href="<mt:categoryArchiveLink />" title="<mt:categoryDescription />"><mt:categoryLabel /></a> [<mt:categoryCount />]
<span class="new"><MTEntries lastn="1"><$MTEntryDate format="%Y:%m:%d:%H:%M:%S"$></MTEntries></span>
<mt:else>
<li class="tree<MTSubCatIsLast>_end</MTSubCatIsLast>"><mt:categoryLabel />
</mt:if>
<mt:subCatsRecurse />
</li>
<mt:subCatIsLast>
</ul>
</mt:subCatIsLast>
</mt:topLevelCategories>
</dd>
</mt:ifArchiveTypeEnabled>
また、お時間がありましたら、MT6.1ver.のカスタマイズ記事を載せて頂けないでしょうか。
かなりタグが変わってきているように見られますので、初心者にはありがたいです。
: June 3, 2015 11:45 AM＞託生さん
こんばんは。
ご質問の件ですが、
var spans = document.getElementsByTagName('span');という部分を
var categorylist = document.getElementById('categorylist');
var spans = categorylist.getElementsByTagName('span');に書き換えてみてもらえますでしょうか。
: June 5, 2015 12:03 AM荒木様、お世話になります。
早速、スクリプトを書き換えました。
昨日の時点では、「タクミくんシリーズ<高校生」と「管理人の一言」のカテゴリーのみでしか、表示されなかった画像が「タクミくんシリーズ<大学生」でも表示されるようになりました。
もちろんトップページからも見られるようになりました。
お忙しい中、ありがとうございました。
: June 5, 2015 10:05 AM
