はてなブログにヘッダー画像を付ける。

はてなブログにヘッダー画像を付けてみよう。
このブログにもヘッダー画像がついていますね。というかつけたのですが。

画像は自分で用意してみてください。

それからやるべきことはひとつ。

CSSの編集です。
CSSで下記のように追加してみる。
画像はDropBoxにおいた。 

#blog-title-inner h1 a{
padding:20px;
background:url(http://XXXXXXXX.png) no-repeat;
width:960px;
height:286px;
display:block;
text-indent:-9999px;
} 

今回のポイントはこのヘッダー画像をクリックできるようにし、クリックするとトップページに戻る仕様。
画像の高さや幅は自分の画像に合わせてCSSを調整する必要がある。
赤文字の箇所は自分の画像URLに置き換える。

上記はあくまでこのブログで適応したパターンなのでそのまま貼り付けても駄目なケースもある。 

是非試してみてほしい。