Bloggerに検索ボックスを独自で追加する方法

  • 投稿 : 2012-07-31
  • 更新 : 2013-05-13
・Navbar をはずした
・Googleのカスタム検索は使いたくない
・ガジェットの検索は使いたくない

しかし、Bloggerに検索機能を付けておきたいという場合の対応方法です。
以下のような感じのものを表示したいところに挿入すればOK。記事内でもサイドバーでも問題なく動作する

<form action="/search" id="searchform" method="get">
<input id="s" name="q" type="text" value=' /><br  /><input type="submit" value=' />
<input type="submit" value="検索する" />
</form>
・action='/search'
・name='q'

この2つがきちんと設定されていたら、動作すると思います。

検索ボックスのCSSなどをつかったカッコいい例はいろいろあると思うので、Blogger用に対応するために上記の2つだけ反映させて貼り付ければ、Blogger用の検索ボックスになります。

参考:
CSSのみで作る検索ボックスのデザイン例[CSS] - E-riverstyle Vanguard | CSSやXHTML,Javascriptやweb製作に関する事を紹介


実際には、以下ののURLのようになって検索実行されます。
逆にいうと以下のURLになるようにすれば実現方法は任意です。

http://ブログHOME/search?q=検索文字
スポンサーリンク