ライブドアブログで動的にバナーを表示(リンクも変更)することは可能か
今回は、ライブドアブログのページで動的にバナーを表示
(リンク先もあわせて動的)できるのか?を解決する。
結論:やろうと思えばできる。
やり方:
1.Javascriptを利用する
2.動的なファイルが設置可能な違うサーバーを利用する
この2種類がある。
http://blog.livedoor.jp/japanrock_test/?blog_id=2352238
↑試しに作ってみた。
1.ライブドアブログの機能で可能か?
―――――――――――――――――――――――――――――――――
とりあえず、トップページのデザイン修正HTMLレベルで可能なのか?
【カスタマイズ/管理 ⇒ プラグインの設定】
http://cms.blog.livedoor.com/cms/plugin/?blog_id=115209
>プラグインの並び順、位置、名前を設定します。
3カラム(3列)のデザインを選択している場合、プラグインの表示位置を指定することができます。通常、「A」が左、「B」が右に設定されます。
2カラム(2列)のデザインの場合、「A」のプラグインのみが有効、または「A」→「B」の順番で表示となりますので、注意してください。
このページで3カラム(3列)のデザイン調整が可能。
でも、ライブドアブログの機能には、リロードごとにイメージを変える機能はなさそう。
2.Javascriptを利用する
―――――――――――――――――――――――――――――――――
http://knowledge.livedoor.com/2317
>.jsの拡張子が付くファイルは設置できない上、有償のPRO版でないと独自のファイルは設置できません。
有償なら可能らしい。.jsはどうなんだ?
>プラグインの新規追加で、上級プラグインにあるフリーエリアを追加
↑見てみる。
【ブログの設定/管理 ⇒ 新規追加 ⇒ 上級者向けプラグイン ⇒ javascript】
↑これで、javascriptの参照は可能なのは分かった。
javascriptの利用は可能らしい!
ただ、サーバーからのダウンロードしかダメらしい。
ライブドアブログにファイルをアップできないのか?
【ブログの投稿 ⇒ ファイルのアップロード/管理】
では、出来なかった。
しかし、
>ファイルを別途アップロードできないときは、テンプレートを直接修正します。
そうか、HTMLの中に書いてしまえばいいんだ。
>ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。「スタイルシート(CSS)」右隣、「トップページ」を選びます。
JavaScriptなので、
同じく再構築が必要です。「ブログに設定を反映(再構築)」を選び、「再構築する部分を指定」があるので、「トップページ」を選んで「ブログを再構築する」というボタンを押せば完了です。
なるほどねー。
javascriptを利用すれば出来そうだ。
作ってみよう。
要するに、
<a href="0.html">
<img src="0.jpg">
</a>
この0.html, 0.jpg の部分を動的にすればいいだけだ。
<script language="javascript">
var url = new Array(3) ;
var link = new Array(3) ;
url[0] = "http://hogehoge.jp" ;
url[1] = "http://hogehoge.com" ;
url[2] = "http://hogehoge.biz" ;
link[0] = "0.jpg" ;
link[1] = "2.jpg" ;
link[2] = "3.jpg" ;
var rand = Math.floor( Math.random() * LENGTH );
document.write( "<a href='url[rand]'>" );
document.write( "<img src='link[rand]'>" );
document.write( "</a>" );
</script>
でも、できればサーバーサイドで作りたいよね・・・。
3.ライブドアブログ内でプログラミングは可能か?
―――――――――――――――――――――――――――――――――
http://knowledge.livedoor.com/12431
perlのCGIを利用できるかと言う問い。
>残念ながら,出来ません.
perlは消えた。
http://knowledge.livedoor.com/2317
>ライブドアブログでは、残念ながらphpを使う方法がありません。
PHPも消えた。
結論・・・使えなそう・・・。
4.動的なファイルが設置可能な違うサーバーを利用する
―――――――――――――――――――――――――――――――――
違うサーバーにお世話になるなら、方法は色々在る。
例えば、ライブドアのブログにこのようなイメージタグを貼る。
<a href="http://hoge.jp/link.php">
<img src="http://hoge.jp/image.php">
</a>
このアドレスにアクセスしたときに、イメージにリダイレクトするようにすればいいのだ。
そして、そのリダイレクト先をアクセスごとに修正すれば可能だ。
image.php
<?php
header("Location: http://hoge.jp/image/1.JPG");
?>
↑これを動的にすればいいだけだ。
この場合だと、リンクとイメージが一致させることが出来ないが、
色々やれば、できるだろう。
今回は、javascriptでやるので、ここのところは、やらないでおく。