↓ここに Bing ボックス を貼り付けてみる。

HTMLのコードはこんな感じ。


<!-- Bing -->
<meta name="Search.WLSearchBox" content="1.1, ja-JP" />
<div id="WLSearchBoxDiv">
<table cellpadding="0" cellspacing="0" style="width:322px; height:32px;"><tr id="WLSearchBoxPlaceholder"><td style="width:100%; border:solid 1px #cccccc; border-right-style:none; padding-left:10px; padding-right:10px; vertical-align:middle;"><input id="WLSearchBoxInput" type="text" value="&#x8aad;&#x307f;&#x8fbc;&#x307f;&#x4e2d;&#x2e;&#x2e;&#x2e;" disabled="disabled" style="background-image:url(http://www.bing.com/siteowner/s/siteowner/searchbox_background_k.png); background-position:right; background-repeat:no-repeat; font-family:Arial; font-size:14px; color:#000000; width:100%; border:none 0 transparent;"/></td><td style="border:solid 1px #cccccc; border-left-style:none; padding-left:0px; padding-right:3px;"><input id="WLSearchBoxButton" type="image" src="http://www.bing.com/siteowner/s/siteowner/searchbutton_normal_k.gif" style="border:none 0 transparent; height:24px; width:24px; vertical-align:top;"/></td></tr></table>
	<script type="text/javascript" charset="utf-8">
	var WLSearchBoxConfiguration=
	{
		"global":{
			"serverDNS":"www.bing.com",
			"market":"ja-JP"
		},
		"appearance":{
			"autoHideTopControl":false,
			"width":600,
			"height":400,
			"theme":"Red"
		},
		"scopes":[
			{
				"type":"web",
				"caption":"&#x4e;&#x49;&#x2d;&#x4c;&#x61;&#x62;&#x2e;",
				"searchParam":"site:www.nilab.info"
			}
			,
			{
				"type":"web",
				"caption":"&#x30a6;&#x30a7;&#x30d6;",
				"searchParam":""
			}
		]
	}
	</script>
	<script type="text/javascript" charset="utf-8" src="http://www.bing.com/bootstrap.js?market=ja-JP&ServId=SearchBox&ServId=SearchBoxWeb&Callback=WLSearchBoxScriptReady"></script>
</div>
<!-- Bing -->

tags: Bing zurazure

Posted by NI-Lab. (@nilab)