おきてがみ
about.png全記事リンクイメージウィンターボード


相互リンク 新着RSS

Powered by Ayapon RSS! オススメ ライブチャット キャッシング7

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
今回もちょっとした質問に答えておきたいと思います。

ネットなどを巡回しているとサイト・ブログなどでアクセスするたびにブログのTOP画像がランダムになるサイトがあると思います。

私のブログもそうなのですが、中にはHTMLなどに詳しくなくてどのようにやるのか不思議に思っている方もいると思います。なので、そんな人のためにまとめておきたいと思います。

ただし、今回紹介するタグなどは、以前私がTOP画像をランダム表記するためにネットで探してきたものなのですが、テンプレートの変更などをした際におかしくなっているかもしれませんので、うまくいかない場合などはご了承ください。

とりあえずFC2のブログでの例をあげて紹介したいと思います。

まずは管理画面に行きます。そして左カラムを見ていくと、「テンプレートの設定」というものがあるのでクリックします。
テンプレートの設定

そして現在使っているテンプレートを複製した上で、複製したものを編集していきます。
編集方法


これ以降の説明は「続きを読む」を押して下さい。
その前に広告のクリックもよろしくお願いしますw
まず、編集を押すとHTML・CSSなどを書き換えることができます。

そのうちHTMLの上の方に<head>略<head>
というものがあると思うので、<head>の間に下の枠にあるHTMLを張り付けてください。
その際に、もともとあるTOP画像を表示させるタグなどを置き換えた方がよいと思いますが、そこに関しては色々試行錯誤してみてください。



  <script language="JavaScript">
var images = new Array();

/* 使用するタイトル画像を好きなだけ記述 */
images[0] = "画像のURL";
images[1] = "画像のURL";
images[2] = "画像のURL";
images[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>


管理人自身、あまり(まったくと言っていいほど)HTMLには詳しくないので違っている可能性もありますが、私はこちらのHTMLを使いTOP画像をランダム表記にしています。


拍手・コメント・広告のクリック等お待ちしておりますwww
コメント
俺もこのHTMLタグを利用しています!
ランダム画像をするにはこのタグが一番良いと思います!
何種類のTOP画像があるんですか?
2009/11/17(Tue) 01:26 | URL | FOX0326 | 【編集
Re: タイトルなし
> 俺もこのHTMLタグを利用しています!
> ランダム画像をするにはこのタグが一番良いと思います!
> 何種類のTOP画像があるんですか?

今のところ9枚のTOP画像が適応されています。他ブログ様にTOP画像を作ることは多いのですが、自分のサイトのものを作ることも、貰うこともすくないので・・・・^^;
2009/11/17(Tue) 01:39 | URL | Tipsnote | 【編集
とりあえずやってみたんですが、画像が変更されなくて、cssで指定していた画像をけしたら、TOP画像が表示されなくありました。やりかたがまちがっているのでしょうか?
2009/11/17(Tue) 16:54 | URL | pcとかリヴリーとか | 【編集
http://blog-imgs-34.fc2.com/k/a/t/kattoremonn/2009y11m21d_235339647.jpg
のようにいじってみたんですが、ランダムで表示されません。
もしかしてhttp://blog-imgs-34.fc2.com/k/a/t/kattoremonn/2009y11m21d_235442998.jpgのような
部分もいじる必要があるのでしょうか?どうすればいいかわかりません。それと、リサイズしてもらった画像を適用させると横は大丈夫なのですが、縦が足りませんどうすればいいでしょういか?
2009/11/21(Sat) 23:59 | URL | pcトカリヴリーとか | 【編集
コメントを投稿
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可
 
トラックバック
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。