Bloggerに検索ボックスを設置

Bloggerには検索ボックスを設置するための、
検索ボックスガジェットがあらかじめ用意されています。

しかし、これがうまく動かないようなので他の方法で設置しました。

レイアウトからガジェットを追加で、HTML/JavaScriptガジェットを使います。
以下のように入力します。

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


CSSも追加すれば見栄えも良くなります。

例:
<style>
input {
outline:none;
font-size:1em;
border:solid 1px #dddddd;
}
input[type="search"]:focus {
border:solid 1px #31c8aa;
}
input[type="submit"]:hover {
background:#31c8aa;
border:solid 1px #31c8aa;
color:#fff
}
</style>