「新しいブログエントリの投稿」をクリックします。
「タイトル」と「本文」を入力してください。
本文ボックスの下に、
「入力書式」
「イメージ」
「ファイルの添付」
「保存」
「プレビュー」
と並んでいます。
画像を添付する時は「ファイルの添付」をクリックし、「参照」で画像を選びます。「添付」をクリックし、「しばらくおまちください」が消えたら添付完了です。大きな画像だと添付できませんのでアップする前に縮小しておいてください。
このブログに添付できる画像サイズは、460x800 ピクセル以下です。それを超えた画像は、
「許容された最大画像サイズ 460x800 ピクセルの範囲内に収まるよう、画像のサイズが変更されました」
と表示され、縮小されて保存されます。
ファイル名を特に表示しなければならない場合以外は、「リスト」のチェックをはずしてください。
画像をどの位置に配置するかは、「イメージ」をクリックすると、表示モードが出ますので、選択してください。
この猫の画像は、イメージの表示モード「左にフロート」で作って有ります。文章の上に画像が浮かんでいるようなイメージになります。「右にフロート」なら画像は右に表示されます。単なる「左寄せ」の場合は、まず画像が表示され、その下に文字が表示されます。画像の横に文字を持ってきたい場合は「フロート」を選んでください。ただし、画像の大きさが幅460ピクセル以上だと、文字を書くスペースがありません。
画像を文章の上では無く、下に持ってきたい場合は「ボトム」を選んでください。
「img:xx」は「もう一工夫」で説明します。
なお、修正は、タイトルをクリックして「編集」をクリックします。文章以外にも添付ファイルの削除、新たな添付、イメージの位置選択など、新規に作る場合と同じ操作でできます。
最後に「保存」をクリックするのをお忘れ無く。
写真と文章が１つしか無い、あるいは、１つの文章に数枚の写真と言う場合は簡単ですが、文章と写真を交互に掲載したいと言う場合は、ちょっと工夫が必要です。
「イメージ」の「表示モード」の「img:xx」タグを使います。
そして、
文章１
「img:1」
のように書きます。１番目の文章の下にイメージ１番の写真が掲載されると言う事になります。
文章２
「img:2 align=left」
「img:3 align=right」
と書くと、２番目の文書の下にイメージ２番の写真が左寄せで、イメージ３番の写真が右寄せで掲載されます。
ここでは第一カギで説明していますが、書く時は、半角小文字の角カッコを使います。キーボードの「Enter」キーの左に有るはずです。
では、「img:xx」タグで作ったブログです。
何も指定しないと文章のすぐ後に写真が表示されます。
ちょっと字が小さいので、上のタイトル、「散歩道で友達になったコサギ君です。」を大きくしてみました。
最初に＜ｈ３＞、終わりに＜／ｈ３＞を付けます。
ここでは全角文字で書いて有りますが、実際には半角小文字で書いてください。
＜ｈ３＞ 散歩道で友達になったコサギ君です。＜／ｈ３＞と書きます。
＜ｈ１＞にすると、下のような感じになります。数字が小さくなるほど大きな文字になります。
なお、＜ｈ３＞では無く、＜font size="5"＞＜/font＞のような書き方も有ります。
色を付けるのは、＜font color="0000ff"＞＜/font＞のようにします。簡単な説明は、インターネットのＷｅｂサイトなどをご覧ください。（色コード#0000ffで書きました）
何も指定せずに書くと行間が狭い感じになります。ちょっと広げたい場合、全角のスペースをひとつ入れてください。２行目と３行目の間に１行スペースをいれました。次の写真との間は３行のスペースが入っています。（色コード#990000で書きました）
文章と写真の間に何も指定しない場合です。
文章のすぐ下に写真が表示されます。（色コード#ff0000で書きました）
縦長の写真なので、左に表示の命令を使いました。「img:4 align=left」と書きます。
（色コード#006699で書きました）
ゲット＼(^^)／
今度は、右に写真を表示してみました。なお、左右に表示できるのは、幅が460ドットより少ない場合です。460ドットより大きいと左右の指定の意味が無くなります。
「逃がさんぞ」を写真の上に表示したかったので、文字の前にスペースを入れて調整しました。（色コード#006633で書きました）
最近のコメント
3時間 45分前
3時間 50分前
4時間 5分前
4時間 18分前
4時間 41分前
5時間 14分前
7時間 42分前
7時間 44分前
9時間 54分前
10時間 54分前