livedoor ナレッジ

質問者ですが、ごめんなさい理解が追い付かずでして。
ご指定のソース、

<div id="banner">
バナー
</div>
<script type="text/javascript"><!--
new function(){
var img_list = new Array("01.jpg", "02.jpg", "03.jpg","04.jpg");
var img = img_list[Math.floor(Math.random()*(img_list.length))];
document.getElementById("banner").style.backgroundImage='url(img/'+img+')';
};
//-->
</script>

をフリーエリアにコピーし、

backgroundImage='url(img/'+img+')';

の部分を

backgroundImage='url(画像URL'+img+')';

と変えて、再構築をする・・・でいいのでしょうか？
サイドバーに確かにフリーエリアは追加されましたが、特に何も変化はないのですが・・・？

すみません、ホントの初心者ですのでが1から10説明いただかないとどうにも言われている意味も分からずでして。
引き続き、ご説明願えればと思います。

ちなみに、当初の質問でのスタイルシートでのおそらく該当ソース部分です。

/* =============================================== */
/** 03. Title - ブログタイトルエリア */
/* ----------------------------------------------- */

div.blog-title-outer {
background: #fffde4 url(画像URL) no-repeat top;/* 背景画像：メイン */
text-align: right;
margin: 0 0 20px 0;
height:155px;
}


h1#blog-title {
margin: 0;
padding: 20px 170px 0 0;
font-size: 150%;
font-weight: bold;
}


p#blog-description {
margin: 0;
padding: 0 170px 0 0;
line-height: 135%;
}

すみません、諸事情によりちょっと変える必要がありました。
こちらをフリーエリアに貼り付けてください。

<script type="text/javascript"><!--
new function(){
  var img_list = [
    "画像URL1",
    "画像URL2",
    "画像URL3",
    "画像URL4"
  ];
  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>