タイトル画像を更新毎にランダムに表示したい

タイトル画像を更新毎にランダムに表示したい

過去の質問（「タイトル画像 ランダム」で検索）を調べたのですが
スタイルシートのどの部分を削って、どのようなコードを入力すればいいのかが分かりませんでした。

当方初心者で、疑問点を追加質問することになると思いますが
よろしくお願いします。

以下は私のブログURLです。

こんな感じのソースを各テンプレート（トップページ、個別記事ページ、カテゴリーアーカイブ、月別アーカイブ）に貼り付けてください。

<script type="text/javascript"><!--
(function(img, id, el) {
  var e = el(id);
  if(e)  e.style.backgroundImage = 'url(' + img[Math.random() * img.length | 0] +')';
})(
  [
    '画像1のURL',
    '画像2のURL',
    '画像3のURL',
    '画像4のURL',
    '画像5のURL'  // ←最後の画像には終わりにカンマをつけない
  ],
  'blog-title-outer', // class
  function(cl){
    var e = document.getElementsByTagName('div');
    for(var i in e) if(e[i].className == cl) return e[i]; return null;
  }
);
//--></script>

貼り付ける場所は

<div id="content" class="hfeed">

の上辺りが丁度良いです。

・上の例では画像が5つですが、好きな数に変更してください。
・テンプレートには手を入れず、フリーエリアに設置する方法もありますが、
　画像が切り替わるまで多少のタイムラグが出てきます。
・CSSに手を入れる必要はないです。