2013年10月11日
リンクバナーやGIFアニメの作成方法
リンクバナーの作成方法
私のWebサイトへの、下記リンクバナーを作成しました。
デザインは、いろいろと作成できますが、とりあえず作ってみました。
88px×31px
![アルミ風88×31バナー](/sandi/file/E382A2E383ABE3839FE9A2A888C39731E38390E3838AE383BC-thumbnail2.jpg)
マイクロバー(国際標準)
検索エンジンなどで多く使われているバナーサイズです。
200px×40px
![アルミ風200×40バナー](/sandi/file/E382A2E383ABE3839FE9A2A8200C39740E38390E3838AE383BC-thumbnail2.jpg)
日本独自に普及しているバナーサイズです。
88px×31px
マイクロバー(国際標準)
検索エンジンなどで多く使われているバナーサイズです。
200px×40px
ローカルバナー
日本独自に普及しているバナーサイズです。
リンクバナーを、左のサイドバーに表示させる方法
下記のHTMLタグを貼る。(< は、大文字で記載しています)
<a href="http://www.sandi-hp.com" target="_blank">
<img border="0" width="200" height="40" alt="" src="
https://fanblogs.jp/sandi/file/126/U2l0ZTIwMIF-NDCNgQ.gif
"></a>
作成方法
下記の写真画像加工編集サイトを利用させて頂きました。ありがとうございます。
http://www.bannerkoubou.com/
![](/sandi/file/126/jsqQXonmkZyJwY1IldKPV4NUg0ODZzQ4MIF-MTAwD6s.jpg)
この写真画像加工編集サイトは、無料で利用できて、非常に便利ですので、ご紹介しておきます。
バナー作成以外にも、写真の加工編集、GIFアニメ作成、スクリーンショット、QRコード作成、など大変便利な機能があります。
GIFアニメの作成例
![](/sandi/file/126/lE6J6oiljkFVCg.gif)
![](/sandi/file/126/kb2J6o-8kmoyMDEzMDYxMINBg2qDgVPP.gif)
バナー工房の操作方法
「バナー工房」GIFアニメ・チカ画・バナーの作成方法
私のWebサイトへの、下記リンクバナーを作成しました。
デザインは、いろいろと作成できますが、とりあえず作ってみました。
88px×31px
![アルミ風88×31バナー](/sandi/file/E382A2E383ABE3839FE9A2A888C39731E38390E3838AE383BC-thumbnail2.jpg)
マイクロバー(国際標準)
検索エンジンなどで多く使われているバナーサイズです。
200px×40px
![アルミ風200×40バナー](/sandi/file/E382A2E383ABE3839FE9A2A8200C39740E38390E3838AE383BC-thumbnail2.jpg)
日本独自に普及しているバナーサイズです。
88px×31px
![](/sandi/file/126/U2l0ZZbX.gif)
検索エンジンなどで多く使われているバナーサイズです。
200px×40px
![](/sandi/file/126/U2l0ZTIwMIF-NDCNgQ.gif)
日本独自に普及しているバナーサイズです。
リンクバナーを、左のサイドバーに表示させる方法
下記のHTMLタグを貼る。(< は、大文字で記載しています)
<a href="http://www.sandi-hp.com" target="_blank">
<img border="0" width="200" height="40" alt="" src="
https://fanblogs.jp/sandi/file/126/U2l0ZTIwMIF-NDCNgQ.gif
"></a>
作成方法
下記の写真画像加工編集サイトを利用させて頂きました。ありがとうございます。
http://www.bannerkoubou.com/
![](/sandi/file/126/jsqQXonmkZyJwY1IldKPV4NUg0ODZzQ4MIF-MTAwD6s.jpg)
この写真画像加工編集サイトは、無料で利用できて、非常に便利ですので、ご紹介しておきます。
バナー作成以外にも、写真の加工編集、GIFアニメ作成、スクリーンショット、QRコード作成、など大変便利な機能があります。
GIFアニメの作成例
![](/sandi/file/126/lE6J6oiljkFVCg.gif)
![](/sandi/file/126/kb2J6o-8kmoyMDEzMDYxMINBg2qDgVPP.gif)
バナー工房の操作方法
「バナー工房」GIFアニメ・チカ画・バナーの作成方法
【便利なツールの最新記事】
この記事へのコメント