1/25/2009

製作網址前方個人化icon

今天忽然興起,想把個人部落格的網址加上小小的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="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 意見:

張貼留言

Related Posts Plugin for WordPress, Blogger...