ブログのヘッダー画像をランダム表示させるカスタマイズ - MS-14D  

Home > スポンサー広告 > ブログのヘッダー画像をランダム表示させるカスタマイズ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[タグ未指定]

Facebookでコメント

関連商品

ZenBack

最近閲覧数が多い記事

ブログパーツ

Comments:-

2009-09-20 (日) 20:02 edit

このコメントは管理人のみ閲覧できます

Comment Form
サイト管理者にのみ通知する

Home > スポンサー広告 > ブログのヘッダー画像をランダム表示させるカスタマイズ

Home > FC2ブログカスタマイズ > ブログのヘッダー画像をランダム表示させるカスタマイズ

ブログのヘッダー画像をランダム表示させるカスタマイズ

20070523012958.jpg

今日から本格的にこのブログに施しているカスタマイズ部分を紹介していく。下手にカスタマイズするとブログが重くなるので注意が必要(このブログのように)

まずはこのブログで一番のカスタマイズともいえる「ヘッダー画像のランダム表示」。このブログでは実に17枚の画像をランダム表示させている。経験的にこれランダムさせる画像を増やせば増やすほど重くなる気がする・・・(推奨3枚程度)。
下記のソースコードをコピーし、画像のURL部分だけ変更してペタっと<head>~</head>に入れればOK。この時CSSで画像を指定している場合は、その部分は消去する。

<script language="JavaScript"><!--
var wall = new Array();

/* 使用する背景画像を好きなだけ記述 */
images[0] = "画像1のURL";
images[1] = "画像2のURL";
images[2] = "画像3のURL";


var rnd = Math.floor((Math.random() * 100)) % wall.length;
document.write('<style type="text/css">#header { background-image:url(' , wall[rnd] , '); }</style>');
// --></script>

画像を増やしたい場合はimages[この数字を増やしていけばOK]。
しかししつこいけれども、下手に画像を増やすとその分ブログも重くなる気がするので注意。

【関連エントリー】
- MS-14D
- MS-14D 関連する記事を自動表示させるパーツ 「カンレン.えんとり~ず」
- MS-14D Web2.0的なロゴを日本語でも 「Web2.0風ハロウィンロゴジェネレーター」
- MS-14D
- MS-14D Google、FeedBurner買収か?
generated by 関連エントリーリストジェネレータ
関連記事

[タグ] カスタマイズ ブログを簡単に

Facebookでコメント

関連商品

ZenBack

最近閲覧数が多い記事

ブログパーツ

Comments:1

2009-09-20 (日) 20:02 edit

このコメントは管理人のみ閲覧できます

Comment Form
サイト管理者にのみ通知する

Home > FC2ブログカスタマイズ > ブログのヘッダー画像をランダム表示させるカスタマイズ

Page Top