ネットで稼ぐブログアフィリエイト

広告の紹介記事を書くだけで収入！

ＳＯＨＯ・起業家を成功に導く電子書籍販売ツールを提供・・インフォカート

一番簡単な方法から行きましょう。

プラグインの追加でフリーエリアを選択します。
そこで、各記事のリンクを作るという方法。

こんなんじゃなくて記事がある所の最上部に持って来たいんだ！

っていう人は、新しい記事を書く時に時間指定を2、3年先の時間にして、
いつもみたいに記事を書く感覚で目次・INDEXを作り投稿する方法。

これも簡単な方法でやってる人も多くいますね＾＾

または、テンプレートのカスタマイズでもできます。

FC2ブログだとテンプレート中にフリーエリアが用意されている物があるので、
それをうまく利用するのもいいですね＾＾

ない場合は作りましょう。

ブログによって記述が違うので必ずとは行きませんが、
FC2ブログの場合は、記事を生成している部分、

<!--エントリー-->
<!--topentry-->
<div class="mainEntryBlock">
<div class="mainEntryTitle"><h2><a href="<%topentry_link>" title="記事を読む"><%topentry_title></a></h2></div>

こんな感じで記事区画と記事タイトルを思わせる場所があります。
ここの

<!--エントリー-->
<!--topentry-->

より上に

<div class="mainEntryBlock">
<div class="mainEntryTitle">フリーエリアのタイトル</div>
<!-- ここからフリーエリア -->
ここに目次・INDEXを作る。
<!-- ここまでフリーエリア -->
</div>

を追加してあげるだけで完了！

Livedoor Blogの場合はデザインの変更⇒カスタマイズ⇒トップページの

<div id="blogcontainer">
<div id="wrapper">
 <div id="content">
  <div id="blog">
<!-- ここからフリーエリア -->
ここに目次・INDEXを作る。
<!-- ここまでフリーエリア -->
  <!-- Loop Start -->

この場所ですね。

目次・INDEXを作る時の注意としては、
わかりやすいようにするために、
テーブルタグをうまく利用してみましょう。

<!-- 左側一覧 -->
<table style="font-size:12px;" align="left" width="49%">
<!-- はじめに -->
<tr><td><a href="http://daruneko.blog72.fc2.com/blog-category-3.html" target="_blank"><b style="color:#000000; font-size:14px">はじめに</b></a></td></tr>
<tr><td>&nbsp;&nbsp;<a href="http://daruneko.blog72.fc2.com/blog-entry-7.html" target="_blank">ネット銀行口座開設</a></td></tr>
<!-- はじめに -->
</table>
<!-- 左側一覧 -->

こんな感じで私は一つ一つをテーブルで設定してあげています。
<tr>ごとに各記事がある場所だとわかりやすいのです。

これだけだと左側だけになってしまうので、
右側に作るために、もう一個テーブルタグを作ってあげます。

<!-- 右側一覧 -->
<table style="font-size:12px;" align="left" width="49%">
<!-- はじめに -->
<tr><td><a href="http://daruneko.blog72.fc2.com/blog-category-3.html" target="_blank"><b style="color:#000000; font-size:14px">はじめに</b></a></td></tr>
<tr><td>&nbsp;&nbsp;<a href="http://daruneko.blog72.fc2.com/blog-entry-7.html" target="_blank">ネット銀行口座開設</a></td></tr>
<!-- はじめに -->
</table>
<!-- 右側一覧 -->

同じ物を追加してあげるだけです。
これで私の目次と同じ感じになるはずです。

ただ、記事枠の横幅などのサイズが違うと思うので、
このままではデザインが崩れることもあります。

<table style="font-size:12px;" align="left" width="100px">

デザインが崩れた時は「width」の値を小さくして下さい。
パーセント単位は少しわかり難いかもしれないので、
ピクセル単位で小さくしてみて下さいね＾＾

また、この目次・INDEXより下に何か記述したい時は必ず

<br clear="all">

で改行してね。
ただの

<br>

では、効果がないので必ず

<br clear="all">

で改行です。
これをしないと、どんどん右側に表示されて行きます。