demoshop

demo, trying to be the best_

官方網站
http://toolbar.google.com/intl/zh-TW/?utm_source=zh_TW-et-more&utm_medium=et&utm_campaign=zh_TW&tbbrand=GZEZ

如果你有在用GoogleToolbar的話,一定會遇到,在新增了自己喜歡的小工具後,整個GoogleToolbar的圖示都被藍球佔據了,如果不打開文字顯示根本不知道那個工具那個,雖然不影響功能,但視覺上實在是差很大,本篇就來告訴您怎麼自訂GoogleToolbar的工具圖示!!

像demo有使用到兩個沒有製作圖示的小工具,GoogleToolbar就變這附德性了只看圖你會知道誰是誰嗎?


好加在Google有開放我們修改的權力,首先對者選項按下


然後我們切換到按鈕頁籤→對者我們要修改的小工具點一下滑鼠左鍵然後按下編輯


按下使用進階編輯器


就會跳出該工具的XML編輯視窗,請在最後面找到下圖箭頭所標示的地方

</Button>標籤的前面


貼上以下的code (綠色字是給你對位置的,不要貼上阿)

  1. <!--<version>200807010000</version>位置大概在這-->  
  2. <icon type="image/x-icon" mode="base64">  
  3. 留空  
  4. </icon>  
  5. <!--</button></custombuttons>-->  

 再來我們要到之前demo有介紹過得圖片轉base64的網站把圖片轉檔這裡再來說明一次進入網站找到下圖的區域,挑選你要上傳的檔案?然後按下?


會跳到一個只有你選擇的圖片的頁面,請注意網址把base64,後面的所有字串都複製起來


然後回到GoogleToolbar的XML編輯頁面把剛剛複製下來的字串貼到原本留空的位置然後按下Save to Google Toolbar...

如果滿意的話就按下取代吧


將重複的圖示都改好以後你的GoogleToolbar就會好看多啦

回應討論