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

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-->
<!--▲サイトマップ▲-->

～

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


【関連記事】

• ブログのサイトマップの作り方
• サイトマップの各記事に日付を表示する
• ナビゲーション付きブログサイトマップ
• ブログサイトマップの記事表示順序を逆(古い順)にする
• サイトマップに記事番号（通番）を表示する
• 親子カテゴリ対応サイトマップ
• アイコン付きサイトマップ（親子カテゴリ非対応）
• アイコン付きサイトマップ（親子カテゴリ対応）