ここに来る前にまずCSSの編集を読んでください。
では、HTMLの編集です。
【1番目にすること】1:カテゴリー内容をきちんと決め、現在の自分のページ(編集画面ではなく通常見える画面)を開きます。
2:開いたら、ブラウザの「表示」タブの「ソース」をクリック。するとテキスト画面が開きます。(*開かないときはコメントください。)
3:そのテキスト内容の中から(かなり大変かもですが)カテゴリーの部分であるタグを探し出します。私の場合は下記参照。(なんだか照れくさいけど・・ナゼ。)
<div class="MNTTL_R"> カテゴリ</div>
<div class="MN_R"><A HREF=http://hanachanel.exblog.jp/i2>初めに </A><BR><A HREF=http://hanachanel.exblog.jp/i5>作成開始</A><BR><A HREF=http://hanachanel.exblog.jp/i3>まず壁紙</A><BR><A HREF=http://hanachanel.exblog.jp/i4>タグを見る</A><BR></div>
こんな部分を見つけたら、丸ごとコピー。
【2番目にすること】
1:さきほど、丸ごとコピーしたカテゴリーのタグをHTML編集画面のヘッダ部分に書き込みます。書き込むのは、ヘッダーのタグの最後にある</div>のすぐ後ろに。
2:書き込んだら、タグを手直し。まず全ての<br>を削除。次に各<a href="省略">から</a>を囲むように<li></li>を入れる。それと、CSSのためのタグ<div class="MENU">を追加。最後の閉める部分に</div>を追加
[私の場合の例]
<div class="MENU"><li><a href="http://hanachanel.exblog.jp/"> トップ </a></li><li><A HREF=http://hanachanel.exblog.jp/i2>まず初めに</A></l><li><A HREF=http://hanachanel.exblog.jp/i5>作成開始</A></li><li><A HREF=http://hanachanel.exblog.jp/i3>壁紙関連</A></li><li><A HREF=http://hanachanel.exblog.jp/i4>タグを見る</A></li></div>
すると、ヘッダータグの中は全体的に見て私の場合はこんな感じ(ヘッダーから書いています)↓
<div class="HEADER">
この部分は省略
</div>
<div class="MENU"><li><a href="http://hanachanel.exblog.jp/"> トップ </a></li><li><A HREF=http://hanachanel.exblog.jp/i2>まず初めに</A></li><li><A HREF=http://hanachanel.exblog.jp/i5>作成開始</A></li><li><A HREF=http://hanachanel.exblog.jp/i3>壁紙関連</A></li><li><A HREF=http://hanachanel.exblog.jp/i4>タグを見る</A></li></div>
【最後にすること】※このページのように枠でくくりたくなければ必要ないです。
<div class="PAGE">というタグを、上記のように変更したカテゴリータグの後ろにある</table>となってるとこのすぐ後ろに追加。HTML編集画面の最後に</div>を追加。
ここまでがHTMLの編集です。