【アメブロ】画像にリンクを貼る方法

こんにちは☆
あなたの教室に200人生徒を増やす「七つ星ブログ」づくり
七星奈津子(ななほしなつこ)です。

画像にリンクを貼る方法

今日なぜこのテーマでブログを書いているかというと、これを知りたくて私のブログに辿りつく方が結構いらっしゃるから。

アクセス解析も記事を書くときの参考になるんですよね~。

ということはさておき・・・・・

画像にリンクを貼るってどういうこと?
って人の為にご説明しておきますね。

コレこういうのをバナーって言います。

banner1

これをクリックすると申し込みページにジャンプする。
そういうページは見たありますよね?

こういうのを「画像リンク」と言います。

バナー(画像)に申し込みページへのリンクを貼っている。
そのまんまです(笑)

ではそれをどうやって作るか・・・・

まずはバナー(画像)をアメブロにアップロードします。

バナーなんてないよ~って方は、無料でバナーが作れるサイトもありますので、そちらでオリジナルのバナーを作ってみてもいいですね。コレ
バナーが自分で簡単に作れるサイトのご紹介です

いつも写真をブログに挿入する要領で、ブログにバナー(画像)を挿入します。

バナー(画像)が挿入できたら、ブログをHTML表示させます。

そうすると、画像の部分が

<a href=”http://stat.ameba.jp/user_images/20130310/15/7natsu5/a2/d9/j/o0302006612451588967.jpg”><img src=”http://stat.ameba.jp/user_images/20130310/15/7natsu5/a2/d9/j/o0302006612451588967.jpg” border:none;”>
</a>

というように表示されていると思います。

この前半部分

<a href=”http://stat.ameba.jp/user_images/20130310/15/7natsu5/a2/d9/j/o0302006612451588967.jpg”>

を変更します。

<a>
というのがリンクですよ~ってことを指示している記号(タグ)なんです。

で、どこにリンクさせましょうか?

ってことが、その先の

href=”   “

に指示されているんです。

ちなみに、hrefってのは、Hypertext Reference の略です。

なので、どこにリンクさせましょうか?という
href=”   “
の    の中にリンクさせたい場所(URL)を入れればいいという訳なんです。

要は、↓の赤文字の部分を変更するってこと。
<a href=”http://stat.ameba.jp/user_images/20130310/15/7natsu5/a2/d9/j/o0302006612451588967.jpg“>

例えば、Yahoo!のサイトにリンクをさせたければ、

<a href=”http://www.yahoo.co.jp“>

というように変更します。

これで終わり!

簡単・・・・・・でしょ?

一つだけオススメの方法。

画像リンクは、何も文字を書いていない状態で一番にする!

申し込みフォームへのリンク等はブログの一番下に持ってきたい項目ですよね。
でも一番最後に画像を貼って、その状態でHTML表示させると、どこが画像なんだかわからなくなってしまうんですよね。

なので、な~んにも書いていない状態で、画像を挿入し、リンクを貼って画像リンクを完了させてから、通常表示にもどして、記事を書いていく方法をオススメしま~すハート

 

クローバー今後開催する講座のご案内クローバー

えんぴつ 初心者にも簡単にできる!
  生徒が集まるブログづくり6つのポイント
  
5月19日(日)~隔週日曜日(全6回)
  大阪・京橋で開催

  → http://kokucheese.com/event/index/86835/

えんぴつお客様の心を魅了するプロフィール作成
  &プロフィール写真撮影

   「第一印象で5年間の売上が変わる」と言われています。
   ブログで集客したい方にとって最も大切なプロフィール。
   書き方を学び実際に書いていきながら、同時に写真撮影
   も行います!

  5月18日(土)13:00-17:00 大阪・長堀橋
  → http://kokucheese.com/event/index/85175/
  5月21日(火)13:00-17:00 大阪・長堀橋
  → http://kokucheese.com/event/index/85226/

えんぴつブログカスタマイズ基礎講座
  ~オリジナルヘッダーをつくろう~
   PhotoScapeを使って画像編集の基本を学び、
   オリジナルヘッダーをつくります。
  5月12日(日)10:00-13:00 大阪・心斎橋
  → http://kokucheese.com/event/index/87035/
  5月22日(水)13:30-16:30 大阪・心斎橋
  
→ http://kokucheese.com/event/index/85226/

 
 
 

関連記事

集客ブログゼミ講座の様子

Facebookページ

カテゴリー

ページ上部へ戻る