2006年03月17日
ライブドアブログでアップロードできる画像に関しては以下の通りです。
PCに保存してある画像や動画ファイルからアップロードするものを選択してください。好きなタイトルをつけることもできます。
画像ファイルの場合、「サムネイル作成」にチェックを入れておくと、横幅を160ピクセル程度に縮小して表示します。画像が大きいとき、ブログのサイドバーがずれてしまう場合にチェックを入れてください（元の大きさのファイルも同時に保存されます）。
アップロードできるファイルの種類はgif、jpg、png、bmp、mp4、mov、wmv、3gp、一度にアップロードできるファイルサイズは画像が500KB、動画は2MBが上限です。
＜実際の手順＞
シンプルエディタの場合。
投稿内容を確認して問題なかったら、投稿してください。
なお、画像を表示するHTMLタグは<img>タグです。
<img src="画像のアドレスを指定">これだけでも画像は表示されます。
投稿画面のIMGボタンを押して挿入されるタグは以下の通りです。
<img src="http://livedoor.blogimg.jp/blog_matome/imgs/7/e/7e548317.gif" width="135" height="104" border="0" alt="画像です。" hspace="5" class="pict" align="left" />画像です。
＜タグの内容の意味＞
・http://livedoor.blogimg.jp/blog_matome/imgs/7/e/7e548317.gif 画像のアドレス
・width="135" 画像の横幅
・height="104" 画像の高さ
・border="0" 画像の枠線 「0」→無し
・alt="" 画像の説明 マウスカーソルを載せると説明文がポップアップします。
・hspace="5" 画像周囲のスペース
・align="left" 画像を文章の左に回りこませる
＜表示例＞
<img src="http://livedoor.blogimg.jp/blog_matome/imgs/7/e/7e548317.gif" width="135" height="104" border="0" alt="画像です。" hspace="5" class="pict" align="left" />画像です。
<img src="http://livedoor.blogimg.jp/blog_matome/imgs/7/e/7e548317.gif" width="135" height="104" border="0" alt="画像です。" hspace="50" class="pict" align="left" />画像です。
<img src="http://livedoor.blogimg.jp/blog_matome/imgs/7/e/7e548317.gif" width="135" height="104" border="0" alt="画像です。" class="pict" />画像です。
align="left" を取り除くと、画像の後にすぐ文章が続くというかたちになって、まわりこみが無くなります。
左に回り込ませる設定にしてたくさん画像を置くと、画像に画像が回り込んだりしますので、必要に応じて align="left" を削除したり、改行を入れたりして調節してみて下さい。
＜alt属性のポップアップ＞
こんな感じで表示されます。
差し支えなければalt属性は入れておいた方がいいです。
サイドバーのフリーエリアなどに画像だけを表示させたい場合は、
<img src="http://livedoor.blogimg.jp/blog_matome/imgs/7/e/7e548317.gif" width="135" height="104" border="0" alt="画像です。" />
だけでいいです。
リンクを画像につけたい場合は
<a href="リンク先のアドレス">ここに画像のHTMLを入れます。</a>
という感じにします。
実際にはこんな感じです。
<a href="http://blog.livedoor.jp/blog_matome/"><img src="http://livedoor.blogimg.jp/blog_matome/imgs/7/e/7e548317.gif" width="135" height="104" border="0" alt="画像です。" /></a>
シンプルエディタの場合。
投稿内容を確認して問題なかったら、投稿してください。
なお、画像を表示するHTMLタグは<img>タグです。
<img src="画像のアドレスを指定">これだけでも画像は表示されます。
投稿画面のIMGボタンを押して挿入されるタグは以下の通りです。
<img src="http://livedoor.blogimg.jp/blog_matome/imgs/7/e/7e548317.gif" width="135" height="104" border="0" alt="画像です。" hspace="5" class="pict" align="left" />画像です。
＜タグの内容の意味＞
・http://livedoor.blogimg.jp/blog_matome/imgs/7/e/7e548317.gif 画像のアドレス
・width="135" 画像の横幅
・height="104" 画像の高さ
・border="0" 画像の枠線 「0」→無し
・alt="" 画像の説明 マウスカーソルを載せると説明文がポップアップします。
・hspace="5" 画像周囲のスペース
・align="left" 画像を文章の左に回りこませる
＜表示例＞
<img src="http://livedoor.blogimg.jp/blog_matome/imgs/7/e/7e548317.gif" width="135" height="104" border="0" alt="画像です。" hspace="5" class="pict" align="left" />画像です。
<img src="http://livedoor.blogimg.jp/blog_matome/imgs/7/e/7e548317.gif" width="135" height="104" border="0" alt="画像です。" hspace="50" class="pict" align="left" />画像です。
<img src="http://livedoor.blogimg.jp/blog_matome/imgs/7/e/7e548317.gif" width="135" height="104" border="0" alt="画像です。" class="pict" />画像です。
align="left" を取り除くと、画像の後にすぐ文章が続くというかたちになって、まわりこみが無くなります。
左に回り込ませる設定にしてたくさん画像を置くと、画像に画像が回り込んだりしますので、必要に応じて align="left" を削除したり、改行を入れたりして調節してみて下さい。
＜alt属性のポップアップ＞
こんな感じで表示されます。
差し支えなければalt属性は入れておいた方がいいです。
サイドバーのフリーエリアなどに画像だけを表示させたい場合は、
<img src="http://livedoor.blogimg.jp/blog_matome/imgs/7/e/7e548317.gif" width="135" height="104" border="0" alt="画像です。" />
だけでいいです。
リンクを画像につけたい場合は
<a href="リンク先のアドレス">ここに画像のHTMLを入れます。</a>
という感じにします。
実際にはこんな感じです。
<a href="http://blog.livedoor.jp/blog_matome/"><img src="http://livedoor.blogimg.jp/blog_matome/imgs/7/e/7e548317.gif" width="135" height="104" border="0" alt="画像です。" /></a>
(18:44)
この記事へのトラックバック
1. 画像のアップロード [ おまとめブログ ] 2006年03月26日 09:59
ライブドアブログでアップロードできる画像に関しては以下の通りです。
PCに保存してある画像や動画ファイルからアップロードするものを選択してください。好きなタイトルをつけることもできます。
画像ファイルの場合、「サムネイル作成」にチェックを入れておくと、横....
この記事へのコメント
1. Posted by おまとめ 2006年03月26日 09:57
コメントのてすと
