この記事はライブドアーのBLOGツールを前提にしてますので、ライブドアBLOG使ってる人は参考にどうぞ^^。なおツツールは2005年1月時点のものです。それ以降のバージョンアップ等での仕様変更に対しての記載事項の変更は気が向いたらする予定です(笑。

さて・・・BLOGツールが使い勝手よくなってきたけど、まだまだHTML使って思い通りにサイトを作れるほど自由度は少ないんですが、BLOGの記事を書く「本文」にはある程度のHTMLが使えます。そこで、少しだけ日記を見やすくまとめるためのHTMLのテンプレートを載せます。三日坊主のサイトは途中からこのテンプレートだけを使って作成してます。

1.テンプレート
テンプレートは全角で載せてます。使うときは半角にしてね^^。

<TABLE ALIGN=”center” WIDTH=500>
<TR>
<TD><FONT SIZE=”2”></TD>
<TD><FONT SIZE=”2”></TD>
</TR>
</TABLE>



2.テンプレート内HTMLの説明。
説明は値を変えて意味のある部分に限定してます。


<TABLE ALIGN=”center” WIDTH=500>
 。廝稗庁圍函ΑΑζ記上の記事の記載幅。200だと狭く、800だと広い。幅が広すぎだと記事が読みにくいので、この設定をしておくと気持ち読みやすくなります。
 ■腺味稗韮痢ΑΑι充┛銘屐CENTERで中央に表示。

<TR>

<TD><FONT SIZE=”2”></TD>
 。咤稗擅邸ΑΑΩ紊曚廟睫世靴泙垢、この行内に記事またはSSを入れます。SIZEは記事の文字サイズです。

<TD><FONT SIZE=”2”></TD>
 上と同じ^^

</TR>

</TABLE>


3.テンプレート内に記事、SSを入れる
 テンプレート内に日記に記載する記事とSSを入れます。入れる場所はゝ事、■咤咾伐渉蠅靴討泙后
<TABLE ALIGN=”center” WIDTH=500>
<TR>
<TD><FONT SIZE=”2”></TD>
<TD><FONT SIZE=”2”></TD>
</TR>
</TABLE>

上記の位置に記事とSSを入れると、日記上左に記事、右にSSと表示されます。左にSS、右に記事としたい場合は,鉢△鯑れ替える事でできます。


1日の日記内に複数のSS、記事を載せたい場合は・・・・
<TABLE ALIGN=”center” WIDTH=500>
<TR>
<TD><FONT SIZE=”2”> 磧殖圍帖
<TD><FONT SIZE=”2”>◆磧殖圍帖
</TR>
</TABLE>

<TABLE ALIGN=”center” WIDTH=500>
<TR>
<TD><FONT SIZE=”2”></TD>
<TD><FONT SIZE=”2”>ぁ磧殖圍帖
</TR>
</TABLE>

・・・・と<TABLE 〜 </TABLEを繰り返します。

4.無駄に空いてる行間をなくす。
ライブドアのBLOGツールの初期設定では目に見えた改行がそのまま日記上の改行になってしまいます。上記のHTMLテンプレートには分かりやすくするため改行している都合上無駄に改行が入ってしまうので、改行をなくす設定を勧めます。
設定は新しく日記を作るページ下の方に「フォーマット」って言うコメントがあって「改行を
タグに変換」と「変換しない」の選択ができるようになっています。これを「変換しない」で選んでください。

・「改行をタグに変換」・・・見た目の改行を日記上の改行として扱う意味。
・「変換しない」・・・・見た目の改行を日記上の改行として扱わない意味。

上記設定をすることで、見た目の改行は日記に反映されなくなるので自分で改行を入れる必要があります。改行を入れるには改行を意味するHTMLとして<BR>を入れます。<BR>を入れた箇所で改行されます。

例)あいう<BR>えおかきく
日記上は

あいう
えおかきく

となります。

因みに線も入れられます。線は<HR>で入れられます。
例)あいう<HR>えおかきく
日記上は

あいう
えおかきく

となります。



日記〜三日坊主〜で使っているテンプレートとそのHTMLの意味の説明は上です。HTMLはまだまだ色々小細工は可能ですので興味あれば調べてみると飾りつけなどできます。でも面倒なので私はやってません。面倒だと更新しなくなりそうなので(´∀`;)。