気になる最近の情報について

〜PC初心者のスキルアップ作戦から福島原発事故の現状まで〜

パソコンを買ったけどー。ネットは見てるけどー。メールと検索はするけどー。他には。。。??
パソコン初心者でもできることを一緒に探っていきましょう。使えるサイト、面白いサイトなどインターネット情報を掲載しています。
最近は主に福島第一原発事故情報を発信。
<< October 2017 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >>
<< Yahoo検索でポイントを貯める | main | 打ち間違いキーワード >>

ブログの画像を拡大させる方法

今日は、ブログに投稿した画像をクリックして拡大表示させる方法についてです。

この画像をクリックすると拡大しますね。
誕生日ケーキ


ブログには画像をアップロードする機能がついています。各ブログによって画像をアップロードする管理画面の名前は違いますが、ロリポブログでは『画像の管理』やFC2ブログでは『ファイルアップロード』などですね。

ここで参照ボタンを押してブログに表示したい画像を指定します。
アップロードする前に画像を多少縮小しておくことをお勧めしますが、
最近、FC2ではブログ管理画面で画像縮小できる機能をつけたようですね。

事前に画像を縮小するにしても気をつけて欲しいのは、この大きさが
クリックしてみられる最終的な大きさになるということです。
クリックして拡大表示させると書きましたが、この元画像をクリック後に表示させるという意味なのでここであまりにも小さくしてしまうとクリックして拡大表示する意味がありません。
クリック後に表示させたい大きさに縮小してください。

たとえばこれは上の画像の元画像ですがこれが最終的な大きさですね。
誕生日ケーキ
この大きさがここで指定する大きさです。


さて、画像をアップロードしたら、画像の横にある投稿ボタンをクリックします。
これでブログの記事内になにやら次のようなタグが記載されたと思います。

<img src="http://img-cdn.jg.jugem.jp/13a/1632602/20100221_857758.jpg" width="448" height="336" alt="" class="pict" />
プレビューすると画像がブログ記事内に表示されていますね。
このとき、alt=""に画像の説明を入れてくださいね。検索エンジンは画像を認識できませんからここにキーワードを入れることで検索ロボットにも読み取ってもらえます。この画像にはalt="誕生日ケーキ”としました。

すると
<img src="http://img-cdn.jg.jugem.jp/13a/1632602/20100221_857758.jpg" width="448" height="336" alt="誕生日ケーキ" class="pict" />になります。

このままではブログに表示するサイズとしては大きすぎますね。
そこでたて、横の大きさを縮小しましょう。

たて、横の比率を今回は半分ずつ縮小します。
先ほどのタグをいじります。width="448" height="336"を
width="224" height="168"にしました。


誕生日ケーキ
小さくなりましたね。

この小さい画像を元画像にリンクさせることで拡大させるということができます。
リンクの貼り方は、
■■例■■
<a href="http://○○○○○○○○http://img-cdn.jg.jugem.jp/13a/1632602/20100221_857758.jpg" target="_blank" alt="誕生日ケーキ" class="pict" /><img src="http://img-cdn.jg.jugem.jp/13a/1632602/20100221_857758.jpg" width="224" height="168" alt="誕生日ケーキ" class="pict" /></a>

http://○○○○○○○○にはもちろんですが、
ご自分のブログのアドレスを入れてください。こうすることでこのように
画像を拡大表示させることが可能です。上のタグの<>をわざと全角表示してますが、必ず<>を半角で指定してくださいね!



今日も記事がお役に立てば、
infoblogランキング
人気ブログランキング
↑↑↑応援クリックしていただけると
このブログが何位かわかります。
応援ポチしていただけるとすごーくうれしいです♪

 
ブログのスキルアップ作戦 | permalink | comments(8) | trackbacks(0) | - | -

この記事に対するコメント

管理者の承認待ちコメントです。
- | 2008/03/10 4:12 PM
管理者の承認待ちコメントです。
- | 2008/03/08 11:32 AM
管理者の承認待ちコメントです。
- | 2008/03/08 6:11 AM
管理者の承認待ちコメントです。
- | 2008/03/08 1:03 AM
管理者の承認待ちコメントです。
- | 2008/03/07 4:58 PM
管理者の承認待ちコメントです。
- | 2008/03/06 9:30 PM
管理者の承認待ちコメントです。
- | 2008/03/06 10:21 AM
管理者の承認待ちコメントです。
- | 2008/03/06 8:32 AM
コメントする









この記事のトラックバックURL
http://jouhou.merry-england.com/trackback/683838
この記事に対するトラックバック
関連キーワード
気になる,ブログ,パソコン,初心者,最近,情報,スキルアップ,面白い,サイト,インターネット,メッセージ,福島原発,影響,福島第一原発,事故,放射能,ベクレル,放射線,シーベルト,地震,汚染,がれき,放射性物質,東日本,震災,1号機,2号機,3号機,4号機,倒壊,高濃度,汚染水,水,除染,食物,被曝,ガイガーカウンター,セシウム,キセノン,ストロンチウム,小出裕章,武田邦彦,木下黄太