2015-03-06

Bloggerに検索窓をつける

このブログ ( 「このビットを見よ」 ) は、Blogger という Google提供のブログサービスを利用しています。

無料なのに勝手に広告が出たりしないのでよいです。


ですが、ブログ記事全体の検索機能は用意されているのですが、その機能だとうまく検索されないことが多いです...。


調べたところ、良さそうな方法が見つかりました。


以下の記事です。

    → [blogger] Googleカスタム検索が重い!bloggerの検索機能でいいかもしれません。 - Sunabox


上記に書かれた方法で検索窓を付けてみたところ、ブログ本文の記事の中もちゃんと検索して結果に表示してくれるようになりました!

ただし、結果の表示はブログのタイトルごとではなく、記事全体が表示されるようになります。


やり方は以下です。


【01】 Blogger の管理画面の左メニューで 「レイアウト」 を選択。


【02】 表示されるレイアウト画面で、検索窓を設置したい箇所の 「ガジェットを追加」 をクリック



【03】 表示されるガジェット一覧から 「HTML/JavaScript」 を選んでクリック。


このとき、「検索ボックス」 を選んでも検索窓の追加ができますが、ちゃんと検索してくれないです...。


【04】 表示される編集ボックスに、検索窓のタイトルを入れ、コンテンツ欄に以下のように記述。


<form id="searchform" action="/search" method="get">
<input id="s" style="border: value="" name="q" size="30" type="text"/>
<input id="searchsubmit" value="検索" type="submit"/>
</form>



記入が終わったら保存ボタンを押します。



【05】 レイアウト画面に戻ると、設定したタイトルで追加されているのが確認できるはずです。




画面右上にある 「配置を保存」 ボタンを押してこの画面設定を保存します。



【06】 ブログを表示して検索機能を確認します。

いまご覧のこのブログ画面の右上に 「ブログ記事の検索」 という検索ボックスを設置してみました。


たとえば 「イケメン」 とかいう語句で検索してみてください。