« 「敬称」でやたら来ると思ったら | トップページ | Opera 8.5 用に調整してみた »

2005.12.03

ココログプロで Myブログ内を Ajax サーチ!

暴想さんからトラックバックでお知らせいただきました。きましたよー、カスタマイズ掛けたココログプロ(上級者向けテンプレートセットを使っているココログプロの人)でも使える Ajax サーチ!

つーことで、タイトルの通りのようなモノを作りました。 今回はココログプロを使っている人向けです。

[ 暴想: ココログプロとかTypepadとかMTとかブログ人とかその他のブログサービスとかでもAjaxでバックナンバーを検索するJavaScript ]


ところで、一個重要な問題として、僕はココログプロのアカウントを持っていないんですねぇ。
なので、Tigerさんあたりが使って動作確認をしてくれたりすると非常に助かるかもとかと言ってみるテスト(笑)

と云われるまでもなく、早速、導入 (^^)


まずはお断りです。このカスタマイズは、ココログプロでも「上級者向けテンプレートセット」を使っていることが前提です。

導入はすごく簡単でした (^o^)

  1. 「トップ > ブログ一覧 > [対象のブログ] > デザイン」で「このセット内のテンプレート一覧」をクリック
  2. 「新しいインデックステンプレートを作成する」をクリック
  3. 「テンプレート名」は「search_data」、
    「出力ファイル」は「search_data.txt」、
    「 インデックステンプレートを公開する際、自動的にこのテンプレートも公開する」はチェックを入れたまま、
    「テンプレートの内容」には

    {data: [
    <MTEntries lastn="3000">
    {title:"<$MTEntryTitle remove_html="1" encode_js="1"$>",link:"<$MTEntryLink$>",body: "<$MTEntryBody remove_html="1" encode_js="1"$><$MTEntryMore remove_html="1" encode_js="1"$>"},
    </MTEntries>
    {"title": "", "link": "", "body": ""}
    ]
    }

    を入力して「保存」します。
    あ、「lastn="3000"」の部分は元記事にもあるように数字は調整しましょう。うちは現在の記事数が 1734 なので、3000のままでOKでした。
  4. 「テンプレートセットの変更内容を保存しました。新しいデザインをサイトに反映するには「反映」ボタンをクリックしてください。」と出ますので「反映」ボタンを押しましょう。
  5. 「反映」が終わると「index template 'search_data'を反映しました」と出てくるので、確認のため、「このページを確認.」をクリックしましょう。
  6. search_data.txt」みたいなページができていればOK。
  7. 次に検索窓をサイドバーなどに設置しますので、「テンプレート一覧へ戻る」をクリックします。
  8. 私は右バーに設置しますので「rightbar」に

    <script type="text/javascript" src="http://java.cocolog-nifty.com/blog/files/javascript/prototype.js"></script>
    <script type="text/javascript" src="http://java.cocolog-nifty.com/blog/files/javascript/blog_ajax_json_search.js"></script>
    <form action="javascript:blogAjaxJsonSearch( '/blog/search_data.txt', document.getElementById('search_box').value );"><input type="search" id="search_box" value=""><input type="button" id="search_button" onclick="javascript:blogAjaxJsonSearch( '/blog/search_data.txt', document.getElementById('search_box').value );" value="検索"></form>

    を適当な位置に貼り付けました。ここでも、元記事通り、「'/blog/search_data.txt'」の部分は自分のブログのディレクトリに合わせて変更します。うちの場合なら、実際には、ここは「'/tigers_logs/search_data.txt'」となります。
  9. あとは、お決まりの「保存」→「反映」を行います

慣れていれば、5分ほどで作業は完了するかと思います。
これで、むちゃくちゃ快適なMyBlog内検索を設置できます (^^)

右バーの「MyBlogAjaxSearch by 暴走」のところで、是非、ご確認ください。


ところで、

MTタグで全部のバックナンバーをロードっていう指定の仕方がわからなかったのでこうしてます(誰かやり方教えて下さい…)。

って、<$MTBlogEntryCount$>を使って、「lastn="<$MTBlogEntryCount$>"」とすればいいのかもとやってみましたがダメでした。Main Index Template に出てくる数の記事しかデータが作成されません  _| ̄|○

|

トラックバック


この記事へのトラックバック一覧です: ココログプロで Myブログ内を Ajax サーチ!:

» blog内検索。 [+++ e d o m i - r u u .]
遊限会社あそびをせんとやうまれけむ さんの記事で見つけた便利なblog内検索。 ... [続きを読む]

受信: 2005.12.07 02:14

» Ajaxでブログ内の全文高速検索 [自然と人間を行動分析学で科学する]
最近注目のAjax。暴想さんのスクリプトをココログで実装した(遊) あそびや(a [続きを読む]

受信: 2006.02.01 10:28

» リンク集/ajax [PukiWiki/TrackBack 0.2]
リンク集 米田 聡ソフトバンク クリエイティブ (大型本)定価: 2,079, 価格: 2,079(税込)通常24時間以内に発送 URL: タイトル: コメント: (遊) ココログプロで Myブログ内を Ajax サーチ! -- 2006-02-01 16:17:09 (水) Qoo... [続きを読む]

受信: 2006.02.01 16:17

» デザイン変更&AJAXブログ検索に感動 [なころぐ]
 先週から久々にブログのデザインをいじりました。ずっと「もうすこしなんとかならないか」と思っていたことを、少しずつ入れました。  ちょっと冷たい感じのデザインなので、そのうちまたほんわか系に戻したいと思います。 ---  それより。  なころぐを開始してから2年半、ついに「これだ!」と言える検索機能を付加することができました。  あそびやさんの記事経由で、暴想: ココログプロとかTypepadとか... [続きを読む]

受信: 2006.03.06 19:19

コメント

ぼくも入れてみました。スゴイ!
これが欲しかった。

暴走さんのところにもコメントしてきました。
あ、事後承諾ですがTigerさんのソース盗みました:-)

ところで、FireFox 1.5で表示がおかしいので、IEで書いてますが、こちらでもスクリプトエラーが出てました。何かやっているところかな?

投稿: のぶ | 2005.12.05 11:11

これ、激しく便利ですよねぇ。
保守画面の中の検索よりも便利です。
(読み込んだ後は)ローカルだから早いし。

ソースは、なおゆきさんのとこからの引用ですから、私には承諾不要です(笑

スクリプトエラーは気が付きませんでした。Lunascapeでは出ないのです。確かにIEだと出ますね。ありがとうございます。
Firefox 1.5 は一瞬入れたんですが、無いと不自由な拡張があったもので、今は戻しちゃってます。
詳細で見るとライン70とか云っているんですが、そこは body タグだしなぁ・・・JavaScript とか展開してのライン70なのかしら・・・

投稿: Tiger | 2005.12.05 16:06

Firefox 1.5 での表示不具合の原因は恐らく分かりました。
たぶん、スタイルシートの切り替えがバージョンに追いついていないのが原因でしょう。
IE のスクリプトエラーは分からず・・・

投稿: Tiger | 2005.12.05 18:08

たぶん、これで Firefox 1.5 への対応はできたはず・・・

投稿: Tiger | 2005.12.05 21:46

Firefox 1.5 OKです。
IEもエラー出なくなってます。

Firefox 1.5はGoogle Mapの吹き出しの中の文字の改行がおかしくなる、というトラブルがあって、今回のもそれに似ている感じです。

投稿: のぶ | 2005.12.06 12:13

はじめまして。
記事を参考に早速導入しました。
誤ってトラックバックを複数送ってしまい申し訳ございません。

投稿: yoh-hei. | 2005.12.07 02:23

こちらでのご解説を参考にさせていただきました。
大変分かりやすく、素人の私でも検索機能が使えるようになりました。
誠に有り難うございました。

投稿: 道標主人 | 2006.03.06 21:05

>道標主人 さん

本当に便利ですよね、コレ (^^)
暴走さんには感謝・感謝です。
私の記事も、お役に立てて幸いです。

投稿: Tiger | 2006.03.07 08:31

この記事へのコメントは終了しました。