ブログ下部に主な記事へリンクする目次を作成しました。
この記事は、ムーバブルタイプを使ったこのブログの作業メモです。
記事が多くなってくると、過去に投稿した見て欲しい記事を探すのが難しくなってくるので、目次を設置する事にしました。
「メインメニュー」→「テンプレート」→「メインページ」の中の、該当する部分に以下のような感じでタグを貼り付けました。tableタグでなくdivを使ってみました。わかりやすいように色をつけています。
| <div style="width: 100%;"> <div style="float: left; width: 33%; background-color:red;"> 左の列 </div> <div style="float: left; width: 33%; background-color:blue;"> 中央の列 </div> <div style="float: left; width: 33%; background-color:yellow;"> 右の列 </div> </div> <div style="clear:both"></div> |
↓こういう風に表示されます。↓
左の列
中央の列
右の列
最後に、「<div style="clear:both"></div>」を入れないと、
その後に入力したタグが「右の列」の更に右側に回りこんでしまうということを、KumaCrowさんに教えていただきました。