あめつくのブログ

アメブロで画像をつかってリンクする方法(パソコン編)

今回は、アメブロで画像をつかってリンクする方法を紹介します。

正直、慣れるまでは難しいかもしれませんが、何回か繰り返せば簡単にできるようになると思います。

広告

アメブロで画像をつかってリンクする(パソコン編)

まず、リンク用のコードには、「自分のブログにリンクする場合のコード」と「自分のブログ以外にリンクする場合のコード」のふたつがありますので、使いわけて利用してください。

「自分のブログにリンクする場合」は、以下のコードをコピーしてエディタに貼り付けます。貼り付け後、赤文字の部分はリンク先のURLに書き換えます。黄色文字の部分は画像のURLを貼り付けます。

<a href=”リンク先のURL“><img src=”画像のURL” alt=””/></a>

「自分のブログ以外にリンクする場合」は、以下のコードをコピーしてエディタに貼り付けます。あとの手順は先ほどと同様です。赤文字の部分はリンク先のURLに書き換え、黄色文字の部分は画像のURLを貼り付けます。

<a href=”リンク先のURL” target=”_blank”><img src=”画像のURL” alt=””/></a>

このままでは分かりづらいと思いますので、簡単な例を紹介します。なお、例で利用しているエディタは「タグ編集エディタ]です。

自分のブログにリンクする場合の例。
ブログ(http://ameblo.jp/first—–blog/)へのリンクを作成すると、下の画像のようになります。赤い部分がブログのURLで、黄色い部分が画像のURLです。

この状態で記事を投稿すると、下の画像のようになります。

なお、アメブロにアップロードした画像のURLの調べ方は、以下を参考にしてください。

自分のブログ以外にリンクする場合も同じ手順でできます。

以上、アメブロで画像をつかってリンクする方法(パソコン編)でした。

広告
広告