July 7, 2006

グーグルでブログ内検索窓を設置する方法:New Template!

Update: I switched to beta Blogger...Sorry!

You probably are wondering what those guys are doing out there (page top>>updates! I replaced it with my own pic). I got this template at blogger-templates.

Some improvements;
  1. Now you can search my entire blog either in English or in Japanese! If you want this search box to your blog, open my page source, copy the entire field below Hot Entries (from search module to div, div) change the URL to your own, paste it to your blog template and republish it. I modified the template's default engine from GoogleBlogSearch to Google.com's site search that covers full texts including title, texts, comments and commentators' names, which means you can find all your friend's comments posted to your blog just by searching for his/her name. Isn't that cool
  2. The small navigation on top of each item helps you go back to the main menu and to the previous post.
  3. I also added bookmarking buttons for del.icio.us and hatena. Hatena is Japan's most popular social bookmarking service. For introducing del.icio.us, go here and copy the entire code in black and red (the one above) and change the following part;
    width="16" height="16" alt="このエントリーを del.icio.us に追加" title="このエントリーを del.icio.us に追加" style="border:0;"
    into this;
    width="12" height="12" alt="Save to del.icio.us" title="Save to del.icio.us" style="border:0;"
The custome template for Blogger.com is hard to find, maybe because it offers pretty good templates already. Browsing around, I eventually came across Kuribo's selected links below. His complete templates' directory with thumbnails and links is here!
From Digg's link, I also checked out Laughing Lion Design** that offers pretty cool color scheme and designs. This and this were among my favs. Good for personal journal.


(Update: 2006年8月ベータ版に移行、それに伴い「検索窓設置方法」を若干更新した)

ブログのデザインを更新した。
昨日ブログに来られた方はテーブルの上がゴチャゴチャで、さぞかし驚かれただろう。

改善点
①ブログ内検索窓、②ブックマーク機能、③タイトル周りのナビ。中でも、自分のブログの過去記事をすべて検索できる①はカテゴリ設置が面倒くさいBloggerには一つあると大助かりのプラグインだ。日本語OK。コードは以下の通り。

グーグルを使ったブログ内検索の設置方法
  1. 今ご覧になっているブラウザから「表示」>「ページのソース」をクリック。
  2. 開いたファイルの最後の方、Hot Entriesのすぐ下にdiv search module(括弧とじ)で始まるフィールドがあるので、ここの<サーチ>(サーチは英字です)の行から/div、/divの閉じ括弧(>)まで丸々コピー。
  3. http://longtailworld.blogspot.comを自分のブログのURLに置き換えてテンプレートの好きな場所に保存、再構築。…これで動くと思う。
グーグルにPingを飛ばしていない非公開ブログはJavaScriptで同じことがデキるが、公開ブログはグーグルの方が格段に速い。クロールもまめで第1回原稿から最新の投稿まで対象に入っている(追:先ほど投稿したこの原稿も20分で検索結果に出た)。

updates!: 最初はGoogleBlogSearchを入れたが検索できないタームがまだ沢山あることに気付き、急ぎGoogle.comに差し替えた。検索ターム「バトン」で得た検索結果はGoogle.com(13)GoogleBlogSearch(0)。Google.comはタイトルから本文、コメント欄まで全てが検索対象なので便利だ。


Bloggerのテンプレート

本ブログがお世話になっているBlogger.comは元々のデザインが充実しているせいか、カスタムのテンプレートはそれほど出回っていない。「老眼が始まった」友達のために題字がとびきりデカいテンプレートを半日グルグル探し回って、結局、クリボウ氏がこちらで紹介されていた以下のリンクに落ち着いた(クリボウ氏のサムネイル入り完全リストはコチラ!!)。

使えそうなものには独断で「**」印をつけておこう。

はてなブックマークとDel.icio.usの設置方法


各投稿のentry footerには「このエントリーを含むはてなブックマーク」、「このエントリーをはてなブックマークに追加する」「このエントリーをdel.icio.usに追加する」の3つのアイコンを足した。ブロガーでの導入手順はクリボウ氏の「del.icio.us に追加」ボタンを貼り付ける」、「Technorati と はてなブックマーク」が詳しい。

「はてブ」で気付いたんだけど、読み手の方というのは書いた本人が考えもしなかったようなタグをつけてくれるものだ。とても参考になる。例えば「僕に彼女ができない理由」が注目キーワード「アルタイル」って…七夕とは何の関係も無いんだけど(笑)。 因みにアルタイル。生命体は、いたとしても「原始的な単細胞生物かバクテリア」らしい(Wiki)。

今日は七夕か…

Tags; , , , ,

7 comments:

kuribo said...

リンクありがとうございます。
Blogger 用のテンプレートについては、クリボウの Blogger 入門: テンプレートを見つけようの方に少し詳しく書いています。あまり変わらないかも知れませんが、ご参考までにどうぞ。

satomi said...

わ、最初からそっち見てたら良かった!!本稿に追加しておきました。多謝多謝。

cavacavien said...

新装開店おめでとうございますー。

前のテンプレートも涼しげで◎だったけど、このデザインもカッコイイ。写真、ぴったんこだし!なんたって流行の(?)matcha色だもんね。

今、試しにアドセンスをクリックしてみました。これ、ちゃんといい情報があるのですねー。また見てみようっと。

satomi said...

ブログやってる本人は押せないんだけど、ダンスの進化のElvis Twig(エルビスのカツラ)とか押したくて堪らない時、あります。

あと、cavacavienさん経由のバトンの墓場は何故か「歯科」。 どこをどう関連付けたら歯科なワケ?え?…というAdNonSenseも気になるよね。

ん…ちょっと今「バトンの墓場」探そうと思ったら検索できない!!やっぱりマダマダだな。>GoogleBlogSearch

ホットドッグがINでバトンがOUTな理由ってなんだろう?

ちゃめ said...

 あっ、トップの画像がちゃんと入ってる。
 先日お伺いした時は、トップが空白で抜けていましたので、一安心です(笑)。

 そろそろ、「ちゃめのBlog」のテンプレートも変えようかなぁ…。
 ちょっと飽きてきたところです。

satomi said...

わ、ホント?画像は自分のサーバーに保存しないと危ないですね…。サイドバー消えたりBloggerのロゴがワタシの顔の上に来たり、まあ、イロイロ…ありました。笑

このサイト内検索、ちゃめさんの名前で検索すると、ちゃめさんのコメント全部出てきますよ。便利。

ちゃめ said...

satomiさんに触発されて、私も「ちゃめのBlog」もテンプレートを差し替えてみました。
 でも、センスの方は…。

 本当は、お勧めの"Blogger Templates"の"newsline"を使いたかったんですが、変なこだわりの所為で、断念してしまいました。

 satomiさんのサイト内検索も試してみました。
 ばっちり、動きました。
 以前よりも、検索に反映されるスピードが早くなっていますね。
 検索AdSenseだと、検索回数をカウントされるから、satomiさんのコーディングを使ったほうが、自身の利用には良いのかなぁ?
 情報、有難うございました。

Post a Comment