每次打開奇緣的部落格網頁時,有可愛的朋友注意到,在瀏覽器顯示的網址列前端有一個迷你的小相機圖示,而發出了疑問。這就是常見的「Favicon Icon」(網址列圖示)。
仔細一看,坐在飛機座椅、繫好安全帶的Paddington Bear,手中的登機證是奇緣從瀏覽器存取「我的最愛」網頁中隨選的畫面。發現第一個小相機是奇緣的部落格,第二個藍色對話框是痞客邦(Pixnet)所有部落格統一的圖示,第三個無字代表無名小站,還有Facebook、Flickr、aNobii……等圖示,一眼就能清楚的辨認。若是沒有特別設定的網頁,會像最後一個網站僅顯示虛擬的方框。
其實,Favicon對Pixnet的部落格而言,是簡單的設定。加入一句語法或是後台可以設定,就能讓你的部落格有了自己獨有的小記號。
首先,選定你的Favicon(網址列圖示)。因為在網址列前面顯示,圖片需要縮得很小,建議選擇簡單不複雜,縮小也能清楚顯示的圖示。
手邊沒有圖示怎麼辦?在Google輸入關鍵字「Favicon」能找到免費的圖庫或簡單的自製圖示網頁。
而奇緣選定的小相機,來自一個名為「IconArchive」的圖庫,提供許多免費(但不使用在商業方面)的可愛圖示。
方法一:語法使用篇
1.將選定好的圖示上傳到相簿,並複製圖片的網址。
2.圖片網址套入以下語法。
<link rel="SHORTCUT ICON" href="輸入圖示網址">
3.進入部落格後台〉部落格管理「基本/進階設定」
將此段語法放置在「部落格描述」的欄位內,點選「儲存設定」,就能重新整理網頁,欣賞成果:D
方法二:後台設定篇
1.Pixnet還有另一個方便的設定功能,直接進入部落格後台的「帳戶管理」。
2.點選「網域設定」〉「瀏覽器網址列圖示」〉上傳新ICO檔
3.上傳小於10KB的圖示,就完成囉!
奇緣最常且習慣使用的網頁瀏覽器是Firefox,會發現如果使用Windows內建的Internet Explorer(IE)瀏覽器是有可能看不到這些可愛的圖示。
這是奇緣第二篇關於部落格的教學文章,第一篇是會轉換的首頁圖,雖然比較複雜,但每一次點開就是一次的驚奇,回憶起旅行美好的時光。
【系列閱讀】
2009-08-21 [Blog]Banner。隨機播放

真讚的一篇教學 很有趣 改天來試試看 : )))
Dear buuzkuo: 這是藏有小驚喜的玩意, buuzkuo也可以玩玩看:D 每一次打開部落格, 看到上面的小相機, 彷彿提醒自己在忙碌的日子中保有旅行的步調~
喔~你聽到我的心聲真好 感激不盡你還寫教學欸 最近裝飾我的部落格真是殺死我很多腦細胞跟視力 謝謝你喔:)
Dear James&Sarah: 哈哈~這一篇就是為你而寫的:D 因為有點說不清如何做, 所以就把步驟記錄下來, 希望你也能順利擁有自己的小圖示。 如果有什麼疑問的地方,歡迎提出來一起討論, 因為奇緣也是慢慢修改、學習過來的:) 不斷調整部落格的呈現方式也是奇緣一直在摸索的地方, 雖然有點繁瑣,但每次看到成果是非常好玩的事, 而且隨著自己的成長而改變,期待你也能創造喜歡的部落格樣式。
我這幾天修到自己都想放棄了 超級不好修的! 懂了怎麼做知道現在換煩惱我要放什麼照片上去最能象徵我自己 好猶豫喔 以後我有不會的再請你幫幫我囉 感謝你的耐心 讓我覺得好感動喔
Dear James&Sarah: 剛開始動工,會煙硝四起XD 而且一動,時間就不知不覺的流逝了(茶) 不過,沒關係,我就是那種慢慢修,感覺不對就改, 可以想成不斷進化版:D 我也覺得打造自己的代表圖像與顏色, 比純技術上的修改還困難。 有時候選擇最有意義的當下、最喜歡的一刻, 我想無論如何就是重新的詮釋自己, 這不簡單,卻也真誠。 被誇獎有點害羞>////< 希望你也能享受玩部落格的樂趣:)
剛剛也看了 換首頁的那篇教學 感覺也很不賴 XD 可以這樣不斷的換照片 超有趣的 謝謝 奇緣分享啦 嘻嘻
Dear buuzkuo: 你現在的版面也好適合換照片, 趕緊搬出你那豐富又宛如會說話的照片, 相信會很有意思:D
請問一下(我是sarah的朋友,她好康道相報 我用的是 http://www.rw-designer.com/online_icon_maker.php 製作我的icon(因為我在你給的那個網站找不到我喜歡的圖案 可是我做好當漏下來想上傳到痞客幫相簿他卻說不支援 這樣的話怎麼辦呢? 只能換另一個圖嗎?還是有其他辦法?
Dear路思: 歡迎~歡迎~我有在sarah那邊看過你:D 你提供的這個網站,挺有趣的,奇緣小小的玩了一會:P 而無法上傳痞客邦相簿是因為下載的圖示為ico檔,相簿不支援這種格式, 所以要使用簡單的小軟體將ico檔轉為png檔,就能順利上傳了。 而ico轉png,你可以上網搜尋(Google)有不少免費軟體可以使用, 像奇緣是用ToYcon。
是到這個網站去下載嗎? http://www.kinguploader.com/#ToYcon-zip 可是我不知道要按哪一個耶?? 是我太笨嗎?
Dear路思: 下面這一篇有中文教學,可以參考與下載使用: http://portable.easylife.tw/876 你找到的那個網頁,我也不知道按哪一個鍵XD
贊~我下載成功嘞 謝啦
我更改成功了~ 不過我是用方法二(都怪我昨天不看仔細沒看清楚方法二,方法二可以直接上傳icon黨就不用下載ToYcon了(雖然我已下載完成哈哈 方法一好像沒成功耶 是因為我用png黨不是用icon黨的關係嗎?
Dear 路思: 恭喜~恭喜~當初寫出兩個方法就是讓大家多點選擇, 因為奇緣是用方法一(因為當時Pixnet沒有提供方法二)。 如果是方法一使用png檔應該是可接受的QQ 我再來瞧一瞧~
成功了~謝謝你