こんにちは。
『やさしいブログの作り方』の松田です。

先日、アメブロのメッセージに

「ロゴ画像やバナー画像をクリックすると、指定のページを表示させるようにリンクするにはどうしたらいいですか?」

というご質問をいただきましたので、その方法をご紹介します。


$やさしいブログの作り方

まずリンクを貼りたい画像を記事に貼りつけます。


$やさしいブログの作り方

そして記事入力スペースの上または下にある「HTMLタグを表示」をクリックします。


すると、画像の部分に以下のような表記がされています。

<a href="https://stat.ameba.jp/user_images/20120118/11/amecafe2011/61/fe/p/o0183009111741329345.png"><img src="https://stat.ameba.jp/user_images/20120118/11/amecafe2011/61/fe/p/o0183009111741329345.png"></a>

上記の中で赤太字で書かれている部分が開きたいリンク先のアドレスになります。


例えば、画像をクリックして私のブログのトップページに移動させたい場合は、

<a href="https://ameblo.jp/amecafe2011/"><img src="http://stat.ameba.jp/user_images/20120118/11/amecafe2011/61/fe/p/o0183009111741329345.png"></a>

という風に書き換えます。


さらに、

<a href="https://ameblo.jp/amecafe2011/" target="_blank"><img src="http://stat.ameba.jp/user_images/20120118/11/amecafe2011/61/fe/p/o0183009111741329345.png"></a>

のように target="_blank" を追記すると新しいウインドウにリンク先のページを表示させることができます。

ご参考までに。^^


最後までお読みいただきありがとうございました。

お知らせ
ご登録頂くと、LINE@スタートアップセミナーをプレゼント!
やさしいブログのLINE@のご登録はこちらから

これからブログを頑張っていきたい! まずは基本から。
やさしいブログづくりのための、やさしいメール講座

初めてでも安心して始められるメルマガ作成ガイド。
メルマガスタートアップガイド YouTubeにて配信中

ブログが持つ魅力や可能性を私の言葉で綴りました。
書籍はこちらのオンラインショップのみで販売中です!