~~~活在當夏~~~: 轉換你網頁的 ICON...(好過癮)(19-9-2013更新上載ICON新方法)

2013/09/11

轉換你網頁的 ICON...(好過癮)(19-9-2013更新上載ICON新方法)

見到Blog友懶蟲將 eBlogger 個 ICON 轉咗好鬼死過癮，我又學下佢整先，Search到有人教嘅方法如下

首先整一個自己嘅ICON先，可以用小畫家，整一個你想要嘅 ICON 嘅字或者圖 Size 大概係 170 x 170 到啦。然後就將個ICON file upload 去呢個 Website Make favicon

1. 選擇檔案，揀你整個個 ICON ，然後就 "Upload Image"

2. 選擇你個 ICON 個 Size ，然後就按 "Crop picture"

3.然後就再按"Make Favicon"

4. 之後就會出現你個 ICON ，咁就 right-click mouse 另存新檔 !! 存係你個電腦一個位置到

上載ICON方法 1
有網友 FreeTong Leung 提供方法，直接簡單，上面1至4可以照跟。然就整完個 ICON 就去返你自己個 Blog 到，"設計" > "版面配置" > "網站小圖示" > "編輯"，upload 你頭先整個個 ICON file 就完成啦...

上載ICON方法2
1. 然後就去 Google 嘅相簿 Picasa (picasaweb.google.com/‎) 相到upload 頭先個 Icon File 去呢個相簿到，你可以開一個 Folder 放呢個 file

2. Upload完就要知道呢張 Icon 相嘅放咗係邊，我用 Chrome就可以有得複製影像網址..將呢個網址 Copy 咗，然後就開一次睇下睇唔唔睇到...個Browser 繼續 Keep 住開

3. 然後就將下面藍色部份改咗做你放 icon file 個條 link ，記得個file 係要 .ico 尾個喎...

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6hayA6pvuBTHp1OCyaQi0jrRQLWwLMuKbGqAMYoQgsPdy9_U8p1f6E13wIqPTDzztACM6XnPEPyDOInrei2SWw2hyYhNOtgBq3hR9JHMFWU2DvlgAEcw18nMucy8bySUoo5Jj/s16/BlogSpoticon.ico' rel='shortcut icon' type='image/x-icon'/>

4. 然後就入返去你個 blog 到，右上角 "設定" > "範本" > "編輯HTML"

5. 係 <head> 個到加入頭先準備好個條 code，即係
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6hayA6pvuBTHp1OCyaQi0jrRQLWwLMuKbGqAMYoQgsPdy9_U8p1f6E13wIqPTDzztACM6XnPEPyDOInrei2SWw2hyYhNOtgBq3hR9JHMFWU2DvlgAEcw18nMucy8bySUoo5Jj/s16/BlogSpoticon.ico' rel='shortcut icon' type='image/x-icon'/> ，加完就要 "儲存範本"