2005年02月11日

livedoorBlog にて３カラム化(その３)

このページはlivedoorBlog にて３カラム化(その２)の続きです。

続いてテーブルタグを利用して３カラム化する手順です。


１.テーブルタグのHTMLを挿入する準備

Blogの設定/管理 > デザインの設定 > スタンダード のページを開く。

CUSTOM を開くと テーマの設定 のページとなる。

HTMLテンプレート編集機能の こちらのページ を選ぶ。

HTMLの種類･トップページの 編集 を選ぶ。


↓このようなフォームが表示されればOK！

２.テーブルタグのHTMLを挿入する(その１)

<div id="links"> のHTMLタグの上に下記のHTMLを挿入する。

<table border=0><tr><td WIDTH="200" VALIGN="top">


↑矢印の箇所にHTMLを挿入する。

３.テーブルタグのHTMLを挿入する(その２)

<div id="content"> のHTMLタグの上に下記のHTMLを挿入する。

</td><td WIDTH="600" VALIGN="top">


↑矢印の箇所にHTMLを挿入する。

４.テーブルタグのHTMLを挿入する(その３)

</body> のHTMLタグの上に下記のHTMLを挿入する。

</td><td WIDTH="200" VALIGN="top">test</td></table>


↑矢印の箇所にHTMLを挿入する。

３箇所にHTMLを挿入できたら保存するを実行。

｢トップページ｣の再構築をするとブログは３カラムで表示されます。

｢test｣と表示されている場所が左側のカラムです。

ここに広告やコンテンツを表示させる事が可能です。。



※おまけ

↓テーブルタグのBORDERを表示させると３カラム化の骨組みが見える！

Posted by aspbb at 09:00│Comments(3)│TrackBack(1)
このBlogのトップへ│前の記事│次の記事

この記事へのトラックバックURL

この記事へのトラックバック
のんびりペースになってしまうかもしれませんがアフィリエイトの情報を紹介していきたいと思います。これから頑張っていきたいと思いますので皆さんよろしくお願いします。
アフィリエイト情報【アフィリエイト情報】at 2005年07月05日 01:25
この記事へのコメント
■いろいろとカスタマイズご苦労様です。
カスタマイズを楽しんでいらっしゃるのなら水を注して申し訳ありませんが、SeeSaaならこんなこと標準で備わっていますよ。

老婆心とは思いますが・・・。

Posted by 誠意 at 2005年02月11日 16:37
　私の「3カラムを考える」も参考に
http://blog.livedoor.jp/tetuya0213/archives/9544735.html
Posted by テツヤ at 2005年02月16日 23:29
見ながら３カラム化しました。見に来てくれる人(自分も含む）が使いやすいようになってよかったです。

日記で紹介いたします。
ありがとうございました。
Posted by 白星☆ at 2005年05月22日 21:45
 
このページの上へ▲