ブログのトップページの作成について

livedoor ブログで、トップページの作成について教えてください。

ブログは当然投稿した記事が常にトップに来るようになっています。
しかし目次やメニューを設置したい場合に、この目次・メニューページをデフォルトの表示ページにしたいと考えています。

現在サイドのカテゴリに目次みたいなものを置いていますが幅がせまく見栄えも良くありません。

html などを編集すると思うのですがどなたか方法などご存知ないでしょうか。

宜しくお願いします。

　HTMLではなくて、CSS（スタイルシート）の編集でカスタマイズしますので、CSSのことがわからないと好みのようにするのは難しいかもしれません。
　HP作成ソフトの中には、CSSの編集ができるものもあるようです。

　例：サクラ３カラムでは、下記のあたりの記述が、本文（日記記入欄）の上部にあたると思います。

body{
margin:0;
padding:0;
color:#4b4a62;
font-family:arial ,sans-serif;
text-align:center;
background:#ffedea;
}

a{color:#809933;}
a:link{}
a:visited{}
a:active{}
a:hover{text-decoration:none;}

#header{
color:#fff;
background:#4b4a62;
}

#header td{
font-size:12px;
text-align:right;
padding-right:10px;
}

#header a{color:#fff;}
#header a:link{}
#header a:visited{}
#header a:active{}
#header a:hover{text-decoration:none;}

#container{
margin:0 auto;
padding:0;
text-align:center;
word-break:break-all;
background:url(http://parts.blog.livedoor.jp/img/usr/sakura/topimg.gif) no-repeat 50% 0;
}

#banner{
width:775px;
height:225px;
text-align:center;
margin:0 auto;
}

#banner a{color:#747689;text-decoration:none;}
#banner a:link{text-decoration:none;}
#banner a:visited{text-decoration:none;}
#banner a:hover{text-decoration:underline;}

h1,h2,h3{margin:0;padding:0;}

.blogtitle{
}

.description{
}

#blogcontainer{
}

#wrapper{
}

#content{
}

#blog{
}

#lefttop,#righttop{}

#left{
}

#right{
}
-----
background:url(http://parts.blog.livedoor.jp/img/usr/sakura/topimg.gif) no-repeat 50% 0;
}が、その部分の背景になると思います。

　.blogtitle{～ #right{が、そのブログの表示サイズなどに関係します。
　あとはデザインにあわせたCSSの記述を調べないとならないかもしれません（詳しくなくて(*_ _)人ゴメンナサイ。

　カスタマイズの具体的な希望がわからないので、一般的な話題として考えてみました。

　ご存じかと思いますが、CSSの編集ページは、Livedoorblog管理画面＞カスタマイズ／管理＞デザインの設定＞カスタマイズで、CSSの編集画面という順で行けます。
　「カスタマイズ／管理」は画面の上の方、管理トップページという項目の２個右にあります。
　「デザインの設定」は、画面左の「ブログの設定／管理」の２番目の項目です。
　「カスタマイズ」は、一番下までスクロールした右にあります。

　CSS（スタイルシート）の編集画面の最初の方が、トップページの本文の上の部分にあたります。blogtitleよりも上の部分です。
　そこに書き込んで設定を保存し、CSSの再構築をすれば、変更が反映されます。

　CSSについては、ウェブ上でも、いろいろ紹介されているので、そういったサイトを利用するのが便利だと思います。
とほほのスタイルシート入門：