その他 バナー
バナーを作ってみました。
* 青
* みどり
* 明るい青
-> サイズは 80*31
* ちゃいろ
(夏毛)
(冬毛)
* 明るい青
(夏毛)
(冬毛)
* 明るいみどり
(夏毛)
(冬毛)
-> サイズは 120*40
* はりつけかた
その 1) ダウンロードする
1) バナーで右クリック -> [ 画像に名前をつけて保存 ] -> 適当な名前をつけて保存する。
2) HTML ファイルにこんな感じで書く
-------8<-------
例)
<a href=http://ameblo.jp/windblows/ width="80" height="31" alt="かもめとお友達。" border="0">
<img src=xxxx.gif> ( <-自分の環境に合わせ、パスとファイル名を書く )
</a>
-------8<-------
-> alt 属性は、画像が表示されない場合、ここに書いたテキストを表示するので、ある方が親切かもしれません。
-> border 属性に 0 以外を指定すると、枠がついて見栄えが良くありません。
その2) 直接リンク
バナーを配置するところに
<a href=http://ameblo.jp/windblows/ width="80" height="31" alt="かもめとお友達。" border="0">
<img src=http://ameblo.jp/user_images/7b/47/10001437738.gif> (W*H : 80*31 - 明るい青)
<img src=http://ameblo.jp/user_images/e4/08/10001437736.gif> (W*H : 80*31 - みどり)
<img src=http://ameblo.jp/user_images/17/17/10001437735.gif> (W*H : 80*31 - 青)
<img src=http://ameblo.jp/user_images/38/a2/10001521849.gif> (W*H : 120*40 - ちゃいろ 夏毛)
<img src=http://ameblo.jp/user_images/f8/c1/10001521860.gif> (W*H : 120*40 - ちゃいろ 冬毛)
<img src=http://ameblo.jp/user_images/1f/ec/10001521854.gif> (W*H : 120*40 - 明るい青 夏毛)
<img src=http://ameblo.jp/user_images/2d/14/10001521870.gif> (W*H : 120*40 - 明るい青 冬毛)
<img src=http://ameblo.jp/user_images/12/e6/10001521852.gif> (W*H : 120*40 - 明るいみどり 夏毛)
<img src=http://ameblo.jp/user_images/65/9d/10001521865.gif> (W*H : 120*40 - 明るいみどり 冬毛)
</a>