ブログ内検索機能を付けました



以前からやりたかったことが、ようやくできました。
ブログ内検索機能を付けました。(Googleの検索機能を利用しています。)
本ブログのトップページと、その他一部のページの左サイドに、キーワード入力欄と検索実行ボタンが付いています。

設置に当たっては、以下のページを参考にさせていただきました。
　「リンク、検索機能を追加」(Google)
　「Google サイト内検索窓の一番簡単な設置方法」

以下のようなコードを埋め込んであります。
　<form action="http://www.google.com/search">
　<input type="hidden" name=hq value="inurl:homepage.mac.com/masato_hara/iBlog/">
　<input type=text name=q size=23 maxlength=255 value="">
　<input type=hidden name=ie value=UTF-8>
　<input type=hidden name=oe value=UTF-8>
　<input type=hidden name=hl value="ja">
　<input type="submit" name="btnG" value="検索"></form>

色が付いている部分は、サンプルコードをカスタマイズした箇所です。
　青色部分：ブログトップのURL
　紫色部分：キーワード入力欄のサイズ
　緑色部分：文字コード
　　　　　　(サンプルコードでは"Shift_JIS"が指定されていました。
　　　　　　でも、私のブログでは"UTF-8"でないと、文字化けしてしまうようです。)
　茶色部分：検索実行ボタンのテキスト

動作確認はSafari4でしかできていません。。。
もし上手く動かないなどありましたら、コメントなどでご連絡くださいませ。

Posted: 土 - 7 月 18, 2009 at 06:47 AM        

©