はてなブログで404 のページに何かする

はてなブログでは、404 ページでも同一のテンプレートになっているので、ステータスコードが404なときに、もう少し補足とかしたい、って場合があります。

具体的には以下のページ。
トップページ/- みたいにでっちあげな存在しないページにアクセスすると、

のようなかんじでアーカイブページとカスタム検索のリンクを提示しています。

デザイン編集のフッタのあたりで

(function ($) {
 // var matches = /^http\:\/\/tsuredureweblog\.hatenadiary\.jp\//;
 // if (!matches.test(location.href)) return;
  $.ajax({
    statusCode: {
      404: function () {
        var doc = $('div.entry-content h1');
        var htm = '<ul><li><a href="/archive">アーカイブ</a></li></ul>';
        var message = $('<div>').html(htm);
        $(doc).next().append(message);
      }
    }
  });
})(jQuery);