iBlog / テキスト「回り込み」表示のやり方

個別エントリー単位で設定するやり方

html code はBABBOO さんにお教えいただきました。img src="shashin.jpg" の後にALIGN="LEFT"を入れタグを締めるだけでいいのです。ただ問題は iBlog の場合写真の挿入は iPhoto から直接挿入するやり方になっている事。html code を追記できないのです。写真ファイルを iDisk に直接アップするのもパスが面倒くさそうなので、知恵を絞って「裏技」を考えました。通常のやり方で写真を iBlog に挿入してからプレビューをするとローカルにファイルが出来ます。それを mi なんかで開いて修正する。後はセーブして発行するだけ。とても簡単です。ついでに hspace=20 も追記しますと写真と文章の間に間隔があくのでよろしいようで。

すべてのエントリーに一律適用させるやり方

これは iBloggers.net で erika さんが書いてられました。スタイルシートに次を追加します。

img {

float:left;

margin-right:20px;

margin-bottom:12px;

}

.date {

clear:left;

}

最後の clear は日付の欄で回り込みを解除するためのもの。小生の場合は .date ですが、人によって日付の名前が違うかも知れないので適当にやってください（入れなくてもいい？）。ただこれをすると個別のエントリーで html code 指定した写真の位置設定が無視されるようです（スタイルシートが優先される）。

最初の一覧ページにもこれが適用されます。いままで一覧ページは白地が大きくて、ちょっと行数が無駄遣いされていた感があったのですが、これで一ページ当たりの表示エントリー数が増やすことが出来ました。満足です。

以上、ご参考まで。