日記内の検索フォームを作ってみる

有料オプションでヘッダを消したときや、はてなダイアリーの見方がよくわからない閲覧者向けなどに、改めて検索フォーム（検索ボックス）を表示させている人がけっこういます。
日記のヘッダテーブルにある検索フォームを、ページ内の他の所に作ってみましょう。簡単なのは「searchformモジュール」です。設定画面の「ページのヘッダ」や「ページのフッタ」などに、

<hatena name="searchform">

と書くと、

のように表示されます。

• • 【関連ガイド】→導入部「検索ボックスの使い方」

■HTMLタグで検索フォームを作る

細かく設定したい場合は、同じくヘッダやフッタに

<form method="POST" action="searchdiary">
	<input size="20" value="サイト内検索" type="text" name="word"> 
 <input value="検索" type="submit" name=".submit">
</form>

のように書くと

このような検索フォームができて、自分の日記を検索できます。

• この場合のポイント
  • 「action="searchdiary"」というのが“自分の日記を検索する”このフォームのアクションです。最初からついている検索フォームのアクションを借りてきているわけです。
  • 「size="20"」の数字をいじると入力欄の幅が変えられます。
  • 「value="サイト内検索"」の言葉も変えられます。説明は外に書いてここは無しでも。