ホームページ＆ブログ作成tips

今日はこのメニューの作り方です。




コレはシーサーブログ検証用サイトに作ってみました。
トップページのみに表示するよぉにしてあります。


ベースはマルチWinテンプレート３カラムのテンプレートを使っています。
記事上に自由形式のプラグインを使って、下記のタグを貼りました。


<table style="font-size: 12px; color: #000000;" width="182x" border="0" cellpadding="5" cellspacing="0" align="left">
<tr>
<td align="left"><strong>アフィリエイトをはじめるために </strong><br />
├ <a href="http://blogair.blog73.fc2.com/blog-entry-115.html">アフェリエイトとは？</a><br />
├ <a href="http://blogair.blog73.fc2.com/blog-entry-179.html">夢はありますか？</a><br />
├ <a href="http://blogair.blog73.fc2.com/blog-entry-119.html">自己アフィリエイト</a><br />
├ <a href="http://blogair.blog73.fc2.com/blog-entry-125.html">2ティアとは？</a><br />
├ <a href="http://blogair.blog73.fc2.com/blog-entry-197.html">ネットバンクの開設</a><br />
└ <a href="http://blogair.blog73.fc2.com/blog-entry-201.html">つまづいた時は</a><br />
</td>
</tr>
</table>
<table style="font-size: 12px; color: #000000;" width="190px" border="0" cellpadding="5" cellspacing="0">
<tr>
<td align="left"><strong>人気ブログの運営方法</strong><br />
├ <a href="http://blogair.blog73.fc2.com/blog-entry-148.html">ブログサービスを選ぶ</a><br />
├ <a href="http://blogair.blog73.fc2.com/blog-entry-184.html">FC2ブログを開設するためにFC2IDを取得する。</a><br />
├ <a href="http://blogair.blog73.fc2.com/blog-entry-188.html">FC2ブログを開設する</a><br />
├ <a href="http://blogair.blog73.fc2.com/blog-entry-158.html">更新pingを送信する</a><br />
├ <a href="http://blogair.blog73.fc2.com/blog-entry-165.html">ブログランキングに参加する</a><br />
├ <a href="http://blogair.blog73.fc2.com/blog-entry-169.html">ブログランキングのリンクのはり方</a><br />
├ <a href="http://blogair.blog73.fc2.com/blog-entry-152.html">アクセス解析をつけてみよう</a><br />
├ <a href="http://blogair.blog73.fc2.com/blog-entry-191.html">記事を書く</a><br />
├ <a href="http://blogair.blog73.fc2.com/blog-entry-155.html">記事をかいて他のブログを訪問しよう</a><br />
├ <a href="http://blogair.blog73.fc2.com/blog-entry-161.html">逆アクセスランキングでブログを盛り上げよう</a><br />
├ <a href="http://blogair.blog73.fc2.com/blog-entry-177.html">メールアドレス公開するかメールフォームを設置する</a><br />
└ <a href="http://blogair.blog73.fc2.com/blog-entry-204.html">時間予約投稿の活用</a><br />
</td>
</tr>
</table><br/>


文字のサイズや色、テーブル幅などを調整して、アナタ流に改造してください。
面倒な方はリンク先とタイトルを変えてこのまま使って頂いても(笑)


シーサーの自由形式でalign="left"なしで設置すると、全てがセンタリング
されてしまったので、全部左寄せにしています。
その他ブログサービスやテンプレートが異なると微調整が必要な場合もある
かもしれません。