※『色到深處無怨尤』※

這是我無意中在別人看到的教學，雖然看起來沒有什麼，可是呢想要讓你的部落格更有特色，一個不一樣的 favicon小圖示是必要的喔!

那.....有人說 favicon小圖示是啥?  簡單來說這個就是指網頁上的LOGO。

Look at mine~!

加入我的最愛也看的到喔!

看到這裡是不是覺得很好玩?? 接下來就看看下面的製作流程，不會很難! 真的! 做出來很有成就感!

我把步驟分為三大流程 1.製作  2.上傳  3.展示

--------------------------------------------------------------------------------------------------------------------------------------------

1.製作

首先來介紹這個網站

網站名稱：favicon.ico Generator
網站網址：http://www.favicon.cc/

這個是專門線上製做ICO(小圖示)網站，可以很簡單做出自己設計的LOGO，也可以做出動態的LOGO。

不會做的人請來這裡 ~

如何讓部落格、網站有favicon小圖示？(免軟體，線上工具)-教學文章

請按照那個文章的步驟，把自己做好的ICO下載回來到電腦裡~

接下來需要做個轉換工作，因為ICO這個圖示檔不可以直接上傳痞客邦，而且支援ICO的圖片空間又很少。

所以我找到這個專門ICO與PNG轉換網站，把他轉成PNG

http://www.convertico.com/

1.先選擇瀏覽

2.選擇上傳你剛設計好的ICO

3.然後按下網頁上的﹝CONVERT﹞ 的按鈕開始把ICO轉換成PNG

4.轉換完成後滑鼠選擇那個圖示按下右鍵，把它存在電腦裡~(此時存起來的圖片檔已經是PNG了)

---------------------------------------------------------------------------------------------------------------------------------------------

2.上傳

現在我們製作過程已經完成七、八成囉!

接下來就把轉好的PNG圖檔上傳到痞客邦吧!  加油~快完成了

1.請到《管理後台》-->《相簿》這邊來上傳你的PNG檔

2.請按照順序去按

3.上傳好之後，請對圖案滑鼠右鍵複製圖案網址

----------------------------------------------------------------------------------------------------------------------------------------

3.展現

最後只剩一成囉~

1.請到《管理後台》-->《部落格管理》的側邊欄位設定，然後按下﹝新增版位﹞選項

2.標題自訂，這裡舉例輸入=^V^=

  內容輸入格式:

<link rel="shortcut icon" href="圖片網址">

把我們剛剛所複製的圖片網址貼上輸入格式裡的紅色部分

所以是這樣子的

<link rel="shortcut icon" href="http://p0.p.pixnet.net/albums/userpics/0/8/1934308/thumb_4a4b2539e4e87.png">

輸入完以後記得要按右下角的送出!

3.然後把剛剛所新增的版位放在你喜歡的位置! 再來按下儲存版面!

4.接下來看看成果囉~

恭喜! 真的很成功的呈現出來了^^創造獨一無二自己部落格的LOGO!

---------------------------------------------------------------------------------------------------------------------------------

這樣是不是覺得很好玩呢? 而且還可以呈現個人的特色囉~ 超COOL的! 

心動了嗎?  趕快來試試吧!!