悩み人はてなブログで画像にサイトURLを貼り付けて表示させたい。
そんな疑問に答えます。
どうも、ブログ運営者のポチ（@sunrise_033）です。
結論からいうと、貼り付けたい画像に下記のコードを加えばリンクを貼り付けることができます。
<a href="https://〇〇">この記事では、画像にサイトURLを貼り付ける方法を解説します。
当ブログは雑記メインなのでカテゴリ多くて、カテゴリ別に画像を作って誘導したいなと思っていました。
簡単に好きな画像にリンクURLを貼れたら良いですよね。
いろんなところに利用できるので活用してみてください。
この記事を書いた人
- お得に暮らし、コツコツ副収入で心豊かに。あなたをそっと応援するブログを運営
- お得な節約、コツコツ投資、ブログ収益化の3つが主軸コンセプト
- 月間54,000PV/収益5桁達成中
- フード・グルメブログも別サイトで運営中
目次
画像にサイトURLを貼りつける方法
ポチさっそく、画像にサイトURLを貼りつける方法を見ていきます。
結論いうと、貼り付けたい画像に下記のコードを加えばリンクを貼り付けることができます。
<a href="https://〇〇">「”http://〇〇”」の〇〇部分は貼り付けたいサイトのURLをコピペしてください。
これを記事内やサイドバーなどの表示させたい場所に貼り付けます。
貼り付ける場所は画像URLコードの「<img src=”」の前です。
コード全体を見るとこんな感じです。
<a href="https://www.sunrise033.com/entry/san-log-recommended-
article-first-look"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/s/sanrisesansan/20200701/20200701001809.
png"></a>やたら長いですが、基本は「サイトURL」と「画像URL」を貼り付けるだけです。
「a href=”http://〜”」以降は自分の貼りたいURLを入れてくださいね。
完成するとこのようになります。
サイドバーに貼り付ける場合は「デザイン→カスタマイズ→サイドバー→hmtl編集」にコードを貼り付ければOKです。
画像URLを確認したい場合は、画像URLをはてなブログで探す方法を解説しているので参考にしてみてください。
あわせて読みたい
はてなブログの記事画像、ホバーアクションさせて浮かせる方法を解説
はてなブログでカーソルに合わせて画像をホバー（浮かせる）させる方法を紹介します。簡単なHTML、CSSコードでできます。
「ブログ村ランキング」参加中！
コメント