今天忽然興起,想把個人部落格的網址加上小小的icon





綠色最能代表台灣了,所以就挑了綠色!





"倫"這個字應該可以讓大家很清楚這個部落格主人..XD





網路上其他前輩製作的方法有很多種,有的還要跑去下載試用版的icon製作軟體。





當然比較專業,不過我想快速方便的作法,就是作成一般的BMP檔以後,在找到網路工具現上轉換嚕~





首先,我是用Photoshop製作一個16 x 16像素的小圖 1





再將圖案上傳到下面的網頁工具,就會自動將原本BMP檔案格式轉換為ico副檔名







Select Image:

























using FavIcon from Pics






接著,可以先將轉換好的檔案,不用改檔名預設為 favicon.ico





上傳到伺服器(因為我是用Wordpress架站,所以可自行上傳)





我是上傳到主目錄,這樣以下的HTML程式碼就無須修改嚕~





以下顏色不同的部份,依照自己上傳icon檔案位置修改唷!










將下方程式碼放置在<head></head>中間任何位置即可





一般可以在自己佈景主題資料夾裡的header.php找到唷~





<link rel="icon" href="/favicon.ico" type="image/x-icon" />


<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />


<link rel="bookmark" href="/favicon.ico" type="image/x-icon" />





這樣就完成了!

創作者介紹

ㄚ倫子@痞客幫

alunz 發表在 痞客邦 留言(0) 人氣()