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

プラグインのHTMLを編集します。

<script type="text/javascript">
<!--
function showPlagin(idno){
pc = ('PlagClose' + (idno));
po = ('PlagOpen' + (idno));
if( document.getElementById(pc).style.display == "none" ) {
document.getElementById(pc).style.display = "block";
document.getElementById(po).style.display = "none";
}
else {
document.getElementById(pc).style.display = "none";
document.getElementById(po).style.display = "block";
}
}
//-->
</script>


<div id="PlagOpen1" style="display: none">
<ul><li><a href="#" title="OPEN" onclick="showPlagin(1);return false;">OPEN</a></li></ul></div>
<div id="PlagClose1" style="display: block">
<!-- ▼▼ -->

プラグインのHTMLを編集し、ここを表示させたいものに置き換えてください。

<!-- ▲▲ -->
<ul><li><a href="#" title="CLOSE" onclick="showPlagin(1);return false;">CLOSE</a></li></ul></div>

赤い箇所を上記のように編集すれば初期設定で開いた状態にすることが出来ます。

プラグインHTMLを編集します。

<script type="text/javascript">
<!--
function showPlagin(idno){
pc = ('PlagClose' + (idno));
po = ('PlagOpen' + (idno));
if( document.getElementById(pc).style.display == "none" ) {
document.getElementById(pc).style.display = "block";
document.getElementById(po).style.display = "none";
}
else {
document.getElementById(pc).style.display = "none";
document.getElementById(po).style.display = "block";
}
}
//-->
</script>

<div id="PlagOpen1">
<ul><li><a href="#" title="OPEN" onclick="showPlagin(1);return false;">OPEN</a></li></ul></div>
<div id="PlagClose1" style="display: none">
<ul><li><a href="#" title="CLOSE" onclick="showPlagin(1);return false;">CLOSE</a></li></ul>
<!-- ▼▼ -->

プラグインのHTMLを編集し、ここを表示させたいものに置き換えてください。

<!-- ▲▲ -->
<ul><li><a href="#" title="CLOSE" onclick="showPlagin(1);return false;">CLOSE</a></li></ul></div>

赤い部分の記述を加えれば上部にも『Close』が表示されます。
青い部分の記述を削除すれば、下部に表示されていた『Close』を消すことができます。

HTMLを編集します。

<!--▼コメント表示▼-->
<!--comment_area-->
<a name="comment_list"></a><br />
<div class="article">
<!--comment-->

<div class="comt">
<p><strong><a name="comment<%comment_no>" id="comment<%comment_no>"><%comment_title></a></strong></p>
</div>

<div class="comb">
<%comment_body>
<div class="comment_navi">
～
</div><!--/comment_navi-->
</div><!-- /comb -->

<!--/comment-->
<!--▲コメント表示▲-->

上記の赤い部分を加えてください。
次にスタイルシートを編集します。

～
/* コメントナビゲーション */
.comment_navi {
text-align: right;
margin-top:8px;
margin-bottom: 0px;
padding: 5px;
border-top: #dddddd 1px solid; /* 記事下ナビ区切り線 */
}

～

.comt {
border:solid 1px #000000; /* コメントタイトル枠 */
background:#000000; /* コメントタイトル背景色 */
color:#ffffff; /* コメントタイトル色 */
padding:5px;
}

.comb {
border:solid 1px #000000; /* コメント本文枠 */
margin-bottom:10px; /* 次のコメントまでの間隔 */
padding:5px;
}

comment_naviのmargin-bottomを0にして、スタイルシートの末尾にcomtとcombを加えてください。
これで各コメントを枠で囲むことができます。

【2009/09/21 追記】

上記HTMLの記述に誤りがあったので修正しました。
誠に申しわけありませんm(__)m　以前の記述は以下になります。

<!--▼コメント表示▼-->
<!--comment_area-->
<a name="comment_list"></a><br />
<div class="article">
<!--comment-->

<div class="comt">
<p><strong><a name="comment<%comment_no>" id="comment<%comment_no>"><%comment_title></a></strong></p>
</div>

<div class="comb">
<%comment_body>
<div class="comment_navi">
～
</div><!--/comment_navi-->
</div><!-- /comb -->

<!--/comment-->
<!--▲コメント表示▲-->

HTMLを編集します。

<!--▼ エントリー（記事）▼-->
<!--not_index_area-->

～

<!--/not_index_area-->
<!--▲ エントリー（記事）▲-->

これでトップページでは記事が表示されなくなります。
ブログらしくなく見せるテクニックとして有効かも知れません。


追記（2007年5月19日）
このカスタマイズを適用すると、「次ページ≫」で新しい記事が表示されない問題がありました。
（例：１ページの記事表示数を５つと設定していた場合、トップページの「次ページ≫」をクリックすると６つ目の記事から表示されてしまいます）
この問題を解決するために更に次のカスタマイズを施してください。

HTMLに次のような箇所があります。

<!--permanent_area-->
<!--▼ページナビゲーション(個別記事)▼-->
～
<!--▲ページナビゲーション(個別記事)▲-->
<!--/permanent_area-->

<!--not_permanent_area-->
<!--▼ページナビゲーション(全体ページ)▼-->
～
<!--▲ページナビゲーション(全体ページ)▲-->
<!--/not_permanent_area-->

※standardシリーズには(個別記事)と(全体ページ)の表示がありません。

これを次のように編集します。

<!--permanent_area-->
<!--▼ページナビゲーション(個別記事)▼-->
～
<!--▲ページナビゲーション(個別記事)▲-->
<!--/permanent_area-->

<!--not_index_area-->
<!--not_permanent_area-->
<!--▼ページナビゲーション(全体ページ)▼-->
～
<!--▲ページナビゲーション(全体ページ)▲-->
<!--/not_permanent_area-->
<!--/not_index_area-->

<!--index_area-->
<!--▼ページナビゲーション(トップページ)▼-->
<p class="page_navi">
| <a href="<%url>" title="<%blog_name>">HOME</a> |
<a href="<%url>page-0.html" title="次ページへ進む">次ページ≫</a>
</p><!--page_navi-->
<!--▲ページナビゲーション(トップページ)▲-->
<!--/index_area-->

赤い部分を加えてください。これでトップページの「次ページ≫」で最新の記事が表示されます。

HTMLを編集します。

【standardの場合】

<!--▼▼ カテゴリ、月別、検索結果ナビゲーション ▼▼-->
～

<!--▼ユーザータグナビゲーション▼-->
<!--tag_area-->
<div class="menu_title">[ <%sub_title> ] のタグを含む記事</div>
<div class="menu_cont" style="margin-top: 1em;">
<ul>
<!--topentry-->
<li><a href="#entry<%topentry_no>" title="記事の先頭へ"><%topentry_title>&nbsp;[<%topentry_year>/<%topentry_month>/<%topentry_day>]</a></li>
<!--/topentry-->
</ul>
</div><!--/menu_cont-->
<div class="page_navi">
<!--prevpage-->
<a href="<%prevpage_url>">≪前ページ</a>
<!--/prevpage-->
<!--nextpage-->
<a href="<%nextpage_url>">次ページ≫</a>
<!--/nextpage-->
</div><!--/page_navi-->
<!--/tag_area-->
<!--▲ユーザータグナビゲーション▲-->

<!--▲▲ カテゴリ、月別、検索結果ナビゲーション ▲▲-->

【lightframeの場合】

<!--▼▼ カテゴリ、月別、検索結果ナビゲーション ▼▼-->
～

<!--▼ユーザータグナビゲーション▼-->
<!--tag_area-->
<div class="various_outline">
<div class="various_title">[ <%sub_title> ] のタグを含む記事</div>
<div class="various_body">
<div class="various_text">
<ul>
<!--topentry-->
<li><a href="#entry<%topentry_no>" title="記事の先頭へ">
<%topentry_title>&nbsp;[<%topentry_year>/<%topentry_month>/<%topentry_day>]
</a></li>
<!--/topentry-->
</ul>
</div><!--/various_text-->
<div class="various_navi">
<!--prevpage-->
<a href="<%prevpage_url>">≪前ページ</a>
<!--/prevpage-->
<!--nextpage-->
<a href="<%nextpage_url>">次ページ≫</a>
<!--/nextpage-->
</div><!--/various_navi-->
</div><!--/various_body-->
</div><!--/various_outline-->
<!--/tag_area-->
<!--▲ユーザータグナビゲーション▲-->

<!--▲▲ カテゴリ、月別、検索結果ナビゲーション ▲▲-->

これでユーザータグにも便利ナビゲーション機能をつけることが出来ます。

【2009/07/22 追記】
このカスタマイズは 2009年07月22日以降にダウンロードされたテンプレート(standardならver.09、lightframeならver.04)では実装されています。
バージョンはHTMLかCSSの一番下を見ると確認できます。