記事中の投稿画像にリンクを簡単に挿入する方法! - つぶやく負け犬

記事中の投稿画像にリンクを簡単に挿入する方法!

今回は記事の中に投稿した画像にリンクを付ける方法をお話しします。

さて、ブログ初心者のあなたは、こんな事思った事ないですか、
「自分が書いた記事の中に貼った画像や写真をクリックすれば別のホームぺジに移動できたらいいな?」
「画像にリンクを埋めるにはHTML編集をしなければならないけど、難しくてできないし?」
「ブログ記事作成用アイコンで文字にリンク張れるのに画像にはなんで貼れないんだろう?」
なんてフト思った事ないですか?
私はあります。

「記事の中に張り付けた画像を使い、バナー広告の様にクリック一つで別のコンテンツに誘導したい!」
「文章中の文字にリンクを付けると記事を読んでいる途中でリンク先に誘導されてしまうので記事内容が途切れてしまう!」

なので、無料ブログに最初からついている画像投稿機能を使って記事中に画像を入れ、画像にリンクさせる修正方法を紹介します。
今、記事を書いているブログはseesaaなのでseesaaブログ、記事投稿用アイコンで説明しますが、他の無料ブログでもほぼ同じなので応用してください。

ブログ記事投稿画面の下方にあるファイルのアップロード、一覧の中から画像を選びクリック
bappo-04.png



ブログ記事の中に画像を挿入し、インターネットで記事を確認すると
 ↓ ↓ ↓ このようになります。
______________________________
ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事
ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事
bappo-03.png
ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事
ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事
_______________________________



上記のようにブラウザでは画像が記事の中有るのが見えます。
そしてこの画像をクリックしても、画像のみが表示されるだけです。

ではブログ記事投稿画面に戻って記述内容を見ますと
  ↓ ↓ ↓ このようになります。
_______________________________
ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事
ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事
<a href="http://bappo1027.up.seesaa.net/image/bappo-03.png" target="_blank"><img width="320" height="183" alt="bappo-03.png" src="http://bappo1027.up.seesaa.net/image/bappo-03-thumbnail2.png" border="0"></a>
ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事
ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事
_______________________________



記事の中にHTMLの画像のソースコードが貼られています。
このなかの最初の
"http://bappo1027.up.seesaa.net/image/bappo-03.png"
この部分が画像のリンク先になっておりseesaaブログファイルマネージャーです。
"〜"の間に誘導したいリンク先のURLに書き換えると画像クリックでリンクできます。

ではリンク先を他のブログhttp://fanblogs.jp/bappo0509/に書き換えてみましょう。
書き換え方はブラウザにリンク先を表示させ、上部アドレスバーのURLをコピーし
"〜"の間にペーストするだけで簡単です。
_______________________________
ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事
ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事
<a href="http://fanblogs.jp/bappo0509/" target="_blank"><img width="320" height="183" alt="bappo-03.png" src="http://bappo1027.up.seesaa.net/image/bappo-03-thumbnail2.png" border="0"></a>
ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事
ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事
_______________________________



上記のように書き換えたらインターネットで見てみましょう。
書き換える前と全く一緒ですが画像をクリックするとリンクします。
______________________________
ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事
ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事
bappo-03.png
ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事
ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事ブログ記事
_______________________________

確認いただけましたか?
リンク先は私の別ブログです、よかったらそちらも覗いて見てください。

それでは、ほんのちょっぴりですが貴方のお役に立てれば嬉しく思います。


スポンサー リンク
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

現在公開中!貴方の稼ぎを加速させる無料オファー一覧

brg-03.png

神さま、仏さま、他力本願で稼ぐ

brg-00.png

得意分野で額に汗して、堅実に稼ぐ

brg-01.png

情報販売で稼ぐ

Copyright © つぶやく負け犬 All Rights Reserved.
当サイトのテキストや画像等すべての転載転用・商用販売を固く禁じます
Designed by カエテンクロスSEOテンプレート
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。