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

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

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

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">記事１</a></li>
<li><a href="<%url>blog-entry-2.html">記事２</a></li>


<li class="menu" onmouseover="this.className='menu_on'" onmouseout="this.className='menu'"><a href="#">最新記事</a>
<ul>

<li>
<a href="<%recent_link>"><%recent_title> (<%recent_month>/<%recent_day>)</a>
</li>

</ul>
</li>



<li class="menu" onmouseover="this.className='menu_on'" onmouseout="this.className='menu'"><a href="#">最新コメント</a>
<ul>

<li>
<a href="<%rcomment_link>#comment<%rcomment_no>"><%rcomment_name>:<%rcomment_etitle> (<%rcomment_month>/<%rcomment_day>)</a>
</li>

</ul>
</li>


</ul>

これでメニューバーに最新記事と最新コメントを表示することができます。
PSP Theme'zさん、ありがとうございました＾＾

関連記事

横カレンダーに背景画像を表示 (2009/12/10)
縦メニューの階層化 (2009/12/06)
縦メニューの設置 (2009/12/04)
メニューバーに最新記事と最新コメントを表示する (2009/12/01)
親子カテゴリ対応サイトマップに新着表示Newマークを付ける (2009/11/25)
ページ送りナビゲーションに枠を付ける (2009/11/23)
プラグインフリーエリア等の中身を横に４つ並べて表示する (2009/11/19)

[ 2009/12/01 00:22 ] カスタマイズ共通カスタマイズ | TB(0) | CM(10)

≪ IEで改行タグ<br>を連続しても改行されないバグについて | HOME | 記事タイトルの色を変える (lightframe) ≫

[ 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 ] 質問です！

　……の前に、初めまして。
　いつも通わせてもらっています＾ー＾ｗ

　それで、質問なのですが『新記事』、『新コメント』、『カテゴリ』の表示方法は分かったのですが、リンクとアーカイブなどはどうすればいいのでしょうか？
　お暇なときにでも回答をお願いします＞＜；

[ 2010/01/15 06:58 ] [ 編集 ]

[ 7886 ]

>>野崎yさん

<li class="menu" onmouseover="this.className='menu_on'" onmouseout="this.className='menu'"><a href="#">リンク一覧</a><ul>

<li>
<a href="<%link_url>" title="<%link_name>" target="_blank"><%link_name></a>
</li>

</ul></li>



<li class="menu" onmouseover="this.className='menu_on'" onmouseout="this.className='menu'"><a href="#">月別アーカイブ</a><ul>

<li &align>
<a href="<%archive_link>" title="<%archive_year>年<%archive_month>月"><%archive_year>年<%archive_month>月 (<%archive_count>)</a>
</li>

</ul></li>


となります。どうぞ参考にしてください。

[ 2010/01/15 20:20 ] [ 編集 ]

[ 7889 ] > 野崎ｙさん、tskillさん

> 野崎ｙさん
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 ] おぉ・・

　お二人とも有難う御座いました！
　これからも参考にさせてもらいます＞＜ｗ

[ 2010/01/16 07:33 ] [ 編集 ]

[ 7898 ] > tskillさん、野崎ｙさん

> tskillさん
私はよくtskillさんに助けられてますし十分高いスキルをお持ちですよ＾＾

> 野崎ｙさん
参考になって良かったです＾＾

[ 2010/01/17 00:02 ] [ 編集 ]

コメントの投稿