2005年02月11日

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

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

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



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

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

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

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

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


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


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

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

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


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


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

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

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


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


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

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

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


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

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

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

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

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



※おまけ

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

この記事へのトラックバック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
見ながら3カラム化しました。見に来てくれる人(自分も含む)が使いやすいようになってよかったです。

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