アメブロのサイドバーにバナー(画像リンク)を設置するには | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

最近、グーグルの陰謀で

おかしな誤解をうけ、

マスコミから騒がれて

困っているワンタンです。

フェースブックページ


こんにちは。

ところで、意外とご存じでない方も

いらっしゃるみたいなので

その方法をご紹介してみます。


アメブロのサイドバーにバナー(画像リンク)を設置する方法


サイドバーに画像を表示させる場合、

フリースペースを使います。

ところが、フリースペースの編集では

画像ボタンがありません。

そこで裏ワザ?セコ技?を使います^^;


通常通り、ブログの記事を書く画面から画像を挿入し、

HTML表示(またはタグ編集エディタ)で画像のHTMLをコピーして、

それをフリースペースに貼り付ければ、

サイドバーにも画像を載せられます。

こんな感じです(↓)


今の新しいデザインでは、ワイド側のサイドバーは300px、

幅が狭い方のサイドバーは180pxになっています。

画像サイズ変更は、windowsなら

おまけでついてる『ペイント』などでもできます。


画像にリンクをはってバナーにする方法ですが

アメブロの場合、画像を挿入するとHTMLは

<a href="画像をクリックしたときのURL"><img src="表示画像URL" /><a>


という形になってます。

画像をクリックしたときのURLの箇所を

リンクさせたいページのURLに差し変えれば、

画像をクリックしたときに、好きなページへ移動させられます。


フリースペースへの画像の挿入と組み合わせれば、

サイドバーに設置するバナーにもなります。



なにかの参考になると、うれしいのですが・・


( °◡°)