版主的話
注意: 建議使用Firefox 4.0+/Chrome瀏覽器瀏覽本網頁


1.jpg


無聊在網上到處逛的時候 找到了這個有趣的綱站

雖然這個不是什麼新鮮的東西

但應該很多人也沒用過吧

沒錯 我在說的就是網站的favicon小圖示

如果你網站被人家加入書籤後 你就會體會到圖標的重要性

因為在一大堆雜亂的書籤中 favicon越特別 別人的目光就會往那飄

大家可以看看我的Blog網址旁邊是不是有個小彩虹

它就是今天要說的主角了

2.jpg


網路上有個方便的網站叫做favicon.ico generator

這網站可讓大家在線上輕鬆製作個人的favicon圖示 輕鬆點幾下就完成了

而且還可以製作動畫版的favicon圖像

(不會做 可以到這裡看看http://sofree.cc/favicon-cc/)


找到了還是設計好自己喜歡的favicon圖示

就把那個圖示下載到電腦

然後再把它上傳到你的網上空間

(沒有的話可以Google一下 還是問朋友借)

上傳好就copy那個圖案的地址

For example: http://www.你的空間.com/圖片名稱.ico

(Pixnet是不成的 所以不用試了XD)


最後就是最重要的一步

到你PIXNET的管理後台>部落格(右上邊)>基本/進階設定(左邊)>部落格描述(右邊)

然後把這個code(語法)放進去

<link rel="SHORTCUT ICON" href="http://www.你的空間.com/圖片名稱.ico"/>

大功告成 現在你可以回到你的blog看一下成果了

希望你們明白我在說什麼 哈~

不明白的話再問我吧XD


創作者介紹
創作者 Evan 的頭像
Evan

情感 回憶 記載

Evan 發表在 痞客邦 留言(21) 人氣()


留言列表 (21)

發表留言
  • uniquevera
  • 我也是幾個禮拜前才弄好我的icon~
    之前一直搞不懂~
  • 其實二年前已經用過這個東西
    只是當初用的時候沒現在這麼方便
    剛好又找到所以試一下 哈哈
    原來你比我還要早用了 其實最麻煩是找空間放
    不是每個人都有 就算有 都不一定support

    Evan 於 2009/03/02 18:05 回覆

  • ClaireKevin
  • 太~好~啦!!
    我成功了,真的可以耶~^^
    真是感謝你啊!!
    我向來對這方面不在行
    沒想到....這次居然ok耶!
    哈哈哈~謝啦!
  • 成功可以用就好啦
    但...也不用這樣開心啊 哈哈~

    Evan 於 2009/03/07 02:39 回覆

  • lovecynthia
  • YA~
    我也成功了....
    謝謝你的說明
  • 不用客氣 ^___^
    記得經常來我家啊 哈~

    Evan 於 2009/03/07 10:25 回覆

  • ClaireKevin
  • 哎唷,當然開心啊~
    能讓自己的小格看起來不一樣
    就是件開心的事囉~^^
    對了
    你這兒播放的英文歌
    還不錯聽耶~
  • 哈哈 謝謝你喜歡啊
    剛加了幾首歌 放來聽聽吧
    有新歌的話會再上傳的

    Evan 於 2009/03/08 17:30 回覆

  • a4900x097
  • 哈哈!偶也成功了!

    但是偶做了動畫版 在favicon的網站preview是會動的,但是放到BLOG就不會動了QQ
  • a4900x097
  • 後來我發現...ie顯示不出來...Firefox可以顯示出動畫~"~
  • 有成功就好
    我一直都支持Firefox的 哈哈
    很期待它的3.5版

    Evan 於 2009/03/18 22:55 回覆

  • fentis
  • 成功了耶!真開心,謝謝你
  • 不用客氣
    以後多點來看看吧 =]

    Evan 於 2009/03/21 01:57 回覆

  • yvonneyang
  • 謝謝分享唷!!~~慢點也來試試~~~
  • 什麼時候來也沒問題的 =]

    Evan 於 2009/04/22 20:26 回覆

  • el1024
  • 你好呀~路過~

    看完您的教學~
    我也成功了!!!
    Ya~!
  • 有成功就好
    也謝你的路過跟留言 ^^

    Evan 於 2009/05/10 13:24 回覆

  • annievsjackypix
  • 我也要!!!感謝分享教學
    真棒:$
  • 不用客氣呢^^

    Evan 於 2009/05/15 16:56 回覆

  • angelapink728
  • 成功了~~~謝謝:D
  • 有成功就好^^
    也謝謝你的到訪

    Evan 於 2009/05/15 17:04 回覆

  • graffiticrazy
  • MSN的空間好像是不能用ㄟ= =
    冏了= =
  • graffiticrazy
  • 我錯了= =是我複製網址XD
  • 可以用就好^^
    但我也不知道MSN space也可以 呵呵

    Evan 於 2009/05/24 21:16 回覆

  • DreamYeh
  • 感謝分享,之前就有注意到你的彩虹icon了~很搶眼!!原本以為是用photoshop畫的呢~沒想到有這麼方便的方法。我也要來作一個試試看!
  • 很簡單吧 這樣就可以有自已的logo了
    祝你成功 ^^

    Evan 於 2009/05/27 00:09 回覆

  • b086232
  • 酷阿 我成功了 快來看看我的 色! 一個字! XD
    我也想要用一篇教學! 不過我要用我自己的方式,就是方法差不多,但是內容是我自己做的,可嗎?
  • 呵呵 你的logo不錯喔
    把好東西分享當然好啦
    你怎樣寫也可以的 ^^

    Evan 於 2009/06/29 22:57 回覆

  • markchuang
  • = =我用不出來ㄟ
  • 你是用那一個方法的 自己的空間還是PIXNET後台的功能
    PIXNET後台的自帶功能會方便點
    先到PIXNET後台的 帳戶管理 > 網絡設定
    在 "瀏覽器網址列圖示" 選 "自定......" > 上傳新ICO(你已弄好的icon)
    最後按 "儲存" 就成了 試試看吧 ^^

    Evan 於 2009/07/19 16:25 回覆

  • markchuang
  • = =請問

    我照你說的用後台管理設定後,我要怎麼才看的到我的圖阿
  • 如果你有依照我的步驟的話
    你打開你的blog 在地址欄應該會有顯示你的icon的
    如果Internet Explorer看不到 試用Firefox吧
    GOOD LUCK ^^

    Evan 於 2009/07/20 23:37 回覆

  • markchuang
  • 有ㄌ有了

    我看見ㄌ 我看到ㄌ啦哈哈 謝啦
  • 有弄到就好 ^^

    Evan 於 2009/07/22 19:38 回覆

  • happytogether99
  • Hi, 謝謝你的拜訪,我來回訪。正好覺得你的小圖示很特別呢!我也要來研究一下。請多多來玩喔!
  • 呵呵 謝謝你的回訪喔
    喜歡就弄一個屬於自己的icon吧 挺有趣的 ^^

    Evan 於 2009/08/15 15:33 回覆

  • msannie
  • 真好玩,原來可以這樣做。

    :)謝謝分享

  • 其實這個幾年前就有的了
    但不是很多人知道怎用
    所以弄個教學分享一下 ^^

    Evan 於 2009/09/06 23:04 回覆

  • 貳貳
  • 呵~這個網站我之前也用過,真的蠻方便的。不過現在還懶得改痞客幫的icon。
    看到你也有介紹Poladroid,真巧^^
  • 這麼巧喔 果然大家都是喜歡Poladroid
    不過這個program真的是挺方便
    至少不用花錢去買相機就可以有它的效果 哈哈

    Evan 於 2010/05/17 23:00 回覆