【2009/04/26 追記】
よりSEOを考慮した記事を掲載したのでこちらを推奨します。
SEOを考慮したランダムなタイトル画像以前に
背景画像をランダムに変える方法を紹介しましたが今回は背景ではなく、タイトル画像自体を変える方法を紹介します。
HTMLを編集します。
<h1>~</h1>で囲まれている部分を下記記述に置き換えてください。
<h1><script language="JavaScript">
var images = new Array();
/* 使用するタイトル画像を好きなだけ記述 */
images[0] = "画像1のURL";
images[1] = "画像2のURL";
images[2] = "画像3のURL";
var rnd = Math.floor((Math.random() * 100)) % images.length;
document.write('<a href="<%url>" title="<%blog_name>" alt="<%blog_name>"><img src=',images[rnd],' border="0"></a>');
</script></h1>これでタイトル画像がランダムに表示されます。
もしタイトル以外の画像をランダムにかえたければ
<a href="<%url>" title="<%blog_name>" alt="<%blog_name>">
</a>この部分を削除してください。
タイトル画像を3つ、タイトル背景を3つ用意しておくと
3x3=9パターンと一気にバリエーションが増えますね。
- 関連記事
-