« プロフィールの欠如 | Main | IE5.5 での表示 »

2003.12.05

Google 検索窓を設置する その 2

この記事は Google 検索窓を設置する の続きです。一部内容が重複しています。

今回は前の記事に書いていたソースを元に Google 検索窓のテンプレート を作成します。

Google から持ってきたソースには最後に </center> がありますが、これに相当する <center> がないので、これを削除します。

それではまず最初に、前回作ったソースとそのサンプルを表示します。


<!-- SiteSearch Google -->
<form method="GET" action="http://www.google.co.jp/search">
<table bgcolor="#ffffff"><tr valign="top"><td>
<input type="text" name="q" size="15" maxlength="255" value="">
<input type="hidden" name="hl" value="ja">
<input type="submit" name="btnG" value="検索"><br>
<font size="-1">
<input type="hidden" name="domains" value="YOURSITE.CO.JP">
<input type="radio" name="sitesearch" value="">ウェブ全体から検索<br>
<input type="radio" name="sitesearch" value="YOURSITE.CO.JP" checked>サイト内検索<br>
</font></td></tr></table></form>
<!-- SiteSearch Google -->


ウェブ全体から検索
サイト内検索

さて、ここからさらにカスタマイズしていきます。

3行目の <table bgcolor="#ffffff"> の bgcolor="#ffffff" は検索機能の下地の色です。この場合は #ffffff なので白ですね。この数値を変えて好きな色にしたり、<table> とすることによって検索窓を設置する場所の下地の色にすることもできます。
参考リンク >>> ■ Web Safe Color/カラーチャート

次は 4行目の size="15" ですが、これは検索窓の横幅を指定する数値です。マイリストの一部としてサイドバーに入れる場合は長すぎるとアレなのでこのサイトでは横幅の数値は 15 に設定してあります。

一番大事なのが value="YOURSITE.CO.JP" です。ここを間違えるとサイト内検索ができません。といっても、やることは簡単。YOURSITE.CO.JP を自分のアドレスに変えるだけ です。URL が http://music.cocolog-nifty.com/ の場合は music.cocolog-nifty.com とだけ記入 します。http:// は要りません。

ソースで青色と緑色に色分けされているところはどっちが先でもかまいません。並べ方を変えると 「ウェブ全体から検索」 と 「サイト内検索」 どっちを上に持ってくるかを決めることができます。

太字になっている checked についてですが、これがついている方がデフォルトになります。つまり、上の場合だと、サイト内検索 のラジオボタンにチェックが入った状態になります。これを ウェブ全体から検索 をデフォルトにしたい場合は下記のように checked を移す必要があります。checked はどちらか片方のみで、両方に checked を記述してはいけません。

<input type="radio" name="sitesearch" value="" checked>ウェブ全体から検索<br>
<input type="radio" name="sitesearch" value="YOURSITE.CO.JP">サイト内検索<br>
ウェブ全体から検索
サイト内検索

あなたのサイトが Google に拾われるまではサイト内検索は使えないので ウェブ全体から検索 をデフォルトにしたほうがいいかもしれません。

以上をふまえると、Google 検索窓のテンプレートはこのようになります。


<!-- SiteSearch Google -->
<form method="GET" action="http://www.google.co.jp/search" target="_blank">
<table bgcolor="#ffffff"><tr valign="top"><td>
<input type="text" name="q" size="15" maxlength="255" value="" />
<input type="hidden" name="hl" value="ja" />
<input type="submit" name="btnG" value="検索" /><br />
<font size="-1">
<input type="hidden" name="domains" value="YOURSITE.CO.JP" />
<input type="radio" name="sitesearch" value="" checked />ウェブ全体から検索<br />
<input type="radio" name="sitesearch" value="YOURSITE.CO.JP" />サイト内検索<br />
</font></td></tr></table></form>
<!-- SiteSearch Google -->


あとは必要に応じて 赤い字のところを変更してください。

// 追記 //
検索結果を新しいウィンドウで開くように上のソースに target="_blank" を追加しました。要らない人はサクッと削除してください。

- Google 検索窓を設置する
- Google 検索窓を設置する その 3 マイリストへの追加
- Google 検索窓を設置する その 4 ココログ内検索 [ 改訂版 ]

// お知らせ //
Google 検索窓 関連記事へのトラックバックについてのお知らせ をお読みください。

|

« プロフィールの欠如 | Main | IE5.5 での表示 »

TrackBack

TrackBack URL for this entry:
http://app.cocolog-nifty.com/t/trackback/1570/7747

Listed below are links to weblogs that reference Google 検索窓を設置する その 2:

» 色々挑戦 [神々の熱き日記]
 ふぅ、結局沙織さんに押し付けられて、僕が色々とやってるよ(苦笑 もう、僕はこういうの得意じゃないんだから。 「詞織」さん、「いかんともしがたい」さん、「埼玉住... [Read More]

Tracked on 2003.12.05 at 15:30

» ココログいぢりいろいろ [LOVE!?@cocolog]
すっかりココログいぢりにはまっているワタクシですが、さらに手を加えてみました。 1.自作のスタイルシートに埼玉住人さんの引用をわかりやすくしようを参考にして、以... [Read More]

Tracked on 2003.12.05 at 21:21

» サイト内検索を導入する [詞織]
 「いかんともしがたい」さんがすばらしい記事を書かれたので、クリップしておきます。  Google検索窓を設置する  記事はわかりやすく、変更の必要な場所はすぐ... [Read More]

Tracked on 2003.12.05 at 21:43

» ココログ補完計画実行 その1 [ひねもすのたりのたりかな]
すでに皆さんごぞんじの埼玉住人さんの「ココログにカウンターを入れよう! 」と、いかんともしがたいさんの「Google 検索窓を設置する その 2」を採用してみた... [Read More]

Tracked on 2003.12.06 at 00:26

» Google [monomaniac memoranda]
いかんともしがたいさんの記事を参考に Google検索を設置してみた。 ココログ内の検索機能が無かったり、 ココログトップページの新着記事一覧が少なかったりで ... [Read More]

Tracked on 2003.12.06 at 02:11

» Google窓をつけてみました [いいこといっぱいあるかな]
こちらのサイトを参考に、Google窓をつけてみました。 [Read More]

Tracked on 2003.12.07 at 18:16

» ココログ使いこなし術 [ホコタテブログ]
 以前の記事で、ココログはデザインの自由度が低いなどといろいろ不満を書きましたが、それを覆すような裏技が各所で発見されたので、まとめとして紹介したいと思います。... [Read More]

Tracked on 2003.12.08 at 00:21

» 検索窓とかカウンタとか [踊る阿呆を、観る阿呆。]
いかんともしがたいさんのサイトを参考に、検索窓をつけてみました。 初心者にもわかりやすい内容で、大変役立ちました。ありがとうございました〜!! …とはいえ、自分... [Read More]

Tracked on 2003.12.10 at 00:15

» 誕生日&検索窓設置 [川瀬のみやこ物語 episode2]
今日は大学の方は学園祭の準備と言うことで休講。外は舞台の設営やら、バンドのリハー [Read More]

Tracked on 2004.11.19 at 18:26

« プロフィールの欠如 | Main | IE5.5 での表示 »