googleツールバーのカスタムボタン(検索ボタン)の作りかたメモ
--------------------------------
カスタムボタンとは
http://www.google.com/tools/toolbar/buttons/intl/ja/apis/howto_guide.html#whatare
簡単にいうと、google以外での検索エンジンでもツールバーの検索ボックスで検索できるボタン。
たとえば、http://www.alc.co.jp/のカスタムボタンを作ると
ツールバーの検索ボックスに検索したいワードを入れてそのカスタムボタンを押すだけで
http://www.alc.co.jp/で検索した結果ページが飛び出てくるのでひと手間はぶける。
--------------------------------
チョー便利。
--------------------------------
カスタムボタンの追加方法
http://www.google.com/tools/toolbar/buttons/intl/ja/apis/howto_guide.html#addingbutton
簡単にいうと、
http://www.alc.co.jp/を開く。何でもいいんだけど例として。
http://auctions.yahoo.co.jp/jp/これでもいいし。
(http://dictionary.goo.ne.jp/は何故か文字化けする)
で、http://www.alc.co.jp/の検索ボックスを右クリック
カスタム検索を実行
ツールバーにボタン登場
ボタンを右くり
カスタマイズ
ボタンを好きなところにドラッグ&ドロップ
(なるべく検索ボックスの近くにあるのが好き。)
--------------------------------
それで、アイコンが「虫めがねはてな」になって、わかりにきぃーときは
わかりやすいアイコンを自分でつくろう。orぱくってきて設定しよう。
--------------------------------
独自のアイコンを作成する方法
http://www.google.com/tools/toolbar/buttons/intl/ja/apis/howto_guide.html#makeicons
簡単にいうと、
1.画像の用意(大きくても可。小さいほうがいいみたいだけど。)
2.http://www.motobit.com/util/base64-decoder-encoder.asp にて
用意した画像を参照して[Convert the source data]を押す
(base64 エンコードを使用して ASCII テキストにエンコード)
そうすると、こういうのができる
AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ONr/ODja/6en+f+np/n/p6f5/6en+f+np/n/p6f5
/6en+f+np/n/p6f5/6en+f+np/n/p6f5/zg42v84ONr/ODja/zg42v/i4v//////////////////
/////////////////////////////////////+Li//84ONr/ODja/zg42v84ONr/p6f5/+Li////
/////////////////////////////////////////+Li//+np/n/ODja/zg42v84ONr/ODja/+Li
//+np/n/4uL/////////////gYHy/4GB8v///////////+Li//+np/n/4uL//zg42v84ONr/ODja
/zg42v//////4uL//6en+f+2tv//gYHy/1pa6f9aWun/gYHy/7a2//+np/n/4uL///////84ONr/
ODja/zg42v84ONr///////////+2tv//gYHy/1pa6f84ONr/ODja/1pa6f+BgfL/trb/////////
////ODja/zg42v84ONr/ODja////////////gYHy/1pa6f84ONr/trb//7a2//84ONr/Wlrp/4GB
8v///////////zg42v84ONr/ODja/zg42v//////gYHy/1pa6f84ONr/trb/////////////trb/
/zg42v9aWun/gYHy//////84ONr/ODja/zg42v84ONr/gYHy/1pa6f84ONr/trb/////////////
//////////+2tv//ODja/1pa6f+BgfL/ODja/zg42v84ONr/ODja/zg42v84ONr/trb/////////
/////////////////////////7a2//84ONr/ODja/zg42v84ONr/ODja/zg42v84ONr/gYHy/6en
+f+np/n/p6f5/6en+f+np/n/p6f5/6en+f+np/n/gYHy/zg42v84ONr/ODja/wAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAA//8AAP//AAD//wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAD//wAA//8AAA==
3.エンコードされたtextを
<icon mode="base64" type="image/x-icon"> ここに入れる </icon>
例:
<icon mode="base64" type="image/x-icon">
AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ONr/ODja/6en+f+np/n/p6f5/6en+f+np/n/p6f5
/6en+f+np/n/p6f5/6en+f+np/n/p6f5/zg42v84ONr/ODja/zg42v/i4v//////////////////
/////////////////////////////////////+Li//84ONr/ODja/zg42v84ONr/p6f5/+Li////
/////////////////////////////////////////+Li//+np/n/ODja/zg42v84ONr/ODja/+Li
//+np/n/4uL/////////////gYHy/4GB8v///////////+Li//+np/n/4uL//zg42v84ONr/ODja
/zg42v//////4uL//6en+f+2tv//gYHy/1pa6f9aWun/gYHy/7a2//+np/n/4uL///////84ONr/
ODja/zg42v84ONr///////////+2tv//gYHy/1pa6f84ONr/ODja/1pa6f+BgfL/trb/////////
////ODja/zg42v84ONr/ODja////////////gYHy/1pa6f84ONr/trb//7a2//84ONr/Wlrp/4GB
8v///////////zg42v84ONr/ODja/zg42v//////gYHy/1pa6f84ONr/trb/////////////trb/
/zg42v9aWun/gYHy//////84ONr/ODja/zg42v84ONr/gYHy/1pa6f84ONr/trb/////////////
//////////+2tv//ODja/1pa6f+BgfL/ODja/zg42v84ONr/ODja/zg42v84ONr/trb/////////
/////////////////////////7a2//84ONr/ODja/zg42v84ONr/ODja/zg42v84ONr/gYHy/6en
+f+np/n/p6f5/6en+f+np/n/p6f5/6en+f+np/n/gYHy/zg42v84ONr/ODja/wAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAA//8AAP//AAD//wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAD//wAA//8AAA==
</icon>
4.ツールバー検索ボックスの隣の下向き▼をクリック
5.管理→編集したいやつを選択→編集→詳細エディタを使用→
6.詳細エディタにこれをはっつける→ <icon mode="base64" type="image/x-icon"> ここにエンコードされたtext入れてね </icon>
どこに貼るといいのかわからないけど <button> と<title>のあいだにはっつけてみたら
できたよ。<button>と </button>のあいだに入ってればどこでもいいのかも。
--------------------------------
~~~~おまけコーナー~~~~
ファビコンやさん
http://www.favicon.fr/
読めないからよくわかんないけど素材がかわいい。
まあ個人のツールバーで楽しむ用に使わせてもらう分にはいいのかな、と。。
読めないからなんともいえんけど。
~~~~~~~~~~~~~~~~
-------------------------------
Google ツールバー( Firefox 用)
http://www.google.com/tools/firefox/toolbar/FT3/intl/ja/index.html
-------------------------------
マウスオーバー辞書とかブックマークとかチョー便利なのに
なんでみんな使わないの?googleツールバー。
最近のコメント