Google toolbar カスタムボタン（職務経歴書・レジュメサーチ）２

Googleツールバーカスタムボタン、オリジナルアイコンの作成補足

前回の記事「Google toolbar カスタムボタン（職務経歴書・レジュメサーチ）」の補足です。

アイコンの作成方法

1.iconになる画像を入手または自作。
フリーのアイコンを入手できるサイト。
freeiconsweb
60 Free Vector Icon Packs for Design Professionals - VECTORTUTS
icon finder

2.入手してきた画像をiconに変換します。
オンラインでFaviconを作成するサイト。
Genfavicon
Favcon from pics
※サイズは16×16で作成します。

一度、googleツールバーにインポートしたボタンのソースを表示させます。

<br /><icon>&#65374;</icon>
で囲まれた箇所がFavicon画像がエンコードされたものになります。

3.作成した画像をエンコード
http://www.motobit.com/util/base64-decoder-encoder.asp　で画像をアップ・変換してicon～/iconに差し替えれば自分の用意したアイコンになります。

後は、xmlを変換してサーバーにアップして完了。

http://toolbar.google.com/buttons/add?url=

=に後にアップしたxmlのURLを指定すれば、カスタムボタンの直リンも完了です。

職務経歴書テンプレートサーチGoogleツールバーカスタムアイコン
※前回URLが間違っていたため再アップしました。

関連過去記事
Google toolbar カスタムボタン（職務経歴書・レジュメサーチ）

ブログランキング【くつろぐ】