検索バーを貼る
ブログやサイトに、ブタキング検索の検索バーを置けます。下のコードをコピーして、ブログの HTML を書ける場所（記事の HTML 編集、サイドバーの「HTML」「フリーエリア」など）に貼ってください。
見本（どれも同じコード）
貼った場所の背景が明るければ黒グレー、暗ければ白グレーに自動で変わります。ブログのダークモード切り替えにもついていきます。
明るいブログのサイドバー
powered by ブタキング検索暗いブログのサイドバー
色つきのフッター
ダークモードのあるブログ
貼り付けるコード
使い方のメモ
- ブログのサイドバー（「HTML」「フリーエリア」「カスタム HTML」など）やフッターに、コードを丸ごと貼ってください。同じページに何個貼っても大丈夫です。
- 検索すると、ブタキング検索の結果が新しいタブで開きます。貼ったページから移動しません。
- 最後の 1 行の
<script>が明るい・暗いを見分けます。スクリプトを貼れないブログでは消えますが、そのときもどちらの背景でも読める色で動きます。 - 色を固定したいときは、最初の
<div class="bk-searchbox"にdata-bk-theme="dark"（または"light"）を書き足してください。 - 横幅は貼った場所に合わせて縮みます（最大 300px）。変えたいときは最初の
max-width:300pxを書き換えてください。 - 「powered by ブタキング検索」の表記とリンクは、消さずにそのまま使ってください。