スポンサーサイト
2008年05月16日 (金)
12:38
新着マークを付ける
2006年01月02日 (月)
24時間以内に新着記事、新着コメント、新着トラックバックがあった時に、
Newと表示されるようにしてみました。
表示される場所は、記事タイトルの後ろ、サイドバーの”最近の記事”、”最近のコメント”、”最近のトラックバック”の各エントリー部分です。
【参考記事】
「FCafe」様：新着マーク
※現在、サイドバーの”最近のコメント”、”最近のトラックバック”はツリー化スクリプト導入のため、新着マークは表示されていません。
併用は今後の課題＾＾；
Newと表示されるようにしてみました。
表示される場所は、記事タイトルの後ろ、サイドバーの”最近の記事”、”最近のコメント”、”最近のトラックバック”の各エントリー部分です。
【参考記事】
「FCafe」様：新着マーク
併用は今後の課題＾＾；
（１）<head>〜</head>の中に以下のJaveScriptを追加。
（２）CSSに新着マークの表示形式を定めるクラス”new”を追加。
（３）New!マークを表示させたい箇所にスクリプトを追加。
<年>,<月>,<日>,<時>部分には、ブロックに該当する変数を記述します。
このBLOGでは以下の様に記述しています。
�ゝ�事タイトルの後ろ
�▲汽ぅ疋弌爾痢嶌廼瓩竜�事」部分
「最近の記事」の表示にはプラグインを使用しているので、最近の記事プラグインのHTML編集を行います。
�▲汽ぅ疋弌爾痢嶌廼瓩離灰瓮鵐函徂�分
ここも最近のコメントプラグインのHTML編集を行います。
��サイドバーの「最近のトラックバック」部分
ここも最近のトラックバックプラグインのHTML編集を行います。
※この記事が参考になったら、トラックバックお願いいたします。
<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('<span class="new">New</span>')}
}
--></script>
（２）CSSに新着マークの表示形式を定めるクラス”new”を追加。
.new {color:red; font-weight:bolder;}
（３）New!マークを表示させたい箇所にスクリプトを追加。
<script type="text/javascript">nw(<年>,<月>,<日>,<時>)</script>
<年>,<月>,<日>,<時>部分には、ブロックに該当する変数を記述します。
このBLOGでは以下の様に記述しています。
�ゝ�事タイトルの後ろ
<h2 class="entry_title"><a href="<%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="記事を参照"><%topentry_title> </a><script type="text/javascript">
nw(<%topentry_year>,<%topentry_month>,<%topentry_day>,<%topentry_hour>)
</script></h2>
�▲汽ぅ疋弌爾痢嶌廼瓩竜�事」部分
「最近の記事」の表示にはプラグインを使用しているので、最近の記事プラグインのHTML編集を行います。
<ul>
<!--recent-->
<li &align>
<a href="<%recent_link>" title="<%recent_title>"><%recent_title> (<%recent_month>/<%recent_day>)</a><script type="text/javascript">
nw(<%recent_year>,<%recent_month>,<%recent_day>,<%recent_hour>)
</script>
</li>
<!--/recent-->
</ul>
�▲汽ぅ疋弌爾痢嶌廼瓩離灰瓮鵐函徂�分
ここも最近のコメントプラグインのHTML編集を行います。
<ul>
<!--rcomment-->
<li &align>
<a href="<%rcomment_link>#comment<%rcomment_no>" title="<%rcomment_title>"><%rcomment_name>:<%rcomment_etitle> (<%rcomment_month>/<%rcomment_day>)</a><script type="text/javascript">
nw(<%rcomment_year>,<%rcomment_month>,<%rcomment_day>,<%rcomment_hour>)
</script>
</li>
<!--/rcomment-->
</ul>
��サイドバーの「最近のトラックバック」部分
ここも最近のトラックバックプラグインのHTML編集を行います。
<ul>
<!--rtrackback-->
<li &align>
<a href="<%rtrackback_link>#trackback<%rtrackback_no>" title="<%rtrackback_title>"><%rtrackback_blog_name>:<%rtrackback_title> (<%rtrackback_month>/<%rtrackback_day>)</a><script type="text/javascript">
nw(<%rtrackback_year>,<%rtrackback_month>,<%rtrackback_day>,<%rtrackback_hour>)
</script>
</li>
<!--/rtrackback-->
</ul>
※この記事が参考になったら、トラックバックお願いいたします。
(0)
COMMENT
by メカイヴ
新着マークを付ける方法、とても参考になりました＾＾
ここの記事を見ながらしたら、一発で出来たのが感動ですｗ
有難うございました[ぺこ]
ここの記事を見ながらしたら、一発で出来たのが感動ですｗ
有難うございました[ぺこ]
by Tigerうっす
>メカイヴさん
新着マークつけたんですね！
お役に立ててよかったです＾＾
新着マークつけたんですね！
お役に立ててよかったです＾＾
出来ました〜＾＾ by FujiLove
始めまして。
私も新着マーク付けたくてあちこちウロウロしてやっとこちらを見つけられて解り易く書いてあったのでトライしてみました。
そして・・・出来ました＾＾
この気持ちをどうやって表現したらいいか解らないんですが、数学の難しい問題が解けた時の喜びそのものです。
本当に有難うございました。助かりました。
私も新着マーク付けたくてあちこちウロウロしてやっとこちらを見つけられて解り易く書いてあったのでトライしてみました。
そして・・・出来ました＾＾
この気持ちをどうやって表現したらいいか解らないんですが、数学の難しい問題が解けた時の喜びそのものです。
本当に有難うございました。助かりました。
>FujiLoveさん by Tigerうっす
はじめまして〜。
お役に立てて、光栄です＾＾
うんうん、BLOGでカスタマイズが成功すると難解な数学の問題が解けたような気持ちですよね〜。
よく分かります。
さっき拝見したら、アニメーションGIFを使われているようですね。
カッコイイ！
富士山の写真サイトのようですね＾＾
私も写真が趣味なのです。富士山の写真撮りに行きたいなぁと思うのですが、
遠くて・・・＾＾；
FujiLoveさんの写真で我慢しようｗ
お役に立てて、光栄です＾＾
うんうん、BLOGでカスタマイズが成功すると難解な数学の問題が解けたような気持ちですよね〜。
よく分かります。
さっき拝見したら、アニメーションGIFを使われているようですね。
カッコイイ！
富士山の写真サイトのようですね＾＾
私も写真が趣味なのです。富士山の写真撮りに行きたいなぁと思うのですが、
遠くて・・・＾＾；
FujiLoveさんの写真で我慢しようｗ
はじめまして！ by り〜
NEWマーク、無事に装着デス！w
ありがとうございました[わらあにめ]
これからも参考にさせていただきます[ぐっど]
ありがとうございました[わらあにめ]
これからも参考にさせていただきます[ぐっど]
管理人のみ閲覧できます by -
COMMENT
新着マークを付ける方法、とても参考になりました＾＾
ここの記事を見ながらしたら、一発で出来たのが感動ですｗ
有難うございました[ぺこ]
ここの記事を見ながらしたら、一発で出来たのが感動ですｗ
有難うございました[ぺこ]
2006.01.06(Fri) 20:01
メカイヴ(#mzMb781o)
始めまして。
私も新着マーク付けたくてあちこちウロウロしてやっとこちらを見つけられて解り易く書いてあったのでトライしてみました。
そして・・・出来ました＾＾
この気持ちをどうやって表現したらいいか解らないんですが、数学の難しい問題が解けた時の喜びそのものです。
本当に有難うございました。助かりました。
私も新着マーク付けたくてあちこちウロウロしてやっとこちらを見つけられて解り易く書いてあったのでトライしてみました。
そして・・・出来ました＾＾
この気持ちをどうやって表現したらいいか解らないんですが、数学の難しい問題が解けた時の喜びそのものです。
本当に有難うございました。助かりました。
2006.01.31(Tue) 17:33
FujiLove(#-)
はじめまして〜。
お役に立てて、光栄です＾＾
うんうん、BLOGでカスタマイズが成功すると難解な数学の問題が解けたような気持ちですよね〜。
よく分かります。
さっき拝見したら、アニメーションGIFを使われているようですね。
カッコイイ！
富士山の写真サイトのようですね＾＾
私も写真が趣味なのです。富士山の写真撮りに行きたいなぁと思うのですが、
遠くて・・・＾＾；
FujiLoveさんの写真で我慢しようｗ
お役に立てて、光栄です＾＾
うんうん、BLOGでカスタマイズが成功すると難解な数学の問題が解けたような気持ちですよね〜。
よく分かります。
さっき拝見したら、アニメーションGIFを使われているようですね。
カッコイイ！
富士山の写真サイトのようですね＾＾
私も写真が趣味なのです。富士山の写真撮りに行きたいなぁと思うのですが、
遠くて・・・＾＾；
FujiLoveさんの写真で我慢しようｗ
2006.02.01(Wed) 07:02
Tigerうっす(#V.QdXw8.)
NEWマーク、無事に装着デス！w
ありがとうございました[わらあにめ]
これからも参考にさせていただきます[ぐっど]
ありがとうございました[わらあにめ]
これからも参考にさせていただきます[ぐっど]
2006.06.05(Mon) 14:48
り〜(#N2y2xK1c)
みぎｗ(04/03)
亜里沙(03/08)
Tigerうっす(03/01)
Tigerうっす(03/01)
ゲイ･ヨンジュン(02/29)
ゲイ･ヨンジュン(02/26)
ひさちん＠(02/24)
Tigerうっす(02/22)
ひさちん＠(02/21)
ゲイ・ヨンジュン(02/18)
さや(02/10)
ゆきねこ(02/07)
ちよ(02/06)
こま(02/03)
ゆきねこ(01/30)
Tigerうっす(01/28)
ゲイ･ヨンジュン(01/28)
未流(01/27)
こま(01/27)
KINGSWING(01/26)