FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか?

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

メニューバーに最新記事と最新コメントを表示する

PSP Theme'zさんがメニューバーに最新記事と最新コメントを表示する方法を教えてくれたので紹介します。

このカスタマイズを施すには、まずメニューバーのドロップダウンの記事にあるスタイルシートを加えてください。

そしてHTMLを下記のように編集してください。

<!--▼ メニューバー ▼-->
<ul id="menu_bar">
<li><a href="<%url>">トップページ</a></li>
<li><a href="<%url>archives.html">サイトマップ</a></li>
<li><a href="<%url>blog-entry-1.html">記事1</a></li>
<li><a href="<%url>blog-entry-2.html">記事2</a></li>

<!--▼ 最新記事 ▼-->
<li class="menu" onmouseover="this.className='menu_on'" onmouseout="this.className='menu'"><a href="#">最新記事</a>
<ul>
<!--recent-->
<li>
<a href="<%recent_link>"><%recent_title> (<%recent_month>/<%recent_day>)</a>
</li>
<!--/recent-->
</ul>
</li>
<!--▲ 最新記事 ▲-->

<!--▼ 最新コメントを表示 ▼-->
<li class="menu" onmouseover="this.className='menu_on'" onmouseout="this.className='menu'"><a href="#">最新コメント</a>
<ul>
<!--rcomment-->
<li>
<a href="<%rcomment_link>#comment<%rcomment_no>"><%rcomment_name>:<%rcomment_etitle> (<%rcomment_month>/<%rcomment_day>)</a>
</li>
<!--/rcomment-->
</ul>
</li>
<!--▲ 最新コメントを表示 ▲-->


</ul>
<!--▲ メニューバー ▲-->


これでメニューバーに最新記事と最新コメントを表示することができます。
PSP Theme'zさん、ありがとうございました^^
関連記事
[ 7245 ] キーワードコレクター「無限」で稼ぐ方法模索中
最近、FC2のカスタマイズに関して質問を受けて調べたらこちらにたどり着きました。

凄い内容ですね・・・。

FC2ってこんなに色々できたのかー!と感心しきりです。

良い情報の提供ありがとうございます。
[ 2009/12/01 15:44 ] [ 編集 ]
[ 7249 ]
使わしてもらいました。
質問なのですがこれの第二階層の幅を変えるにはどうしたらよいですか?
よろしくお願いします。
[ 2009/12/01 23:34 ] [ 編集 ]
[ 7250 ] > キーワードコレクターさん
こんなサイトで良ければどうぞ参考にしてください^^
[ 2009/12/01 23:36 ] [ 編集 ]
[ 7252 ] > masa173さん
こちらを参考にしてください。

メニューバーのドロップダウン 【追記】
http://10plate.blog44.fc2.com/blog-entry-230.html#add20090804
[ 2009/12/01 23:45 ] [ 編集 ]
[ 7885 ] 質問です!
 ……の前に、初めまして。
 いつも通わせてもらっています^ー^w

 それで、質問なのですが『新記事』、『新コメント』、『カテゴリ』の表示方法は分かったのですが、リンクとアーカイブなどはどうすればいいのでしょうか?
 お暇なときにでも回答をお願いします><;
[ 2010/01/15 06:58 ] [ 編集 ]
[ 7886 ]
>>野崎yさん
<!--▼ リンクを表示 ▼-->
<li class="menu" onmouseover="this.className='menu_on'" onmouseout="this.className='menu'"><a href="#">リンク一覧</a><ul>
<!--link-->
<li>
<a href="<%link_url>" title="<%link_name>" target="_blank"><%link_name></a>
</li>
<!--/link-->
</ul></li>
<!--▲ リンクを表示 ▲-->

<!--▼ 月別アーカイブを表示 ▼-->
<li class="menu" onmouseover="this.className='menu_on'" onmouseout="this.className='menu'"><a href="#">月別アーカイブ</a><ul>
<!--archive-->
<li &align>
<a href="<%archive_link>" title="<%archive_year>年<%archive_month>月"><%archive_year>年<%archive_month>月 (<%archive_count>)</a>
</li>
<!--/archive-->
</ul></li>
<!--▲ 月別アーカイブを表示 ▲-->

となります。どうぞ参考にしてください。
[ 2010/01/15 20:20 ] [ 編集 ]
[ 7889 ] > 野崎yさん、tskillさん
> 野崎yさん
tskillさんのコメントを元に記事を掲載したのでこちらを参考にしてください。

メニューバーに「リンク」と「月別アーカイブ」を表示する
http://10plate.blog44.fc2.com/blog-entry-348.html

> tskillさん
これはとても有用な情報なのでコメントの内容を少し手直しして記事として掲載させてもらいました。(リンクタイトルが含まれていると上手く動作しない事があるので外しました)
いつもありがとうございます^^
[ 2010/01/15 23:51 ] [ 編集 ]
[ 7890 ]
>>いたおさん
ご指摘ありがとうございます。
確かに、titleタグがあるのはまずかったですね f^_^;)
まだまだ勉強が必要だな~
[ 2010/01/16 00:08 ] [ 編集 ]
[ 7891 ] おぉ・・
 お二人とも有難う御座いました!
 これからも参考にさせてもらいます><w
[ 2010/01/16 07:33 ] [ 編集 ]
[ 7898 ] > tskillさん、野崎yさん
> tskillさん
私はよくtskillさんに助けられてますし十分高いスキルをお持ちですよ^^

> 野崎yさん
参考になって良かったです^^
[ 2010/01/17 00:02 ] [ 編集 ]
コメントの投稿









管理者にだけ表示
※現在カスタマイズに関するサポートを休止中です。
表示が崩れる場合は表示が崩れる原因の調査手順をお試しください。
その他の問題はFC2ユーザーフォーラムにお問い合わせください。
トラックバック
この記事のトラックバックURL

ブログ内検索1
プロフィール

Author:いたお
更新は非常にマイペースです
現在休止中です

当サイトはリンクフリーです。

いたおの他の運営サイト
カレンダー
11 | 2016/12 | 01
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー

11 | 2016/12 | 01
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
ユーザータグ


△ ページトップへ戻る
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。