リンクをはること自体は簡単ですが、サイドメニューのフリースペースに画像を貼って、さらにリンクをはるなどの方法を説明する布石にもなる部分です。
1.画像をアメブロの編集画面に貼り付けます
2.貼り付けた画像を選択します
3.リンク先の URL(アドレス)を指定します
つまり、やることは【初心者向け】テキストにリンクをはる方法3ステップ で解説したことを、画像でやるだけです。基本は一緒。一度やってみてしまえば、簡単です。
通常だと、アメブロの画像フォルダへリンクされますが、上の画像ふたつは、それぞれ Yahoo! と Google にリンクしています。
- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -
1.画像をアメブロの編集画面に貼り付けます
これは以前解説したので、詳しくはそちらを見てください。
【初心者向け】ブログにパソコンに保存された画像を貼り付ける方法(その1)
http://ameblo.jp/amebaskin/entry-10565548051.html
リンクをはりたい画像を貼り付けます。普段、普通に画像を貼る時との違いはありません。
2.貼り付けた画像を選択します
アメブロの編集画面で、画像をクリックして選択します。真ん中あたりをクリックすると、周りに枠が出てきます。この枠が出てくれば、現在、「その画像が選択されている」ということになります。
![アメブロスキン制作サービス@エレファント-画像リンク説明4](https://stat.ameba.jp/user_images/20100712/18/amebaskin/21/50/p/o0452036410636129281.png?caw=800)
3.リンク先の URL(アドレス)を指定します
画像を選択した状態(枠が付いている状態)のまま、「リンク」ボタンをクリックします。
そうすると、リンク先を指定するためのウィンドウが出てきます。これはテキストにリンクをはる時と同じ手順なので、不安がある場合は以下のエントリを参考にしてください。
【初心者向け】テキストにリンクをはる方法3ステップ
![アメブロスキン制作サービス@エレファント-画像リンク説明5](https://stat.ameba.jp/user_images/20100712/18/amebaskin/35/33/p/o0452036510636148447.png?caw=800)
これで、画像にリンクがはれました。実際に、上の手順と URL で画像にリンクをはった状態が、下の画像です。
![アメブロスキン制作サービス@エレファント-画像リンク説明3](https://stat.ameba.jp/user_images/20100712/17/amebaskin/e5/33/j/t02000143_0200014310636121812.jpg?caw=800)
この写真を借りてきた、素材集のサイトにリンクしています。
- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -
これで、画像関連の基本的なところは一段落です。今度は、画像の貼り付け方、リンクのはり方にちょっとくせのあるフリースペース、メッセージボードあたりをフォローしていこうと思います。