電子書籍の厳選無料作品が豊富!

FC2ブログを使用してます。

共有テンプレートを少しいじってタイトルの下に「NEW ENTRY」という形で10件ほど記事タイトルを表示してます。

こんな感じです。
http://miyukiwf.blog35.fc2.com/

この中でさらに最新のもの(1日~2日内にアップしたもの)の右に「NEW」表示をつけたいんです。

使用しているテンプレートのHTMLはこんな感じです。(上の方だけですが・・)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html lang="ja" dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="author" content="<%author_name>" />
<meta name="description" content="<%introduction>" />

<!--▼検索用や検索避け、アクセス解析デザイン変更等のメタタグを入れる場合はここから▼-->

<!--/メタタグここまで-->

<title><%blog_name> <%sub_title></title>
<link rel="stylesheet" type="text/css" href="<%css_link>" media="screen,tv" title="default" />
<link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="rss" />
<link rel="top" href="<%url>" title="トップ" />
<link rel="start" href="<%url>" title="最初の記事" />
<!--preventry--><link rel="prev" href="<%preventry_url>" title="<%preventry_title>" /><!--/preventry-->
<!--nextentry--><link rel="next" href="<%nextentry_url>" title="<%nextentry_title>" /><!--/nextentry-->
</head>
<body>

<!--▼アクセス解析タグを入れる場合はここから▼-->

<!--/アクセス解析タグここまで-->

<!--▼レイアウトここから▼-->
<div id="layout">

<!--▼ヘッダーここから▼-->
<div id="header">
<p class="admin"><a href="<%url>?all" target="_self" title="全記事リストへ">*Allarchives</a>
<a href="<%server_url>control.php" title="管理ページへ">*Admin</a></p>
<h1 id="pagetop"><a href="<%url>"><%blog_name></a></h1>
<p class="intro"><%introduction></p>
</div>
<!--/ヘッダーここまで-->

<!--▼横カレンダーここから(いらない場合はここから削除▼-->
<div class="yoko_calender">
<%now_year>年<%now_month>月 / <a href="<%prev_month_link>"><%prev_month>月≪</a>
<!--calender2-->
<span class="day"><%days></span>
<!--/calender2-->
<a href="<%next_month_link>">≫<%next_month>月</a>
</div>
<!--/横カレンダーここまで(いらない場合はここまでを削除)-->

<!--▼メインここから▼-->
<div id="main">

<!--▼メイン記事ここから▼-->

<!-- ▼INDEX表示が邪魔な場合はここを削除 -->
<!--index_area-->
<!-- NEWENTRIES -->
<div id="newentrys">
<h2 id="newentryname" class="navi-title">New Entries</h2>
<div id="newentrylist" class="navi-contents" >
<ul>
<!--recent-->
<li><a href="#no<%recent_no>" title="<%recent_title>"><%recent_title></a> (<%recent_month>/<%recent_day>)</li>
<!--/recent-->
</ul>
</div>
</div>
<!-- NEWENTRIES END -->
<!--/index_area-->

<div id="main_block">

こういうカスタマイズというのも不慣れな者ですがどうぞよろしくお願いします。

A 回答 (2件)

「新着エントリーに New マークを表示する for FC2ブログ」


http://www.koikikukan.com/archives/2006/07/30-00 …

こちらを参考にしてみます。
「1.テンプレートの修正」のソース中に入っている、

<span class="new"><%recent_year>:(中略):<%recent_second></span>

上記の記述を、(<%recent_month>/<%recent_day>) と </li>の間に入れます。※ソース見慣れてない人にはちょっと見つけにくいかもですが頑張って見つけてください。

次に、「1.テンプレートの修正」にあるソースの中の、

<script type="text/javascript">
<!--
(中略)
//-->
</script>

部分を、<!-- NEWENTRIES END -->の上に入れます。

>1日~2日内にアップしたもの
ということであれば、このスクリプトの中の
var pass = 24;
の数字を、48とか、好きな数字に変えます。

で、最後に、CSSに「3.CSS設定」の記述を追加します。
    • good
    • 0
この回答へのお礼

再び教えていただいてありがとうございます!

とっても分かりやすく説明していただいたのでその通りにやってみました!

そしたらちゃんと思い通りに「NEW」マークが表示されました!

ダメもとで質問を出してみたので望みどおりのカスタマイズができてとても感激してます・・

本当にありがとうございました!

お礼日時:2008/06/16 04:11

「fc2ブログ new表示」で検索すると、方法がいくつか出てきますよ。

そちらを調べた方がわかりやすく解説されてるし、いいと思います。(大体Javascript使ってると思います)
その中でわからないことが出てきたなら、また質問されては。
    • good
    • 0
この回答へのお礼

回答ありがとうございます。

実は「FC2NEW表示」というのは全部調べてみたんです・・

でもどれも専門的な感じで書いてるので分かりませんでした・・

やっぱり素人には難しすぎる作業みたいですね・・

お礼日時:2008/06/15 17:09

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!