livedoor ナレッジ

タイトル画像の中に、何箇所かリンクをつけたいところがあります。ブログの匠（たくみ）の方々、素人にもわかるような、ご解答をお願いします。

上記の赤丸の箇所にリンクをつけたいのです。また、赤線のところにはブログの説明を３～４行で流し込みたいです。※トップ画像の変更は出来ます。よろしくお願いします。

画像の一部にリンクを作成するには、<map>を使います。
書き方は、
http://www.htmq.com/html/map.shtml
を参照下さい。
座標を取るのが面倒ですが、
画像ソフトで位置を表示できるものがあれば、
座標を調べることができます。
また、フリーのＨＴＭＬエディタでマップの作成を支援してくれるようなものがあります。

私も初心者なので、回答と言えるかはわかりませんが・・・。

BLUEPIXYさんの回答を参考にやってみましたところ、作成したイメージマップをデザインカスタマイズの「トップページ」「個別記事ページ」「カテゴリアーカイブ」「月別アーカイブ」における<div id="banner">のすぐ下に書くとできました。

ただ、元のブログタイトルを完全に上書きするかたちなので、置き換える画像の中にブログタイトルと説明文を既に書き込んでおく必要があります。

参考URLその２
http://www.tagindex.com/html_tag/img/img_map.html
↑回答1.とほぼ同じですが、参考程度に

上のURLの例で表すなら、

<div id="container">
<div id="banner"> ↓ここから
<img src="image/map.gif" alt="マップサンプル" usemap="#maptest">
<map name="maptest">
<area shape="rect" coords="22,11,122,62" href="map1.html" alt="リンク1">
<area shape="circle" coords="184,86,30" href="map2.html" alt="リンク2">
<area shape="poly" coords="87,78,30,110,81,139,69,113" href="map3.html" alt="リンク3">
</map> ←ここまで
<h1 class="blogtitle"><a href="<$BlogUrl$>" accesskey="1"><$BlogTitle ESCAPE$></a></h1>
<div class="description"><$BlogDescription$></div>
</div>

のようになります。