ブログ等のヘッダーにランダムにコメントを表示させる方法【Javascript】

Sep 26, 2012

ブログの、タイトルロゴの近くに、ブログの説明文的なものを表示させてる方って多いですよね。

たとえば、
ブログ等のヘッダーにランダムにコメントを表示させる方法【Javascript】参考リンク:IDEA*IDEA

これとか、

ブログ等のヘッダーにランダムにコメントを表示させる方法【Javascript】頭ん中

これとか、

ブログ等のヘッダーにランダムにコメントを表示させる方法【Javascript】カイ士伝

これとか。

ランダムで文字が変わったら面白いですよね

この部分、ブログの紹介で使うことが多いため、一度決めたら変える必要はあまり無いとは思いますが、
もし、見るたびに変わってたら面白いですよね。

2012年9月現在、わたくしのブログのヘッダーのロゴ右どなりに、
様々なひとことコメントがランダムに表示される仕組みになっております。

これはJavascriptで実装してるのですが、
結構簡単に実現出来るので、紹介します。

headタグ内に、以下のソースをコピペ

<script type="text/javascript">
var description = new Array(
    'コメント1',
    'コメント2',
    'コメント3',
    'コメント4',
    'コメント5',
    'コメント6'
); 
var no = Math.floor(Math.random() * description.length); 
</script>

コメント1〜6の部分にランダムに表示させたいコメントを書いてください。
コメントの数は自由に増減してOKです。

bodyタグ内のコメント表示させたい部分に、以下のソースをコピペ

<script type="text/javascript">document.write(description[no]);</script>

これだけです!
結構簡単に実装できますので、ぜひ試してみてください!

白坂翔
白坂翔

1984年生まれ。ボードゲームカフェJELLY JELLY CAFEオーナー、将棋カフェCOBINオーナー、マーダーミステリー専門店Rabbitholeプロデューサー、株式会社人狼の代表取締役。ポーカーとゴルフが好きです。MORE

あわせてどうぞ

コーディングが出来るWEBデザイナーの唯一の欠点