【ココログ】サイドバー設置用ブログ検索フォーム(アット・サーチ、ココニール)

『ココログからのお知らせ』の検索ボックスですが、Googleで「ココログからのお知らせ 検索」といったキーワードで検索をかけてみると、

• 検索が出来るようになって便利になった。
• サイドバーの『ココログからのお知らせ』は表示しないようにしているので、使えなくて残念。

といった意見もちらほらと見受けられます。

へぇーと思ったので、それではと、単独で設置できるフォームのサンプルなど。
下記のコードを、サイドバーのメモリストなどに貼り付けます。

<script type="text/javascript">
var ccSiteStr = " site:" + document.getElementsByTagName('h1')[0].getElementsByTagName('a')[0].href;
function    ccSearchSubmit() {
    document.ccSearch.text.value = document.ccSearch.text.value.replace(ccSiteStr,"");
    if ( document.ccSearch.select.value == "site" ) document.ccSearch.text.value += ccSiteStr;
    return true;
}   //  end of cocoSubmit()
</script>
<form name="ccSearch" onsubmit="javascript:return ccSearchSubmit()" action="http://search.nifty.com/cgi-bin/search.cgi" method="get">
    <input type="hidden" name="cflg" value="検索">
    <input type="hidden" name="ss" value="cocowin">
    <select name="select">
        <option value="site" selected>このブログ内で検索</option>
        <option value="62">ブログ全体を検索</option>
        <option value="2">ウェブ全体から探す</option>
    </select><br />
    <input type="text" name="text" id="CCSEARCHBOX" style="width:100px; color:#808080" onblur="javascript:if(this.value.match(ccSiteStr))this.value=this.value.replace(ccSiteStr,'');if(this.value=='')this.value='キーワードを入力';this.style.color='#808080';" onfocus="javascript:if(this.value.match(ccSiteStr))this.value=this.value.replace(ccSiteStr,'');if(this.value=='キーワードを入力')this.value='';this.style.color='#000000';" maxlength="255" size="16" value="キーワードを入力"> 
    <input type="submit" name="submit" value="検索">
    <div style="font-size:12px">powered by <a href="http://www.nifty.com/search/" target="_blank">@search</a></div>
</form>

すると、下記のような感じの検索フォームが表示されるようになります。

このブログ内で検索 ブログ全体を検索 ウェブ全体から探す
 

powered by @search

ちなみにJavaScriptが有効になっていないと動作しません。

ついでに、拙作『ココニール』検索フォームも。

<script type="text/javascript">
function    ccnGetUrl() {
    document.cocoNiiruSearch.url.value = document.getElementsByTagName('h1')[0].getElementsByTagName('a')[0].href;
    return true;
}   //  end of cocoSubmit()
</script>
<form name="cocoNiiruSearch" onsubmit="javascript:return ccnGetUrl()" action="http://furyu-tei.sakura.ne.jp/cgi-bin/cocoNiiru.cgi">
    <input type="hidden" name="url" value="" />
    <input type="text" name="query" style="width:100px;color:#808080" onblur="javascript:if(this.value=='')this.value='キーワードを入力';this.style.color='#808080';" onfocus="javascript:if(this.value=='キーワードを入力')this.value='';this.style.color='#000000';" maxlength="255" size="16" value="キーワードを入力" /> 
    <input type="submit" name="submit" value="検索" />
    <div style="font-size:12px">powered by <a href="http://furyu-tei.sakura.ne.jp/cgi-bin/cocoNiiru.cgi" target="_blank">ココニール</a></div>
</form>

こちらは、下記のような感じの検索フォームになります。

 

powered by ココニール

こちらをJavaScript無効の環境でも動かしたい場合は、

    <input type="hidden" name="url" value="" />

のvalue=""を、value="http://(自分のココログサイトトップ)/(ブログ名)/ "に変更します。

後は、やっぱりはずせない真打『ココログ最強検索』。
最近、ブログパーツ(ココログのWidgets)対応になったため、誰でもお手軽に設置できます。おすすめです。