Yahoo!ブログ検索 - 検索窓（サーチボックス）設置方法

ログイン
IDでもっと便利に[ 新規取得 ]

Yahoo!ブログ検索では、HTMLソースをコピーしてサイトやブログにはりつけるだけで設置できる検索窓をご用意しています。通常のブログ検索、ドメイン内検索機能つきブログ検索、マルチ検索の3種類の検索窓を、それぞれ2スタイルからご利用になれます。

ブログ検索

標準サイズ

サイトやブログのメインコラムに適したサイズの検索窓です。

右のHTMLソースをコピーしてあなたのサイトやブログにはりつけ、▲▲▲の部分を、あなたのサイトやブログで使用している文字コードに合わせて（*1）、次のように変更してください。

Unicode（UTF-8）の場合はutf-8
Shift_JISの場合はShift_JIS
EUCの場合はeuc-jp

表示サンプル

サイドバーサイズ

ブログのサイドバーに適したスタイルです。

Unicode（UTF-8）の場合はutf-8
Shift_JISの場合はShift_JIS
EUCの場合はeuc-jp

表示サンプル

ドメイン内検索機能つきブログ検索

標準サイズ

ブログ検索に加え、特定のドメイン（*2）内に絞って検索することもできます。特定のドメイン内のみの検索結果を表示したい場合には、このタイプのものを使います。

Unicode（UTF-8）の場合はutf-8
Shift_JISの場合はShift_JIS
EUCの場合はeuc-jp

また、「●●●」の部分をあなたのブログのドメインに置き換えてください。
（例）http://blogs.yahoo.co.jpのときは「blogs.yahoo.co.jp」（*2）。

表示サンプル

<div style="margin:0;padding:0;font-size:14pt;border:none;background-color:#FFF;"><form action="http://blog-search.yahoo.co.jp/option" method="get" target="_blank" style="margin:0;padding:0;"><p style="margin:0;padding:0;"><a href="http://blog-search.yahoo.co.jp/" target="_blank"><img src="http://i.yimg.jp/images/blog-search/guide/searchbox/bsearch_logo_110_29.gif" alt="Yahoo!ブログ検索" style="border:none;vertical-align:middle;padding:0;border:0;"></a><input type="text" name="p1" size="28" style="margin:0 3px;width:50%;"><input type="hidden" name="fr" value="yssw" style="display:none;"><input type="hidden" name="rd" value="2" style="display:none;"><input type="hidden" name="ei" value="▲▲▲" style="display:none;"><input type="submit" value="検索" style="margin:0;"></p><ul style="margin:2px 0 0 0;padding:0;font-size:10pt;list-style:none;"><li style="display:inline;"><input name="site" type="radio" value="" checked="checked">ウェブ全体を検索</li><li style="display:inline;"><input name="site" type="radio" value="●●●">このブログ内を検索</li></ul></form></div>

サイドバーサイズ

ブログ検索に加え、特定のドメイン（*2）内に絞って検索することもできます。特定のドメイン内のみの検索結果を表示したい場合には、このタイプのものを使います。ブログのサイドバーに適したスタイルです。

Unicode（UTF-8）の場合はutf-8
Shift_JISの場合はShift_JIS
EUCの場合はeuc-jp

また、「●●●」の部分をあなたのブログのドメインに置き換えてください。
（例）http://blogs.yahoo.co.jpのときは「blogs.yahoo.co.jp」（*2）。

表示サンプル

<div style="margin:0;padding:0;font-size:14pt;text-align:center;border:none;background-color:#FFF;"><form method="get" action="http://blog-search.yahoo.co.jp/option" target="_blank" style="margin:0;padding:0;"><p style="margin:0;padding:0;"><a href="http://blog-search.yahoo.co.jp/" target="_blank"><img src="http://i.yimg.jp/images/blog-search/guide/searchbox/bsearch_logo_140_22.gif" alt="Yahoo!ブログ検索" style="border:none;padding:0;"></a></p><p style="margin:0;padding:2 0 0 0;"><input type="text" name="p1" size="20" style="width:95%;"></p><ul style="margin:2px 0 0 2px;padding:0;font-size:10pt;list-style:none;text-align:left;"><li style="text-align:left;"><input name="site" type="radio" value="" checked="checked">ウェブ全体を検索</li><li style="text-align:left;"><input name="site" type="radio" value="●●●">このブログ内を検索</li></ul><p style="margin:0;padding:0 0 2 0;"><input type="hidden" name="fr" value="yssn" style="display:none;"><input type="hidden" name="rd" value="2" style="display:none;"><input type="hidden" name="ei" value="▲▲▲" style="display:none;"><input type="submit" value="検索" style="margin-top: 5px;"></p></form></div>

マルチ検索

標準サイズ

ブログ検索に加え、ウェブ、画像、辞書（Yahoo!辞書）を検索することができるタイプの検索窓です。

Unicode（UTF-8）の場合はutf-8
Shift_JISの場合はShift_JIS
EUCの場合はeuc-jp

表示サンプル

<div style="margin:0;padding:0;font-size:14pt;border:none;background-color:#FFF;"><p style="margin:0;padding:0;"><a href="http://www.yahoo.co.jp/" target="_blank"><img src="http://i.yimg.jp/images/search/guide/searchbox/yjapan_logo_110_29.gif" alt="Yahoo! JAPAN" border="0"></a></p><form method="get" action="http://search.yahoo.co.jp/search" target="_blank" style="margin:0;padding:0;"><p style="margin:0;padding:0;"><input size="35" name="p" style="vertical-align:top;margin:0;width:45%;"><input type="image" height="21" alt="ウェブ検索" width="47" src="http://i.yimg.jp/images/search/guide/searchbox/s_btn_web.gif" border="0" name="search" style="margin:0 2px;"><input type="image" height="21" alt="ブログ検索" width="47" src="http://i.yimg.jp/images/top/searchbox/s_b.gif" border="0" name="bsearch" style="margin:0 0 0 8px;"><input type="image" height="21" alt="画像検索" width="47" src="http://i.yimg.jp/images/top/searchbox/s_i.gif" border="0" name="isearch" style="margin:0 0 0 2px;"><input type="image" height="21" alt="辞書検索" width="47" src="http://i.yimg.jp/images/top/searchbox/s_d.gif" border="0" name="dsearch" style="margin:0 0 0 2px;"></p><input type="hidden" name="fr" value="ysvw" style="display:none;"><input type="hidden" name="ei" value="▲▲▲" style="display:none;"></form></div>

サイドバーサイズ

ブログ検索に加え、ウェブ、画像、辞書（Yahoo!辞書）を検索することができるタイプの検索窓です。ブログのサイドバーに適したスタイルです。

Unicode（UTF-8）の場合はutf-8
Shift_JISの場合はShift_JIS
EUCの場合はeuc-jp

表示サンプル

<div style="margin:0;padding:0;font-size:14pt;text-align:center;border:none;background-color:#FFF;">
<form method="get" action="http://search.yahoo.co.jp/search" target="_blank" style="margin:0;padding:0;">
<p style="margin:0;padding:0;"><a href="http://www.yahoo.co.jp/" target="_blank"><img src="http://i.yimg.jp/images/search/guide/searchbox/yjapan_logo_110_29.gif" alt="Yahoo! JAPAN" style="border:none;padding:0;"></a></p>
<p style="margin:0;padding:2 0 0 0;"><input type="text" name="p" size="20" style="width:95%;"></p>
<p style="margin:5px 0 2px 0;padding:0;"><input type="image" height="21" alt="ウェブ検索" width="47" src="http://i.yimg.jp/images/search/guide/searchbox/s_btn_web.gif" border="0" name="search" style="margin:0px 2px;"><input type="image" height="21" alt="ブログ検索" width="47" src="http://i.yimg.jp/images/top/searchbox/s_b.gif" border="0" name="bsearch" style="margin:0px 2px;"></p>
<p style="margin:0 0 2px 0;padding:0;"><input type="image" height="21" alt="画像検索" width="47" src="http://i.yimg.jp/images/top/searchbox/s_i.gif" border="0" name="isearch"  style="margin:0px 2px;"><input type="image" height="21" alt="辞書検索" width="47" src="http://i.yimg.jp/images/top/searchbox/s_d.gif" border="0" name="dsearch" style="margin:0px 2px;"></p>
<p style="margin:0;padding:0 0 2 0;"><input type="hidden" name="fr" value="ysvn" style="display:none;"><input type="hidden" name="ei" value="▲▲▲" style="display:none;"></p>
</form>
</div>

ご注意

（*1）あらかじめ、検索窓を設置するページに使われているエンコード方法をご確認ください。エンコード方法は、htmlのソースを表示し、「<meta http-equiv="content-type" content="application/xhtml+html; charset=xxx">」のxxx部分に何と表示されているかで確認できます。

charset=utf-8	使われているエンコードはUTF-8（ココログ、MSN Spaces、エキサイトブログ、So-net blogなど）
charset=Shift_JIS	使われているエンコードはShift_JIS
charset=EUC-JP	使われているエンコードはEUC-JP（Yahoo!ジオシティーズ、Yahoo!ブログなど）

（*2）ドメインとは、「http://●●●●●●/□□□/」のようなURLの場合、●●●●●●の部分で、●●●●●●は例えば、「blogs.yahoo.co.jp」や「geocities.yahoo.co.jp」などになります。なお、原則としてドメインより下のディレクトリ部分（/□□□/の部分）を指定しても、ディレクトリ指定での検索はサポートしていませんが、ブログ検索結果の「ブログとの一致」の欄に表示されるURLに関してのみ指定可能です。
（*3）ブラウザやOSによって表示が若干異なります。また、検索窓を設置するページのスタイルシートの設定や閲覧するブラウザによっては、表示サンプルとは表示やサイズが異なります。ご了承ください。

Yahoo! JAPANが提供する検索窓

Yahoo! JAPANでは、Yahoo!ブログ検索以外のサービスでも、あなたのサイトやブログで利用できる検索窓を、次のサービスでご提供しています。

Yahoo!検索「検索窓（サーチボックス）設置方法」

関連リンク

Yahoo!ブログ検索が配布している検索窓のHTMLソースやロゴは変更できますか