Googleツールバーには、アイコンが付いていると思います。アイコンの画像を変更する方法について紹介しましょう。

サイト運営をするプロのぼやき | Googleツールバーのボタンのアイコンを変更する

自分でサイトを運営しているプロが、自分でサイトを運営したいと思っている人へ参考となる情報を紹介

Googleツールバーのボタンのアイコンを変更する

Googleツールバーのボタンのアイコンを変更する

Googleツールバーには、アイコンが付いていると思います。

アイコンボタンの画像を変更しました。

今回は、Gmailのアイコンを別の画像に変更する例で紹介します。

アイコンを変更したいボタンをGoogleツールバーのアドオンのエディタを見るで紹介している方法でエディタ画面を開きます。

Gmail用のカスタムボタンのXMLファイルを編集する画面を開きました。エディタの中に

<icon type="image/x-icon" mode="base64">
○○○わけのわからん暗号がずらりとならぶ○○○
</icon>

にある訳のわからん暗号を変更するのです。こちらはアイコンが暗号化されたものです。こちらを変更してみましょう。

Base64 Online - base64 decode and encodeのサイトで画像を暗号化しました。
筆者の場合は、pngの画像を暗号化してもうまく反映されなかったのでjpgファイルで変換しました。

jpgファイルを暗号化
左の枠内で変換したいjpgファイルを選択し、右に囲んでいるボタンをクリックします。

暗号化
ご覧のように画像が暗号化された記号が表示されます。
コピーして、エディタ内の
<icon type="image/x-icon" mode="base64">
○○○わけのわからん暗号がずらりとならぶ○○○
</icon>
の中と差し替えれて保存します。



アイコン変更前
アイコンの変更前です


アイコンの変更後です
アイコンの変更後です。
ブックマークに追加する
 RSSリーダーで購読する





 よろしければ下記をご利用くださいM()M
 
ボタンひとつでコピー(IEのみ)

コメント


コメント Form

☆アイコン:
[icon]

トラックバック

トラックバック url (関連記事であればお気軽にどうぞ):


スパム対策のため、当サイトのリンクを貼って頂きましたら自動承認するようになってますm()m

この記事の概要リンクコピペ用・・概要は好きなように感想に変えて^^ノ

ボタンひとつでコピー(IEのみ)

Googleツールバーのボタンのアイコンを変更するの隣のページ

関連カテゴリ記事

BiNDwebマニュアル(非公式)BiND for weblifeの基本的な使い方BiNDの起動テンプレート選び設定画面ページの追加・削除ページのレイアウト構成記事の書き方インデントを活用リンクの入れる(内部リンク)リンクを入れる(外部リンク)画像の入れ方複数画像の登録画像の拡大設定画像サイズの変更カスタムタグ地図の入れ方ブロックの共有ブロックの背景画像の設置アップロードサイトの複製サイトの削除サーバー上のサイトを削除テンプレートの使いまわし背景スキンの違いバックアップメールフォームの設置サイトの中に別サイトphpを活用してみるフレームを使う表(テーブル)を活用する区切り線をアレンジしてみる文章の大きさ・色・背景を変えるリンクの開き方を変えてみる検索窓の設置ブックマークの付け方アクセス解析を設置するアクセスカウンターを設置グーグルアドセンスを設置グーグルアドセンスの最適化リダイレクト機能エラーページを編集head内にタグを追加ブログパーツの設置コメントタグ機能ID flashを活用動画掲載方法携帯電話の動画を掲載パングズリストの変更ページトップへを追加するショートカットキーを利用アイコンを設置する
flash(ID for weblife)サイトチェックコーナーパソコンでの仕事の能率化SEOの流れアフィリエイトお勧め書籍画面の色を採取する無料ソフト画像配布サイト紹介レンタルサーバーの選び方運営他

 
テンプレート制作会社 | RSS1.0 | Atom0.3 | Serene Bach 2.19R | ©2008 サイト運営をするプロのぼやき
著作権は放棄しません。リンクはどのページでもご自由にどうぞ