[Blogger筆記]線上「網站小圖示」製作

續上面兩篇
[Blogger筆記]調整內文行距字距
[Blogger筆記]消除簡單範本的圖片陰影

這篇文也是為了怕自己忘記記錄一下~
因為以前在痞客邦就做過網站小圖示，搬過來之後找不到以前的圖檔了
只好再重新畫一次~

上圖左邊分頁的圖示是新畫的，

右邊分頁的圖示是舊的，分的出來嗎？XD

新畫的應該有比較接近我的自畫像XD

這次畫小圖示用的是這個網站：

 http://www.favicon.cc/
這個網站可以製作出ico檔的圖示

※註：其實BLogger的小圖示用普通的正方形圖片檔也可以上傳
           只是我覺得像素風格比較好看所以才用這個畫

進去畫面如下：

右邊調顏色，下面有用過的顏色紀錄區、還有橡皮擦&顏色吸管可以選~
「move」工具則可以移動畫的圖案，
雖然很簡單但也夠用了，畢竟圖示這麼小也不需要畫太複雜啦~

圖畫好之後分頁上方會立即顯示小圖示實際使用的樣子：

OK的話按下面Download下載檔案就好了！

之後進Blog後台，選擇「版面配置」

在網站小圖示的右下角按「編輯」進去上傳就OK咯！

不過顯示要等一陣子，或是清除瀏覽器的cookie重整才看的到~