今天忽然興起,想把個人部落格的網址加上小小的icon
綠色最能代表台灣了,所以就挑了綠色!
"倫"這個字應該可以讓大家很清楚這個部落格主人..XD
網路上其他前輩製作的方法有很多種,有的還要跑去下載試用版的icon製作軟體。
當然比較專業,不過我想快速方便的作法,就是作成一般的BMP檔以後,在找到網路工具現上轉換嚕~
首先,我是用Photoshop製作一個16 x 16像素的小圖
再將圖案上傳到下面的網頁工具,就會自動將原本BMP檔案格式轉換為ico副檔名
接著,可以先將轉換好的檔案,不用改檔名預設為 favicon.ico
上傳到伺服器(因為我是用Wordpress架站,所以可自行上傳)
我是上傳到主目錄,這樣以下的HTML程式碼就無須修改嚕~
以下顏色不同的部份,依照自己上傳icon檔案位置修改唷!
將下方程式碼放置在<head></head>中間任何位置即可
一般可以在自己佈景主題資料夾裡的header.php找到唷~
<link rel="icon" href="http://blog.alunz.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://blog.alunz.com/favicon.ico" type="image/x-icon" />
<link rel="bookmark" href="http://blog.alunz.com/favicon.ico" type="image/x-icon" />
這樣就完成了!
0 意見:
張貼留言