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

HTMLを編集します。
私のテンプレートの場合、次のような箇所があるはずです。

【light_frameの場合】

<!--▼▼ ヘッダー ▼▼-->
<div id="header_outline">
<div id="header_body">
<h1><a href="<%url>" title="<%blog_name> トップページへ"><%blog_name></a></h1>
<div class="intro"><%introduction></div>
</div><!--/header-->
</div><!--/header_outline-->
<!--▲▲ ヘッダー ▲▲-->

【standardの場合】

<!--▼▼▼▼ ヘッダー（タイトル部分）▼▼▼▼-->
<tr><td id="header">

<h1><a href="<%url>"><%blog_name></a></h1>
<h2><%introduction></h2>

</td></tr>
<!--▲▲▲▲ ヘッダー（タイトル部分）▲▲▲▲-->

上記の赤い部分を次の記述に置き換えてください。

<!--not_permanent_area--><%blog_name><!--/not_permanent_area--> <!--permanent_area--><%sub_title><!--/permanent_area-->

これで記事ページごとにブログタイトルを記事タイトルに変えることができます。

HTMLを編集します。

<!--▼最新記事ナビゲーション▼-->
〜
<!--topentry-->
<li>
<!--▼newマーク▼-->
<script type="text/javascript">
nw(<%topentry_year>,<%topentry_month>,<%topentry_day>,<%topentry_hour>)
</script>
<!--▲newマーク▲-->
<a href="#entry<%topentry_no>" title="記事の先頭へ">
<%topentry_title>&nbsp;[<%topentry_year>/<%topentry_month>/<%topentry_day>]
</a></li>
<!--/topentry-->
〜
<!--▲最新記事ナビゲーション▲-->

赤い部分を加えてください。これで『最新の記事』の便利ナビにも「NEW」マークが付きます。

HTMLを編集します。

<!--▼ エントリー（記事）▼-->
〜
<!--more--><%topentry_more><!--/more-->

<!--permanent_area-->
<br />
ここを表示させたいものに置き換えてください。
<br />
<!--/permanent_area-->

赤い部分を加えてください。これで記事ページのみに表示させることができます。

HTMLを編集します。
初期状態のlightframeは次のような構成になっています。

〜

<div id="center-left">

<div id="center">
〜
</div><!--/center-->

<div id="left">
〜
</div><!--/left-->

<br class="c-both">

</div><!--/left_center-->

<div id="right">
〜
</div><!--/right-->

〜

これを次のように並べ替えます。〜の部分も含めて並べ替えてください。

〜

<div id="right">
〜
</div><!--/right-->

<div id="center-left">

<div id="left">
〜
</div><!--/left-->

<div id="center">
〜
</div><!--/center-->

<br class="c-both">

</div><!--/left_center-->

〜

左メニュー、右記事の２カラムにしたい場合は
<div id="right">
〜
</div><!--/right-->
を、
右メニュー、左記事の２カラムにしたい場合は
<div id="left">
〜
</div><!--/left-->
をそれぞれ削除してください。
次にスタイルシートを編集します。

/******** ▼ サイトの幅 ▼ */
#outline {
width:1000px;
margin:0 10px;
}
#center {
width:526px; /* 削除 */
float:right; /* 削除 */
margin-left:230px; /* leftの幅+間隔 */
}
#left {
width:217px;
float:left;
}
#right {
width:217px;
float:right;
}
#center-left {
width:763px; /* 削除 */
float:left; /* 削除 */
margin-right:230px; /* rightの幅+間隔 */
}
/******** ▲ サイトの幅 ▲ */

灰色の部分を削除、茶色部分を追加してください。ただし
左メニュー、右記事の２カラムにしたい場合は
margin-right:230px; /* rightの幅+間隔 */を、
右メニュー、左記事の２カラムにしたい場合は
margin-left:230px; /* leftの幅+間隔 */
をそれぞれ削除してください。

これで左右のメニューカラムは固定、記事部分の中央カラムはブラウザに合わせた可変幅になります。
少々難しいカスタマイズなので「複製」でコピーをバックアップしてからカスタマイズしてください。

HTMLを編集します。
プラグイン３の上に設置したい場合は
<!--▼▼ プラグイン カテゴリー３ ▼▼-->の上に、
プラグイン３の下に設置したい場合は
<!--▲▲ プラグイン カテゴリー３ ▲▲-->の下に次の記述を加えてください。

<!--▼最新記事ナビゲーション▼-->
<!--not_permanent_area-->
<!--not_category_area-->
<!--not_date_area-->
<!--not_search_area-->
<!--not_titlelist_area-->
<!--index_area-->
<div class="menu_title">最新の記事</div>
<!--/index_area-->
<!--not_index_area-->
<div class="menu_title">アーカイブ</div>
<!--/not_index_area-->
<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-->
<!--/not_titlelist_area-->
<!--/not_search_area-->
<!--/not_date_area-->
<!--/not_category_area-->
<!--/not_permanent_area-->
<!--▲最新記事ナビゲーション▲-->

これで最新の記事の便利ナビが設置できます。

HTMLを編集します。
プラグイン３の上に設置したい場合は
<!--▼▼ プラグイン カテゴリー３ ▼▼-->の上に、
プラグイン３の下に設置したい場合は
<!--▲▲ プラグイン カテゴリー３ ▲▲-->の下に次の記述を加えてください。

<!--▼最新記事ナビゲーション▼-->
<!--not_permanent_area-->
<!--not_category_area-->
<!--not_date_area-->
<!--not_search_area-->
<!--not_titlelist_area-->
<div class="various_outline">
<!--index_area-->
<div class="various_title">最新の記事</div>
<!--/index_area-->
<!--not_index_area-->
<div class="various_title">アーカイブ</div>
<!--/not_index_area-->
<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-->
<!--/not_titlelist_area-->
<!--/not_search_area-->
<!--/not_date_area-->
<!--/not_category_area-->
<!--/not_permanent_area-->
<!--▲最新記事ナビゲーション▲-->

これで最新の記事の便利ナビが設置できます。

HTMLを編集します。

〜

for (j=0;j<S.length;j++) {
if (C[i]==S[j].innerHTML) {
if (Flg==true) {
I+='<li><a href="'+A[k].href+'" target="_blank">'+A[k].innerHTML+'</a></li>';}
k=j;Flg=true;}}
I+='<li class="end"><a href="'+A[k].href+'" target="_blank">'+A[k].innerHTML+'</a></li>';
I+='</ul>';}
document.getElementById('maplist').innerHTML=I;
--></script>
<!--/titlelist_area-->
<!--▲サイトマップ▲-->

〜

上記赤い部分を付け加えてください。これで各記事が別窓で開かれるようになります。

HTMLを編集します。

<head>
〜
<title><%blog_name> <%sub_title></title>
〜
</head>

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

<head>
〜
<title><%sub_title> <%blog_name></title>
〜
</head>

これでページタイトルは「記事タイトル+ブログタイトル」となります。

プラグインの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>

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