バナーの作り方

Q.可愛いバナーを作りたいのですが？

A.バナー（Banner）とは「旗」「横断幕」「のぼり」という意味で、文字や画像を使ってクリックしてもらうものです。

バナーがあるとサイトが華やかになりますし、見てもらいサイトへ誘導しやすくなります。静止画だけでなくアニメーションも使えます。

無料で簡単にできるバナーの作り方を紹介しますので、ぜひ作ってみましょう。

手順は

1.画像を適正なサイズに加工する

2.リンクを作成する

3.貼り付ける

です。

1.画像のサイズ加工

ピクセラエディター　https://pixlr.com/editor/

①「新しい画像を作成」から「サイズ」を選択

②「レイヤー」メニューから「画像をレイヤーとして開く」を選択し、画像をアップロードします。

③「ツール」パネルから「A」と表示されたテキストツールを選択し、文字を入力。

④「ファイル」メニューから「保存」を選択し、「JPG」「PNG」形式で保存。

以上です。

また、windowsにデフォルトで入っている「ペイント」というソフトでも画像の加工が出来ます。

2.アメブロのブログを書くページでリンクを作成します。

3.アメブロのブログを書くページでコードをコピーします。

2と3の手順は「お問合せフォーム設置」の回https://xodush.xsrv.jp/inquiryform/で紹介したのと同じです。

HTMLが下記のようになっているか確認して、貼り付けてください。

hrefは、Hypertext Reference の略です。

href=” “の　”　　”　の中にリンクさせたいURLを入れます。

上のバナーの場合は　https://xodush.xsrv.jp/　に飛ぶように設定しています。