吉田吉之介イラスト&雑記ブログ

江戸大好き・吉田吉之介(きちた きちのすけ)のイラスト&雑記ブログです!

はてなブログへのバナーリンクの貼り方

  はてなブログへのバナーリンクの貼り方

 

 

 同じイラストブログ繋がりでよろしかったらリンクお願いいたします☆

 

1.リンクバナーの画像ULRを用意する

 

↓リンクバナーです。右クリックして「プロパティ」を開くと

アドレス(ULR)画像の所に画像アドレスがありますので、それをコピーして下さい。

(ご自分がバナーを作る場合も、一度サイトにバナーをUPすると画像ULRがゲットできます!)

 

f:id:kichita:20180903230655p:plain

→サイトのULRは  https://kichita.hatenablog.com/

 

 

f:id:kichita:20180903230656p:plain

→サイトのULRは  http://kichita.com/

 

 

f:id:kichita:20180901235739p:plain

→こちらはおまけっぽいバナー☆

 

 

2.はてなダッシュボードの操作

 

① デザインをクリック

 

 

f:id:kichita:20180903233938j:plain

 

 

 

② モジュールを追加をクリック

 

 

f:id:kichita:20180903234126j:plain

 

 

③ HTMLをクリック

 

題名を入れたら下の四角枠に

<a href="クリックしたら飛びたい先のURL"><img src="画像のURL" </a>

と入れる。

 

例えば私の人事労務サイトの場合は

<a href="http://kichita.com/"><img src=https://cdn-ak.f.st-hatena.com/images/fotolife/k/kichita/20180903/20180903230656.png>

となります!

 

f:id:kichita:20180903234237j:plain

 

 

最後にサイドバーの順序を入れ替えておしまいです! 

 

このブログの右サイドバー・上から2番目に貼ってある吉之介バナーのような

感じになります☆