忍者ブログ
HOME > カスタマイズ > 背景をランダムに変更するカスタマイズ Admin RSS  
独自ドメインを無料で利用できる忍者ブログでカスタマイズ・テンプレート・アフィリエイト・アクセスアップSEOを徹底調査 
定番とも言えるカスタマイズですが、ページを切り換えたり、リロードした際に背景をランダムに選択します。
透過フォト・透過フォト2.0などをご利用の際に使ってみてください。

1.テンプレートの変更

透過フォトまたは透過フォト2.0をダウンロードします。
「テンプレート設定/編集」で「このテンプレートに設定」してください。

2.背景用画像をアップロード

背景に使いたい背景画像をファイルアップロード からアップロードします。
詳細はこちら

3.CSSの背景設定を削除

「テンプレート設定/編集」で、CSSのbody {}にある下記記載行の文頭に「/*」、文末に「*/」を記載する。
background-image: url(■現在の背景のURL■);

4.htmlの編集

「テンプレート設定/編集」で、htmlの<body>の直後に下記コードを記載します。
<script language="javascript">
<!--
bg=new Array();
bg[0]="■画像url 1■";
bg[1]="■画像url 2■";
bg[2]="■画像url 3■";
bg[3]="■画像url 4■";
/*以下背景画像の数だけ連番で追加・削除してください。*/
back_g=Math.floor(Math.random()*bg.length);
document.write("<body background='"+bg[back_g]+"'>");
//-->
</script>

以上でページ変更時にランダムに背景が選択されるようになります。
画質が高い写真をそのままあげるとロードタイムが長くなる(重くなる)ので、画質は落としたものをお使いください。
フレッツ光や、ADSL環境の方はなかなか意識しませんが、モバイルやダイヤルアップの訪問者には大きくて画質のいい画像は待ちきれません。
PR

この記事にコメントする
お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
5
いいことのその後...
ご回答頂きありがとうございました。
こちらにコメントさせて頂いたあとに、NINJAの助太刀の方にも誰か助けていただける方がいないかとカキコしてみましたが、やはりうまくいかなかったです。(私の理解力がなかったのも否めませんが...)
ところで、その中(http://csbbs.ninja.co.jp/Thread_View/38034/)に具体的なヒントを下さった方がいたので、がりんぺいろさんの今後にお役に立つヒントになれば(ホントはワタシが知りたいのですが。)と、その構文をこちらにコピペしようとしたのですが構文過多で蹴られてしまったので、もしよろしければ、上記URLを覗いてみてください。では、いろいろお手数をおかけしました。
またCSS勉強して再トライしてみます。
おっさん。 2009/10/29(Thu)17:55:26 編集
Re:いいことのその後...
おお!なるほど。
手間はかかりそうですが、出来そうな感じがしますね。
わざわざ有り難うございました。
今すぐは時間がないのですが、おってチャレンジしてみようかと思います。
【2009/10/30 09:32】
4
いいコト思いついたんですが...。
透過フォト2.0(共有テンプレート)を使わせていただいて現在ブログを作成中です。大変気に入っているのですが、先日ちょっと思いついたのですが、自力ではどうしようもなかったのでこちらに泣き付いたというわけなのですが、何かいいアイデアがあればご教授願います。
本題に入ります。
実はカテゴリー毎に背景画像をそのカテゴリーにあった物を表示させたいと思うのですが、そういうのって可能でしょうか。
http://ninja-blog.com/を拝見させていただいた時に、「背景をランダムに変更するカスタマイズ」というのがあったので、これをコチョコチョッとすればと弄ってみたのですが、所詮素人の浅知恵でした。
よろしくお願い致します。
おっさん。 2009/10/24(Sat)19:46:03 編集
Re:いいコト思いついたんですが...。
おっさん。様 はじめまして。
ご利用頂き、また嬉しいコメント頂き有り難うございます。
カテゴリ毎に背景やサイトデザインを変更したい要望は沢山あり、確かに便利だと思います。
JavaScriptで条件分岐すれば出来るかもしれませんが、無料ブログの制約の中ではWordPressやMovableTypeのように簡単には出来そうもありません。
私の浅知恵ではすぐに出来そうもございません。
今後の発展過程でもし解れば反映してみたいと思いますが、お急ぎでしたらご自身で調べてみてください。
ヒントとなるサイトがあればお教え頂ければ頑張ってみます。
【2009/10/26 09:13】
3
お手数掛けました
おはようございます。
はい、以前使用していたテンプレート(数種類)に非公開(管理者のみ)があったものですから・・・技術的なことは分からないのですが、わざわざ構文解説書を読んでいただいたようで。かえってお手数お掛けしたようで申し訳ありませんでした。
せん 2009/05/26(Tue)06:58:20 編集
Re:お手数掛けました
いえいえ。
忍者であったのであれば、私の探し方が甘かったようです。
時間があるときに確認してみます。
【2009/05/26 08:08】
2
ご丁寧にありがとう
がりんぺいろさん ご丁寧にありがとうございます。
非常に厚かましい御願いなのですが・・・

コメント欄において非公開(管理者のみが閲覧可能な)チェックボックスを設けることは出来ませんでしょうか?
お手数でなければご教授頂ければ幸いです。
せん 2009/05/25(Mon)21:02:17 編集
Re:ご丁寧にありがとう
FC2にあるような管理者のみが閲覧できるコメントオプションと言うことでしょうか?
忍者ブログにその様な機能ありましたか?
構文解説書を軽く見た限り無いような気がしますが。
【2009/05/25 21:45】
1
お初です!
初めまして。
テンプレートお借りしております。
ランダムも設定出来ました、ありがとうございます。(細かな調整はこれからですが・・)
せん URL 2009/05/23(Sat)20:20:09 編集
Re:お初です!
せん 様 はじめまして
テンプレ使用、コメント有り難うございます。
FORZAの背景いい感じです。
【2009/05/25 08:22】
[60]  [58]  [46]  [43]  [42]  [41]  [40]  [39]  [33
ブログ内検索
プロフィール
HN:
がりんぺいろ
性別:
非公開
自己紹介:
なんちゃってアフィリエイター
数年前から趣味のサイトをいくつか作っていましたが、軽い気持ちで置いたアフィリエイトが結構稼いでくれる。ここ2~3年はブログに夢中。といっても放置しているものが多い。
本業は硬い業種のサラリーマン。
バーコード
アクセス解析
忍者ブログで独自ドメイン・カスタマイズ 背景をランダムに変更するカスタマイズ Produced by がりんぺいろ
忍者ブログ [PR]
透過フォトver2.0 Designed by ninja-blog.com