CANPAN ブログ検索
Loading
  • もっと見る
«ブログの作成を快適にするには…メモリ増設が効果的☆ | Main | (続き)サイト内検索の設置方法(Google)»
サイト内検索の設置方法(Google) [2008年04月23日(Wed)]
「サイト内検索」 とは、
自身のサイト(ブログ)内でキーワードを入力して
全文検索を行なうことができる
システムのことです笑い

ブログを毎日書いていると
カテゴリに分けていても
なかなか目的の記事にたどり着くことができません悲しい

キーワードを入れれば、
迷子にならず目的の記事にたどりつけるため

「サイト内検索」は、
利用者の使い勝手、利用者本位(ユーザビリティ)の視点でも
重要視されつつあります。

CANPANブロガーの中でも、
設置されている方が増えています。
NPO会計道(脇坂さん)
晴耕雨読(荻上さん)



大きな企業などでは
独自のシステムを開発していますが、

ヤフーやグーグルなどの検索エンジンが
無料で提供しているシステムでも
十分実用的ですので
紹介したいと思います。

・グーグル設置方法
http://www.google.co.jp/intl/ja/searchcode.html

・ヤフー設置方法
http://search.yahoo.co.jp/promo/searchbox.html



今回は、グーグルを利用して
「サイト内検索」を
サイドバーの幅に合うように作ってみました。




Google

Web全体
このブログの中



“このブログの中”にチェックを入れて
検索をすると
『ブログ入門』のブログ内のキーワードを検索します。


下↓に今回の「サイト内検索」のHTMLソースを
掲載します。
コピーして貼り付ければ、そのまま使えますまる

赤字の部分にご自身のブログのアドレス、
青字の部分は好きな言葉に変更してください。 


―――――――――↓ココから――――――――――

<!-- SiteSearch Google -->

<center><form method=get action="http://www.google.co.jp/search"><table
bgcolor="#FFFFFF"><tr valign=top><td><A href="http://www.google.co.jp/"><IMG
src="http://www.google.com/logos/Logo_40wht.gif" border="0"
alt="Google" align="absmiddle"></A><br><INPUT
type="text" name="q" size="15" maxlength="255"
value=""><INPUT type="submit" name="btnG"
value="検索"><BR><input type=hidden name=ie value=Shift_JIS><input
type=hidden name=oe value=Shift_JIS><input type=hidden name=hl value="ja"><font
size=-1><input type=hidden name=domains value="https://blog.canpan.info/document/"><input
type=radio name=sitesearch value="">Web全体<BR><input
type=radio name=sitesearch value="https://blog.canpan.info/document/"
checked>このブログの中 </font></td></tr></table></form></center>

<!-- SiteSearch Google -->

―――――――――↑ココまで――――――――――

ちなみに、
検索窓の背景色は<table bgcolor="#FFFFFF">で指定します。

自立フロンティアズ「たまごハウス」さんのブログを例にあげると

サイドバーの背景色は#FFFFCCですので、
記述を変更すれば
現在は白色の検索窓の背景色を
揃えることができますまる
トラックバック
ご利用前に必ずご利用規約(別ウィンドウで開きます)をお読みください。
CanpanBlogにトラックバックした時点で本規約を承諾したものとみなします。
この記事へのトラックバックURL
※ブログオーナーが承認したトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信されません。
トラックバックの受付は終了しました

» グーグル窓の設置方法 from CANPANブログ道
ブログへのグーグル窓の設置方法 [ReadMore]
Tracked on

コメントする
コメント
Hiromanさんへ

コメント&ツイッターのフォロー
ありがとうございます笑い

Google検索はサイドバーに
設置しますので
こちらの記事をまずご覧ください。

新規機能追加の
HTML欄に上記コードを
貼り付ければ完成ですまる

また何かありましたら
連絡ください音符

Posted by: 返)→Hiromanさん  at 2011年05月31日(Tue) 16:19

すみません。Google検索をブログに入れたいのですが、上記コードはどこに張り付ければいいのでしょうか??
Posted by: Hiroman  at 2011年05月31日(Tue) 13:04

とても簡単に検索窓を入れることができました。魔法みたいです♪ありがとうございました。
Posted by: torcida  at 2010年09月21日(Tue) 22:03

自立フロンティアズさんへ

ありがとうございます。
ブログ拝見しました笑い
検索窓の背景色バッチリですねOK


そうそう、
大○府のPT案には
私もはてなはてなはてなはてなです^^;
Posted by: 返)→自立フロンティアズさん  at 2008年05月01日(Thu) 21:01

雪波青年さんへ

CANPANのブログ容量について
私も知らなかったので
CANPAN運営事務局さんに問合せしてみました笑い

とても細かな丁寧な回答をいただきましたので
近いうちに
私の言葉で
記事として説明させていただきます。

少々、お待ちくださいませ(^^♪
Posted by: 返)→雪波青年さん  at 2008年05月01日(Thu) 20:56

アドバイスを参考に、背景色を統一しました。デザインがすっきりしました。ありがとうございました。
Posted by: 自立フロンティアズ  at 2008年05月01日(Thu) 11:35

質問ですが、CANPANのブログは容量が決められているのでしょうか?
Posted by: 雪波青年  at 2008年04月30日(Wed) 07:39

笑顔修正及びトラックバック及び、気になっていた背景色の変更方法の追加情報をありがとうございます。本当にありがたいです。より使いやすいブログを目指して精進いたします。今後ともご教授をお願いいたします。ヒヨコ
Posted by: 自立フロンティアズ  at 2008年04月28日(Mon) 10:10

トラックバックありがとうございました。
無事できあがりました。

もうひとつ教えてください。

荻上様のようにWebでなくCANPANにしたいときは、どのように入力したらいいのですか?
こがちゃんはCANPANにしとうございますびっくり
Posted by: こがちゃん  at 2008年04月26日(Sat) 22:53

すみません、
私のHTML(代替文字)の記述ミスです…。

記事を修正しましたので
今度は大丈夫だと思います^^;
Posted by: 返)→自立フロンティアズさん  at 2008年04月26日(Sat) 20:56

 悲しい早速挑戦してみました。が、なぜかサイト内検索をしてもウェブを検索してしまいます。
 グーグルのリンクからやってみましたら、横幅が広くなりすぎて、レイアウト上問題あり。
 結局、うまく設置されているページからソースをコピーさせてもらって、今のところうまくいっています。
 私では原因がわかりません…。
Posted by: 自立フロンティアズ  at 2008年04月26日(Sat) 12:34