2009年04月05日

オリジナルバナーの作り方①

バナーやブログパーツを自作したい、って方多いことと思います、
とても簡単ですので、気軽に作って仲間に配布する なんてのもよいのではないでしょうか。

最初に用意するもの
1.リンク先のURL
2.バナーに使用する画像データのアドレス(予め管理画面の画像一覧で画像をサーバーにアップロードしておく)


<a href="リンクで飛ばし先のサイトのURL" target="_blank"><img src="バナー表示する画像データのアドレス"  alt="" ></a>

上記のソースコードに下記データを入れると、

<a href="http://www.jsports.co.jp/shop/ugp/" target="_blank"><img src="http://img01.junglekouen.com/usr/ugpjapan/JSPORTS_3.5x2.jpg"  alt="" ></a>

このソースコードを記事投稿画面に入れると


オリジナルバナーの作り方①
こんな感じに表示されます、画像をクリックするとリンク先のURLが開きます。
なお、画像サイズはレイアウトされる場所にフィットするように予めリサイズしておきましょう。


リサイズ版 画像データもgifファイル(データ量が軽い)にしてみました。
ソースコード ↓
<A href="http://www.jsports.co.jp/shop/ugp/" target=_blank><IMG alt="" src="http://img01.junglekouen.com/usr/ugpjapan/JSPORTS_02.gif"></A>
表示 ↓
オリジナルバナーの作り方①

なお、こちらの内容は後日、昨年、立ち上げてそのままにしていました、「自己流カスタマイズログ」内容を追加していきます、
随時、サイトのコンテンツのエッセンス的要素の事項の追加をしていく予定です。
もちろん出来る限り、初心者に対応出来るように心がけたいと思っております。

サイトの出来は センス次第、自分のサイトのカスタマイズは自分でするに限ります、
ただ、説明はあくまでも自己流になりますので、至らぬ点がございますが、その辺はよろしくお願いします。
質問や問い合わせはメールのみの対応になります(出来る範囲での対応)、電話やご来店でのご質問は固くお断りいたします。


同じカテゴリー(インターネット)の記事画像
AWSでWordpressを無料で構築
ECサイト事始め ー序論ー
iPhone5でGoogleMapを表示する方法1+
Facebookのプロフィール写真を追加する方法(スマホ編)
パソコンが、起動せんしガンダムになったら(Mac編)
ギガビットでいこう!
同じカテゴリー(インターネット)の記事
 AWSでWordpressを無料で構築 (2014-02-22 22:01)
 thetaで しーた。 (2013-12-23 15:25)
 ECサイト事始め ー序論ー (2013-01-18 20:30)
 国際ローミング au編 (2012-10-23 13:18)
 iPhone5でGoogleMapを表示する方法1+ (2012-09-29 17:33)
 Facebookのプロフィール写真を追加する方法(スマホ編) (2012-09-19 19:12)

 
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。