以下の内容はhttp://10plate.blog44.fc2.com///blog-entry-130.htmlより取得しました。


新着コメントに新着表示「NEW」マークを付けて目立たせる

以前にちゃんさんが教えてくれた新着記事に新着表示「NEW」マークを付けて目立たせるカスタマイズを紹介しましたが、今回は新着コメントに新着表示「NEW」マークを付けて目立たせる方法を紹介します。


プラグイン「最近のコメント」のHTMLを編集します。

管理画面→プラグイン設定→最近のコメント「HTMLの変更」

<ul>
<!--rcomment-->
<li &align>
<a href="<%rcomment_link>#comment<%rcomment_no>" title="<%rcomment_title>"><%rcomment_name>:<%rcomment_etitle> (<%rcomment_month>/<%rcomment_day>)</a>
<!--▼newマーク▼-->
<script type="text/javascript">
nw(<%rcomment_year>,<%rcomment_month>,<%rcomment_day>,<%rcomment_hour>)
</script>
<!--▲newマーク▲-->

</li>
<!--/rcomment-->
</ul>


上記箇所に<!--▼newマーク▼-->~<!--▲newマーク▲-->を加えてください。

次にテンプレートのHTMLを編集します。
※既に新着記事に新着表示「NEW」マークを付けて目立たせるカスタマイズをされている方は不要です。

HTMLを編集します。

<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>


nt=24;」が時間なので12にすれば12時間だけ付きます。

<img src="画像URL" border="0">
この部分はアイコン画像が無いなら、
<font color="好きな色" size="希望の文字の大きさ">NEW!!</font>
とするとNEW!!の文字を表示します。

コメントを書き込んでもらえることはブロガーの喜びの一つでもあります。
新着表示はその喜びをさらに高めてくれるかもしれませんね。
関連記事



以上の内容はhttp://10plate.blog44.fc2.com///blog-entry-130.htmlより取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14