検索ボックスの設置方法

カーリルの検索ボックスをあなたのサイトやブログにも！

HTMLコードをコピーしてホームページに貼り付けるだけで、設置できるカーリル検索ボックス。
誰でも無料で利用できますので、ぜひご利用下さい。

1見た目をスカタマイズ
標準サイズスタイル: サイドバーサイズスタイル:
2オススメ図書館を選ぼう

初めてカーリルを使った人に、オススメの図書館を推薦できます。
推薦しない推薦する（3つまで設定できます）
3HTMLコード完成

標準サイズ

<link href="//calil.jp/public/css/download/searchbox.css" rel="stylesheet" type="text/css" /> <form action="https://calil.jp/searchw" method="get" class="calil_form"> <table border="0" cellspacing="0" cellpadding="0"> <tr><td> <a href="https://calil.jp/" target="_blank" class="calil_logo calil_blue">カーリル</a> </td><td> <input type="hidden" name="encoding" value="%%encode%%"> %%systems%% <input name="q" type="text" size="32" value="" class="calil_query"> </td><td> <input type="submit" value="さがす" class="calil_submit"> </td></tr> </table> </form>

設置するページの文字コード

※文字コードについて

HTMLコード

プレビュー

実際に検索ボックスを試すことができます。

※推奨図書館を指定した場合は、検索対象の図書館が未設定の状態を再現するために、こちらから図書館設定をすべて解除してお試しください。

サイドバーサイズ
<link href="/public/css/download/searchbox.css" rel="stylesheet" type="text/css" /> <form action="https://calil.jp/searchw" method="get" class="calil_form_side"> <a href="https://calil.jp/" target="_blank" class="calil_logo_side calil_blue_side">カーリル</a> <input type="hidden" name="encoding" value="%%encode%%"> %%systems%% <input name="q" type="text" size="22" value="" class="calil_query_side"> <input type="submit" value="さがす" class="calil_submit"> </form> 設置するページの文字コード
※文字コードについて

HTMLコード

プレビュー

実際に検索ボックスを試すことができます。

※推奨図書館を指定した場合は、検索対象の図書館が未設定の状態を再現するために、こちらから図書館設定をすべて解除してお試しください。

カーリルの検索ボックスをあなたのサイトやブログにも！

1見た目をスカタマイズ

2オススメ図書館を選ぼう

3HTMLコード完成

標準サイズ

設置するページの文字コード

HTMLコード

プレビュー

サイドバーサイズ

HTMLコード

プレビュー