ブログタイトル画面のランダム表示方法

はじめまして。
今ブログを再開しようと思っています。
そこで、タイトル画面をアクセスする度にランダム表示するようにしたいと思っています。
過去の質問なども見ましたが、
画像が表示される時と真っ白の時が有ります。
javasriptで、ＣＳＳ以外のHTML部分に入れるのは解るのですが、どこに挿入すればいいのかがわかりません。
またソースもコピペして貼り付けているので、あっているのか
わかりません。
ＣＳＳのブログタイトルエリアのＵＲＬは削除していいのでしょうか？（今は消しているのでなにも表示されないことがあります）※今のところＴＯＰ画像は2枚をランダム表示予定です。
素人質問ですが、宜しくお願いします。

空02を使用。

<div id="banner">
バナー
</div>

の下にある

<script type="text/javascript"><!--
new function(){
  var img_list = [
    "http://image.blog.livedoor.jp/rdysf045/imgs/f/6/f6742329.jpeg", 
    "http://image.blog.livedoor.jp/rdysf045/imgs/e/0/e0dae3ca.jpeg", 
     var img = img_list[Math.floor(Math.random()*(img_list.length))];
  var el = document.getElementsByTagName("div");
  for(var i = 0; i < el.length; i++)
    if(el[i].className == 'blog-title-outer') {
      el[i].style.backgroundImage='url('+img+')';
      break;
    }
};
//-->
</script>

は、削除する。
フリーエリアプラグインにある

<script type="text/javascript"><!--
new function(){
  var img_list = [
    "http://image.livedoor.jp/rdysf045/imgs/f/6/f6742329.jpeg",
    "http://image.blog.livedoor.jp/rdysf045/imgs/e/0/e0dae3ca.jpeg", 
  ];
  var img = img_list[Math.floor(Math.random()*(img_list.length))];
  var el = document.getElementsByTagName("div");
  for (var i = 0; i < el.length; i++) {
    if (el[i].className == 'blog-title-outer') {
      el[i].style.backgroundImage='url('+img+')';
      break;
    }
  }
};
//-->
</script>

は、

<script type="text/javascript"><!--
new function(){
  var img_list = [
    "http://image.blog.livedoor.jp/rdysf045/imgs/f/6/f6742329.jpeg",
    "http://image.blog.livedoor.jp/rdysf045/imgs/e/0/e0dae3ca.jpeg" ];
  var img = img_list[Math.floor(Math.random()*(img_list.length))];
  var el = document.getElementsByTagName("div");
  for (var i = 0; i < el.length; i++) {
    if (el[i].className == 'blog-title-outer') {
      el[i].style.backgroundImage='url('+img+')';
      break;
    }
  }
};
//-->
</script>

に修正する