『今日の気になった事』

バナーのはり方について

1. 画像のコピー



使用する バナー画像の上 （このページの一番上の画像上）にマウスのポインタを移動し、 マウスの右ボタンをクリック 。


表示されるメニューから 『名前を付けて画像を保存』 を選択し、自分のＰＣに画像データを保存してください。




2. 画像をサーバーにアップする（楽天日記の場合）



次にＰＣに取り込んだ画像を 楽天日記の画像倉庫に保存 します。

　・管理画面のメニューから 『画像倉庫（画像の登録管理）』 をクリックし、画像倉庫に飛ぶ
　　　↓

　・この画面にある 「画像を登録する」 の手順に従って、バナー画像を登録する
　　　↓

　・「登録した画像一覧」で登録したバナー画像を選択する
　　　↓

　・ 「この画像を表示する」 の下に表示されているタグをコピーしてください。


　　例：＜IMG SRC="http://plaza.rakuten.co.jp/img/user/95/32/4159532/122.gif" width="234" height="60" alt="愛する会"＞



注）楽天日記以外の方はそれぞれのシステムのやり方でサーバーに画像をアップしてください。

　　↓




3. バナーの貼り付け



　・いよいよバナーの貼り付けです。

　　＜a href="http://plaza.rakuten.co.jp/mie0519/13000"＞＜IMG SRC="http://plaza.rakuten.co.jp/img/user/95/32/4159532/122.gif" width="234" height="60" border="0" alt="愛する会"＞＜/a＞

　　上記のようなタグを書きます。






　　前半部分はリンクするページのＵＲＬを記載します。
　　（ここにはミイさんのミニョンを永遠に愛する会のＵＲＬを記載しています。）
　　＜a href="http://plaza.rakuten.co.jp/mie0519/13000"＞


　　後半部分は画像の表示項目です。
　　（ここで使ったのは僕の画像倉庫に登録したＵＲＬです。 皆さんご自分の登録画像をお使い下さい。 ）
　　＜IMG SRC="http://plaza.rakuten.co.jp/img/user/95/32/4159532/122.gif" width="234" height="60" border="0" alt="愛する会"＞


　注）
　　ここではバナーの周りの枠を消す為に、先ほど画像倉庫でコピーした画像表示用タグに追加の記述を行っています。
hight="60"の後に border="0" を記述 しております。
　　これを入れることで画像がリンク設定されている事を示す枠が表示されなくなりますので、見た目がスッキリします。




border="0" を入れない場合




border="0" を入れた場合




　　最後の ＜/a＞ はこのタグを閉じるための記載です。


　注）
　　ちなみにここではタグを表示するためカッコを 大文字 ＜＞ で表記してあります。
　　実際には 小文字 <> で表記しなければならないのでご注意下さい。






4. バナーを小さくする


画面のレイアウトによっては今回作ったバナーが大き過ぎる方もいらっしゃると思います。

今回作ったバナーは １／２ または ２／３ のでも表示できますので試してみてください。



画像を小さくする

　＜a href="http://plaza.rakuten.co.jp/mie0519/13000"＞＜IMG SRC="http://plaza.rakuten.co.jp/img/user/95/32/4159532/122.gif" width="117" height="30" border="0" alt="愛する会"＞＜/a＞



widthの数値を元の "234" から "117" に heightの数値を "60" から "30" に変更することで画像サイズを １／２ に縮小できます。

２／３にする場合は widthの数値を "156" に heightの数値を "40" に変更することで大きさが ２／３ になります。




でも、小さくすると文字が見えづらくなってしまいますね・・・　（トホホ）