まとめについてのご案内
ページの最後にまとめがありますので、手っ取り早く見たい方はそちらをどうぞ。(まとめになってないページもありますが)
Google AdsenseのようにステータスバーのURLを変更する
http://pc7.2ch.net/test/read.cgi/affiliate/1163662472/960に応じました。
Google Adsense(当サイトでも右にAds by Googleとある広告)にマウスを乗せてみてください。
使っているブラウザがInternet Explorer系なら、「tekitou.comへ」みたいな感じのものが、ウィンドウの下の方(ステータスバー)に表示されていると思います。
これを真似したい!ってことで、適当に説明していきます。
必要になる作業は以下の通りです。
- JavaScriptファイルを作成する
- JavaScriptファイルを修正する
- JavaScriptファイルを自分が利用しているサーバへアップする
- JavaScriptファイルをhtmlから呼び出すように、書き換える
という感じです。
サンプルページを一応用意してみました。
内容自体は2-4. ホームページ作成のための便利なサイトと同じですが、他のドメインにジャンプするURLだけ、ドメインしか表示されません。
1. Javascriptファイルを作成する
JavaScriptファイルをダウンロードしてください。
一応説明しますが、右クリックで保存です。普通にクリックしても意味はないです。
2. JavaScriptファイルを修正する
1で保存したファイルを、自分の環境で使いやすくなるように修正する方が良いと思います。
とりあえず動かしてみたい!という人は、この項目を飛ばして次を見てください。
どのように修正するのかは保存したファイルに書いていますが、全部のURLがGoogle Adsenseのようになってしまうと、自分のサイト内のURLも影響してうざったくなってしまいます。
それを防ぐために修正を行います。
保存したファイルの中で説明している場所に、自分のサイトのトップのURLを書くと良いでしょう。
また、index.html等は必要ありません。最後はスラッシュ( / )で終わるようにしてください。
3. JavaScriptファイルを自分が利用しているサーバへアップする
1で保存したファイルを、自分が利用しているサーバの好きなところにアップしてください。
もちろん、どこにアップしたかを覚えておいてください。
4. JavaScriptファイルをhtmlから呼び出すように、書き換える
2006年12月16日 cat.js と、この箇所を多少修正しました。
アップしただけでは使えません。
そのファイルhtmlから呼び出して使えるようにする必要があります。
<script src="http://www.webpersons.info/tools/cat.js" type="text/javascript"></script>
<script type="text/javascript"> changeAnchorText(); </script>
これをコピーして、src=""の中に、アップした場所を指定してください。
それを使いたいhtmlの</body>の直前あたりに貼り付けてください。
以上を終えたら、自分のサイトを見ると…きっと、できているはずです!
このページのまとめ!
JavaScriptとかCSSをhtmlに適用させたことのある方には優しい内容ですが、初心者の方には手順が4ステップあって、それなりに難しい内容になっています。
ちゃんと順序を守って、じっくりやってみてください。
わかんねー人は、お問い合わせまでどうぞ。
コメント一覧
わ`い、爾消しぶりなり゛ 耙しいなまた、[びにきます。
でも、寔gは`います。また、[びにきます。
そうですか、阻盾しました。また、おじゃまします
おめでとうございます泯泙海譴らもBれ゛
コメントする
この記事へのトラックバックURI