ブログ内の検索フォームの設置方法

この前、blogger betaのNavBarの除去する方法を紹介しましたが、このNavBarを除去する同時に、ブログ内の検索機能も除去してしまった。今回はブログのサイドバーに検索フォームを設置する方法を紹介します。

まず、bloggerにログインして、Templateを編集します。"Add a page element"を選択して、"HTML/JavaScript"を追加します、そして、以下のソースを入力。
<form action="http://yourblog.blogspot.com/search" style="display:inline;" id="searchthis" method="get"><br /> <input type="text" id="query" name="q"><br /> <input src="http://beta.blogger.com/img/navbar/4/btn_search_this.gif" alt="Search This Blog" type="image" id="searchbtn" title="Search this blog"><br /></form>
上のソースの"http://yourblog.blogspot.com"のyourblogをあなたのブログのドメイン名に直すれば完了です。

検索フォームのカスタマズ：
デフォールトの検索ボタンはになっています。
<input src="http://beta.blogger.com/img/navbar/4/btn_search_this.gif" alt="Search This Blog" type="image" id="searchbtn" title="Search this blog">
の部分を
<input type="submit" id="searchbtn" value="Search">
に直せば、のようになる。