top


総投稿数 本 
no_

スポンサーサイト

 --------
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
カテゴリ :スポンサー広告 トラックバック(-) コメント(-)
no_1097

幻のカスタムGoogleブログ版:Googleのカスタム検索、面白いのでいろいろ創っている。でも、このブログへの導入は、とりあえず、幻 ・・・ 【カスタム検索】

 2009-09-23
 Googleカスタム検索
 設置の容易さや、機能の安定性などから
 非常に楽しく、あれやこれや、と(やってます)。

 で、どうせなら、このブログにも・・・
 というのは自然な流れでしょう。


 一応、このブログの検索も、
 いくつか、カスタマイズはしている。
 ・リスト表示頁:ちゃんと本文抜粋つきのリスト頁じゃなきゃな。 ・・・ 【FC2ブログカスタマイズ】
 ・リスト表示頁FIX と newアイコン:もちょっとカスタマイズしておこう ・・・ 【FC2ブログカスタマイズ】
 ・script.aculo.us:ははは。これを入れて試してみたかったのだ ・・・ 【JavaScript】


 それでも、まずはトライ! だ。


  追記に ▼


 ところで、こちらは・・・


◇今日のGoogle(2009/09/22)
今日のGoogle(2009/09/22)
※あぁ、もう昨日だね。

FC2ブログランキング にほんブログ村 IT技術ブログ Webサイト構築へ ブログ王ランキング 人気ブログランキング 人気ホームページランキングへ


more

************************************************
◎ 幻のカスタムGoogleブログ版:カスタム検索
************************************************


 まずは、素直に
 ・Googleカスタム検索コントロールパネル


 ■実装テストオーバーレイ表示で)
  ・この「創るmetaboy」に限定した検索エンジンを
   カスタマイズする。


  □[コードの取得] というのがあり、
   これをクリックし、(・・・ここ、前振りね)


Custom Search Element を使用して、
自分のウェブサイト上で検索結果をホストする New!
1 ページが必要です。
検索結果はオーバーレイで表示されます。
 というのを選択。
   コードは、
<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load('search', '1');
google.setOnLoadCallback(function(){
new google.search.CustomSearchControl('017633499042186234100:8iutjlecu0o').draw('cse');
}, true);
</script>
だ。

   これを貼ればいいのだな・・・とやってみるけど。


   実装テスト:オーバーレイ表示
   なんだ!これは。
   ・検索ボックス幅、調整できるのかな?
   ・全然オーバーレイじゃないし。


  □オーバーレイ表示できれいに表示させたい!
   で、いろいろとネットを探ってみたけれど・・・


   ほとんどの記事が、
   (まぁ、いまさらなんでしょうが)少し古く、
   ・Googleカスタム検索のコントロールパネル
    前のものだ。


    ・(今は) [コードの取得] だけど
     (前は) [コード] だったらしく
     ・オバーレイ表示させるための入力要素も違う
      ・Googleカスタム検索をサイト内に設置


  う~む。


 ■先人の模倣
  とりあえず
  □前の管理画面でうまくいっている方の
   ソースを参考にさせていただき。
   (中に含まれる
    ・上記 カスタム検索で吐き出されるソース中の
     管理ID(?) を移しこみ
    ・GoogleのAPI
     (ん! APIkeyがいるのか!)
     新しいコントロールパネルには
     そんなこと書いていないなぁ。


    □Google AJAX Feed API を取得して
     それも移しこむ。


   コードはこんな感じ。
<form action="" id="searchbox_**********:**********" onsubmit="return false;"><div><input type="text" name="q" size="40" /><input type="submit" value="検索" />  </div></form><script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=searchbox_**********%3A**********&lang=ja"></script><div id="results_**********:**********" style="display: none;">  <div class="cse-closeResults">     <a>&times; 閉じる</a>  </div>  <div class="cse-resultsContainer">&nbsp;</div><br /></div><style type="text/css">@import url(http://www.google.com/cse/api/overlay.css);</style><script src="http://www.google.com/uds/api?file=uds.js&v=1.0&key=******************************&hl=ja" type="text/javascript"></script><script src="http://www.google.com/cse/api/overlay.js" type="text/javascript"></script><script type="text/javascript">function OnLoad() {  new CSEOverlay("**********:**********",                 document.getElementById("searchbox_**********:**********"),                 document.getElementById("results_**********:**********"));}GSearch.setOnLoadCallback(OnLoad);</script>
 ・オーバーレイに必要な、uds.js 使うのに
   APIKeyがいるのだね。

   実装してみたが・・・


 ■ギブアップ
  □表示はされるようになったが・・・
   表示はされるようになったが・・・
   クリックすると、(当然なのかもしれないが)
   ・別タブ(もしくは別ウインドウ)なんだな。
    (開く先が)


 ん~ん。このオーバーレイの下の 元画面を書き換えて
 欲しいんだよな。


 課題がまたひとつ、できたところで
 元に、戻す・・・と。


 「幻のカスタムGoogleブログ版」・・・でした。

commentsコメント
comment_post












管理者にだけ表示を許可する
commentトラックバック
トラックバックURL:
http://metaboy.blog23.fc2.com/tb.php/1097-8ff7d887
ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。