アメブロのサイドバーにバナーを貼る方法:part2

アメブロのサイドバーにバナー（画像リンク）を貼る方法:part2

こんにちワ。道路工事きもまろですww

以前、アメブロのサイドバーに画像リンク（banner）を設置するのに、画像を縮小タグを使って設置する方法を御案内しました。

今回は、画像そのものをサイドバーの幅に合わせて縮小してから設置する方法を御案内してみたいと思います。（チビッとだけ方法が違います^^;）

アメブロのサイドバーにバナー（画像リンク）を貼る方法:part2

1.バナーにしたい画像を用意して「ペイントソフト」で縮小。

今回は、デザインの先生「シズねーさん」

の「お試しブログ：呑んべいず」さん

のバナーを貼らして頂きました。
まず、こちらの方法で「呑んべいず」さんのヘッダー画像を自分のパソコンに一旦保存させてもらいました。

そして、この画像を自分のサイドバーの幅（300px）に合わせて、ペイントソフトで縮小しました。

2.バナーにしたい画像の画像URLを取得

縮小した画像を御自身の運営するサイトにアップして、その画像URLを取得して下さい。
（※アメブロの場合は、「編集」で「HTML表示」にして、「そのまま表示」にマークを付けて「この画像を使う」をクリックすると、画像URLを取得する事が出来ます。）

自分の場合は、フリッカーに投稿して、以下のような画像URLを取得しました。

https://farm9.staticflickr.com/8747/16736942217_7040f95ce9_o.jpg

3.画像リンクタグを作成

以下の画像リンクタグに、上の画像URLと移動先URLを、それぞれ差し換えて記述します。
（※リンク先は、「のんべーず」さんのトップページのアドレスにしました。）

↓

4.作成したHTMLタグコードをフリースペースに記述

3.で作成したコードをフリースペース編集に貼り付けて「保存」ボタンを押せば、この作業は終了です。