ブログのタイトル画像をランダムに変えたいッ！

ブログを運営しているのですが、トップのタイトル画像が更新するたびに変わるブログを見かけました。
自分でもやってみようと思い、過去の質問を見てイロイロ試したのですが、よくわかりません。
javaをどのようにつくって、CSSに入れるのか、それともトップページにいれるのか、など、どなたか教えてください！

宜しくお願いします。

ちなみに、ブログのURLは です。
このブログのトップのミッキーとミニーの画像の所をランダムにしたいです。

宜しくお願いします。

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.2");</script>
<script language="JavaScript">
jQuery(function($) {
  var photo = ['http://image....430bad04.jpg',
               'http://image....c4750462.jpg',
               'http://image....28a9d8aa.jpg',
               'http://image....329209b0.jpg',
               'http://image....616325bc.jpg',
               'http://image....7507e0b4.jpg'
               ];
  var n = Math.floor(Math.random() * photo.length);
  var p = "transparent url(" + photo[n] + ") no-repeat scroll 0 0";
  if ($("#banner")) { $("#banner").css("background", p); }
  if ($("#subbanner")) { $("#subbanner").css("background", p); }
});
</script>

今のコードを上記に置き換えたらいけると思います。