浮世絵イラスト・吉之介ブログ

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


スポンサードリンク

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


スポンサードリンク

minne.com

 

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

 

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

 

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

まずは下のようなリンクバナー画像を作るか、minneなどからもらってきます

 

↓下の画像を右クリックして「プロパティ」を開くと

真ん中辺りにURL(アドレス)が表示されるので

(「http://」で始まり「.pngやgif」で終わるもの)

それをコピーして下さい。

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

 

 

f:id:kichita:20190606004645p:plain

 

 

2.サイトのULRを用意する

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

 

  

 

3.ダッシュボードの操作

①デザインをクリック

 

f:id:kichita:20190606003146j:plain

  

 

 ② カスタマイズ(レンチの形)をクリック➡サイドバーをクリック

 

➡一番下の「モジュールを追加」をクリック

 

 

f:id:kichita:20190606003349j:plain

 

 

 

③ HTMLをクリック

 

f:id:kichita:20190606003406j:plain

 

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

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

と入れる。

 

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

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

となります!

 

↓こんな感じです☆

f:id:kichita:20190606011748p:plain

 

 

 

 

 適用を押すと、一番下に今作った「吉之介ブログ」が出来ているのが

分かります。

 

f:id:kichita:20190606011606p:plain

 

 

最後に、上の方に表示したい場合は順序を入れ替えておしまいです! 

 

 

 

minne.com

 


スポンサードリンク