Google検索を設置する yozoの気が向いたと記2.0

Google検索を設置する

　ブログ内の検索を強力にしたいと思って、Googleのサイト検索をナビゲーション及び右サイドバーに設置しました。トップページの内容だけでなく、ブログの全記事、及びコメントの内容まで検索できます。FC2ブログの検索よりも強力な検索が可能となりました。

　設置したGoogleのサイト検索のコードは、リンク、検索機能を追加のGoogle フリー検索 (ベーシック版) : ウェブ検索 + サイト検索で公開されています。yozoはそのコードを、許可されている範囲内で、自分なりにカスタマイズしてXHTMLに準拠させています。このコードをコピペしたい方は、３箇所(右サイドバー用では２箇所)のhttp://yozoblog2.blog63.fc2.com/をご自分URLに変更してから貼り付けてくださいね。またここのブログはFC2ブログですから文字コード(２箇所)はeuc-jpとなっていますが、ブログサービスによってはshift_jisやutf-8にする必要がありますのでご注意ください。

貼り付けコード

この記事のコード

<div class="searchstyle"><form method="get" action="http://www.google.co.jp/search"><a href="http://www.google.co.jp/"><img src="http://www.google.com/logos/Logo_40wht.gif" width="128" height="53" alt="Google" title="Google" /></a><br /><input type="text" name="q" size="31" maxlength="255" value="" accesskey="a" tabindex="1" /><input type="hidden" name="ie" value="euc-jp" /><input type="hidden" name="oe" value="euc-jp" /><input type="hidden" name="hl" value="ja" /><input type="submit" name="btnG" value="Google 検索" accesskey="b" tabindex="2" /><br /><input type="hidden" name="domains" value="http://yozoblog2.blog63.fc2.com/" /><span style="font-size:10px;"><input type="radio" name="sitesearch" value="" accesskey="c" tabindex="3" /> ウェブ全体から検索<input type="radio" name="sitesearch" value="http://yozoblog2.blog63.fc2.com/" accesskey="d" tabindex="4" checked="checked" />http://yozoblog2.blog63.fc2.com/を検索</span></form></div>

右サイドバーのコード

<div class="searchstyle"><form method="get" action="http://www.google.co.jp/search"><a href="http://www.google.co.jp/"><img src="http://www.google.com/logos/Logo_40wht.gif" width="128" height="53" alt="Google" title="Google" /></a><br /><input type="text" name="q" size="18" maxlength="255" value="" accesskey="a" tabindex="1" /><br /><input type="hidden" name="ie" value="euc-jp" /><input type="hidden" name="oe" value="euc-jp" /><input type="hidden" name="hl" value="ja" /><input type="submit" name="btnG" value="Google 検索" accesskey="b" tabindex="2" /><br /><input type="hidden" name="domains" value="http://yozoblog2.blog63.fc2.com/" /><span style="font-size:10px;"><input type="radio" name="sitesearch" value="" accesskey="c" tabindex="3" />ウェブ全体から検索<br /><input type="radio" name="sitesearch" value="http://yozoblog2.blog63.fc2.com/" accesskey="d" tabindex="4" checked="checked" />このブログ内を検索</span></form></div>

検索フォームを囲んでいる枠線はCSSで設定しています。（class="searchstyle"となっている分です。）

CSS編集で追加するコード

.searchstyle
{
background-color: #FFFFFF;
padding: 5px;
margin : 15px 20px 15px;
border-style: solid;
border-width: 2px;
border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
}

yozoからのお願い

　この記事の内容は、yozoが実際にやってみたことを書いているだけです。この記事の方法しかないというものではありませんし、もっと簡単で、すばらしい方法もあると思います。この点をあらかじめご了承ください。
　また、言うまでもないことですが、この記事を参考にされるのでしたら、「フォーム改造」は自己責任で行ってください。
　この記事を参考にされた場合は、結果や感想を、CommentやTrackbackしていただけたら、うれしいです。もちろん、「これではおかしいのでは？」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。よろしくご協力ください。　m(_ _)m

↓　ぽちっと応援お願いします♪ m(_ _)m

スレッドテーマ:カスタマイズ:ブログ

yozoさん(*･ω･)ﾉ~☆ｺﾝﾊﾞﾝﾜ♪
これまたいいですね～φ(･ω･*)ﾌﾑﾌﾑφ(｡_｡*)ﾒﾓﾒﾓ
次々進化していきますねっ
グローバルナビもついて・・┃*ﾉωﾉ)ｷｬｯ♪
私も時間を見ては本館でこっちょりと実験中です。
借りてきたテンプレートで、ナビもちょうどチャレンジしてたので
（ていっても、元々すぐ実装出来る状態のテンプレなんですけど（笑）
自分的にはとってもタイムリーです！

Posted by モンビッケ at 2007.03.14 00:38 | edit

＞モンビッケさん、こんにちはー♪

＞これまたいいですね～φ(･ω･*)ﾌﾑﾌﾑφ(｡_｡*)ﾒﾓﾒﾓ　次々進化していきますねっ
(///o///)ゞﾃﾚﾃﾚ　いやぁ～♪それほどでもありませんよ。(＝⌒▽⌒＝) ﾆｬﾊﾊﾊ♪
って、実は随分前から放置していたことなんですよ。ﾍﾟｺm(_ _;m)三(m;_ _)mﾍﾟｺ
ついつい、検索を後回しにしていて、訪問してくださるみなさんだけでなく、自分でも大変な思いをするようになってきたんです。ｺﾞﾒﾝ(-人-;)(;-人-)ｺﾞﾒﾝ
　それでも、Googleのサイト検索は、コメントの検索や記事の見直しをする際にとても役に立ちますよ。おすすめでっす。(*^-^)

＞グローバルナビもついて・・┃*ﾉωﾉ)ｷｬｯ♪
ナビゲーションバーについてもずっと考えていたのですが、とりあえず設置して改良していくほうが、いいものになるという・・・みなさん頼みの他力本願なんでっす。ヾ(￣o￣;)ｵｲｵｲ
よろしくご協力くださいませませ♪　(;^_^A ｱｾｱｾ･･･

Posted by モンビッケさんへ at 2007.03.14 12:41 | edit

yozoさん、こんばんは。うちにもブログ内検索がなくて、そのうちに設置しようって思っていたところだったんですよ。さっそく張り付けコードにCSSまでお借りしました。XHTMLに準拠してくださっていたので貼り付けるだけでした。ウェブリですので、CSSだけはアレンジさせていただいてます。強力な検索機能が使えるようになってとても便利になりました。ありがとうございました。m(_ _)m

Posted by yolip at 2007.03.14 17:35 | edit

こんにちはー。yozoちゃん♪
早速検索を見てみたら・・・。
ホントだぁー☆
Googleになってるよー!!!!
わーーすごいねー☆
yozoちゃんのブログの記事はとっても参考になるものが多いから、こうして、Googleにして、強力になると、いつも参考にしている私としても嬉しいなぁ☆うんうん。
検索のウィンドウは開いておく事にしました♪うふふ☆
こんな事まで出来ちゃうのね。と驚く事がいっぱいだよ♪
これからもいろんな事紹介してね☆

Posted by enu at 2007.03.14 18:13 | edit

＞yolipさん、こんばんはー♪

yolipさんもGoogle検索を設置されたのですね♪○(^-^)oｲｴｲ♪　o(^-^)○ ｲｴｲ♪
これでとても検索しやすくなりましたよ。(*ﾟ▽ﾟ)*｡_｡)*ﾟ▽ﾟ)*｡_｡)ｳﾝｳﾝ
設置の際にyozoのコードを最大限使用してくださってとてもうれしいでっす。ちょっぴりお役に立てたみたいで励みになりまっす。いつも的確なアドバイスもくださって、yozoこそ色々勉強させていただいてますよ♪　m(_ _)m

Posted by yolipさんへ at 2007.03.14 18:37 | edit

＞enuちゃん、こんばんはー♪

＞Googleになってるよー!!!!わーーすごいねー☆
そーなんですよ。記事やコメント内容の検索ができるのがとってもうれしいでっす。(*^-^)
しかも、フォームを貼るだけですから手軽でっす♪　(*ﾟｰﾟ)(*｡_｡)ｳﾝｳﾝ♪(ﾟｰﾟ*)(｡_｡*)ｳﾝｳﾝ♪

＞いつも参考にしている私としても嬉しいなぁ☆うんうん。
(〃∇〃) てれっ☆いやぁ～♪そんなに喜んでいただけると、
yozoこそ、めっちゃうれしいでっす♪　(//∇//(//∇//(//∇//) ﾃﾚﾃﾚ

＞検索のウィンドウは開いておく事にしました♪うふふ☆
折りたたまずに、いつでも活用してくださいね♪　○(^-^)oｲｴｲ♪　o(^-^)○ ｲｴｲ♪

Posted by enuちゃんへ at 2007.03.14 18:42 | edit

yozoさん、こんばんは♪(o^∇^o)ﾉ
オオーw(*゜o゜*)w　こんなことも出来るのですね!!
ブログ内検索って役に立たないことが多いのでこれは便利かも♪
個人的にはLivedoorブログの方にめちゃめちゃ付けたいです!!
あちらの検索はなかなかヒットしない。。。orz
またこちらの記事を参考に付けさせていただきたいと思います!!
ありがとうございます♪ペコリ(o_ _)ｏ))

Posted by まゆび at 2007.03.14 19:29 | edit

＞まゆびさん、こんばんはー♪

＞ブログ内検索って役に立たないことが多いのでこれは便利かも♪
そうなんですよ。自分の記事なのに、どこに何を書いたか忘れちゃって、検索しても
ヒットしなくて、「(〝▼皿▼)＝３　ﾑｯｷｰ!!ー」ってなってたんですよ。┐(´-｀)┌

＞個人的にはLivedoorブログの方にめちゃめちゃ付けたいです!!
( =①ω①=)ﾌﾌﾌ　そりゃ、もう！yozoは設置しましたよ。(-ω☆)ｷﾗﾘ
めっちゃ快適になりましたよ。ｳｹｹ~ψ(◇´*)ψ(｀∇´)ψ(ψﾟρﾟ)ψｳｹｹ

Posted by まゆびさんへ at 2007.03.15 18:57 | edit

はじめまして、きゅりあと申します。

「Google検索を設置する」を探していまして、ここにたどり着きました。
お借りして、さっそく、試してみます。
どうもありがとうございました。

Posted by きゅりあ at 2008.05.31 17:28 | edit

＞きゅりあさん、こんにちは。　はじめまして。
拙いyozoの記事が少しはお役に立てたようでうれしいです。
極まれにしか（？）動かない超のんびりブロガーのyozoですけど、
今後ともよろしくお願いします。m(_ _)m

Posted by きゅりあさんへ at 2008.06.21 14:20 | edit

yozoの気が向いたと記2.0

BlogPet、季節、時事、日々の出来事etcをつづっています。コメントしていただけると、とてもうれしいです♪

スポンサーサイト