ブログ等のヘッダーにランダムにコメントを表示させる方法【Javascript】
Sep 26, 2012
ブログの、タイトルロゴの近くに、ブログの説明文的なものを表示させてる方って多いですよね。
例
たとえば、
参考リンク:IDEA*IDEA
これとか、
これとか、
これとか。
ランダムで文字が変わったら面白いですよね
この部分、ブログの紹介で使うことが多いため、一度決めたら変える必要はあまり無いとは思いますが、
もし、見るたびに変わってたら面白いですよね。
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>
これだけです!
結構簡単に実装できますので、ぜひ試してみてください!