FC2ブログカスタマイズ 〜新着マーク〜

実はご質問頂いた方（※以下質問者様とさせて頂きます。）にはコメントを通じて既に試して頂いた解決策があります。

また、当ブログで配布中のテンプレート「h007-3middle」で、新着マークの JavaScript が正しく動作することは確認済みです。

まず私は質問者様がスクリプトのコピペを失敗しているのかな？と思い質問者様のブログの HTML ソースを確認しました。

正しい場所に正しくコピペされているようでした。

しかし、私のブログに設置した HTML ソースと質問者様のブログの HTML ソースを見比べると、新着マークを表示させる部分にペーストした短いソースに微妙な違いがある事に気が付きました。

そこで私が新着マークを表示させたい部分にペーストした JavaScript をそのままお渡ししました。下のスクリプトがそれです。

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

質問者様の HTML ソースには、上のスクリプトの赤い部分「'」シングルクォーテーションが抜けているように思えたのと、オレンジの部分「<%topentry_year> など」 FC2 の独自変数が正しいものかが HTML ソースからだと判断できないので上のスクリプトをそのままお渡ししました。
※その後、シングルクォーテーションは抜けていても今回の JavaScript は動作することを確認しました。

しかし、頂いた返事は
「やっぱり新着マークは消えないままでした(´；ω；`)」
と、涙そうそうなご様子でした。

次に思いついたのは、JavaScript で使用されている関数や変数が、他の JavaScript で使用されている関数や変数と同じ名前のモノが存在し、不具合が発生しているのかな？と考え、関数と変数を書き換えた JavaScript を参考までにお渡ししました。

と言うのも、質問者様のブログには沢山の JavaScript が既に設置済みでした。

質問者様へ
お気付きでしたら読み流して頂きたいのですが、Firefox のエラーコンソールで質問者様のブログを確認するとエラーが11個、警告も沢山あり、１秒毎に警告が増えて行くと言った状態です。余計な事かも知れませんが、１度、そのようなエラーや警告を何が発生させているかを突き詰める必要があるのかも知れません。

話を解決策に戻すと
頂いた返事は
「DLしても開かず、テキストで開くと文字化けしちゃうんですが・・・（汗）」

と、ここ迄が現状です。

なので、新たな問題の解決策を記載すると、まず DL したファイル名を「h_update」、拡張子を「js」にします。ファイル名はお好きな名前でも結構です。

次に文字化けですが、EUC-JP にエンコーディングされたソースコードを扱えるエディタを用意します。フリーソフトで簡単に見つかると思います。参考までに Windows をお使いでしたら「サクラエディタ」なんかが有名です。Mac をお使いでしたら「mi」が有名です。

しかし、下に同じソースコードを貼っておくのでエディタはまた今度でも OK ですし、DL する必要もありません。
でも、ブログのカスタマイズをされる時は、そう言ったエディタがあると何かと重宝しますので、お暇な時にでもお気に入りのエディタを見つけてみることをお薦めします。ちなみに私の Windows でのお気に入りエディタは現在 Crescent Eve です。定型句が少しだけ使いづらく感じているのですが、ソコはクリップボードの拡張ソフトなどでカバーすると、シンプルなのにとっても素敵なエディタです。

下が関数名と変数名を変更したサンプルスクリプトです。

<script type="text/javascript"><!--
var Htoday=new Date();
function Hentry(u1,u2,u3,u4) {
	var Hterm=24;//時間で期限を指定（24だと1日）
	var Hday=new Date(u1,u2-1,u3,u4);
	if (Htoday-Hday<3600000*Hterm) {
		document.write('<img src="表示させたい画像のパス" alt="" />')
	}
}
// --></script>

上のサンプルスクリプトの赤い部分に表示させたい画像への URL（パス）を記入し、現在のスクリプトと置換してください。
※作業の前にテンプレを複製（バックアップ）しておくと安心です。

次に新着マークを表示したい部分（記事のタイトル部分の後ろ）のスクリプトも下のサンプルスクリプトと置換します。

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

この解決策で駄目だとすると、現状で私が思いつく解決策は・・・以上です。「質問者様へ」でも述べさせて頂きましたが、設置中の他の JavaScript を見直して行く必要があるのかも知れません。

ブログパーツ・アクセス解析・広告などなど、JavaScript が関係しているモノを全て外し、１つずつ設置し直して行きます。

その時、少々面倒かも知れませんが、ブラウザのエラーコンソールで確認し、もしもエラーがある時はそのエラーを解決します。エラーの内容にもよりますが、制作者のサイトに同じ問題の解決策があることも少なくありません。

解決策が無い場合は、コメントやメールで質問されると良いと思います。多くの制作者がそうしたフィードバックを歓迎すると思いますし、同じ問題が発生している他の利用者にも喜ばれると思います。

ちなみに当ブログで配布中のテンプレート「h007-3middle」はデフォルトで CSS の警告が４つありますが、多くのブラウザでテキストを同じくらいのサイズに見せる為に YUI を使用しているからです。エラーでは無いので無視しています＾＾