サンプルのリンク先はFC2ブログテンプレート配布所のTOPに戻れるようになっています。

サンプル画像は水珠様より、フォントはidfont様よりお借りしています。

(X)HTML

<div id="header">
<h1><a href="HOMEのURI" title="サイト名">サイト名</a></h1>
</div>

CSS

#header {
  text-indent: -9999px;
  width: 700px;
  height: 100px;
  margin: 0;
  padding: 0;
  background: #FFF url("画像のURI") no-repeat left center;
}
#h1 a {
  display: block;
  width: 500px;
  /* 文字の大きさによって適宜変更 */
  height: 100px;
  /* 画像の大きさによって適宜変更 */
  margin: 0;
  padding: 0;
  text-decoration: none;
  outline-width: 0;
  /* Firefox対策 */
}