霝兒小教學_製作痞客邦專屬Icon及上傳方式

Favicon全名為 Favorite Icon

也就是瀏覽器網址列前的小圖示

好友陳墨問我 字怎做? 並希望我發教學文

一開始摸不著頭緒 不知問題點是啥?

後來想到 可能是問 Favorite Icon 吧

如下圖 ↓

痞客原本Icon圖示

霝兒專屬Icon

方法其實很簡單 痞客邦目前也支援Icon上傳

此方法適用IE、Firefox、Chrome等瀏覽器

首先必須製作附檔名為.Icon圖片

可以自行先挑選一張自己喜歡的圖片jpg gif png皆可

大小不要超過32X32

再來 霝兒介紹大家一個很好用的Icon線上製作網站

http://www.chami.com/html-kit/services/favicon/ 

打開頁面如下(接著請照圖文說明步驟操作)

按了 Generate Favicon.ico(產生的favicon.ico ) 後 會出現下列圖示 ↓

 

解壓後的畫面

有了Icon圖片後 就可以上傳痞客邦了

首先來到後台 點選最右邊的【帳戶管理】 接著點最左邊的【網域設定】

然後照步驟上傳即可

設定完成後若沒顯示 請清除網頁快取

或者用火狐、Chmore瀏覽看看

另有一個Icon製作網站介紹

http://www.favicon.cc/

上傳圖片後可做細部修飾 也能慢慢畫出自己想要的圖案

這部分就請大家另行研究

霝兒比較懶 使用的Icon製作是

http://www.chami.com/html-kit/services/favicon/

輕鬆快捷的多 對剛入門的新手也較適合喔 

    引用語法如下: 


 

 

 

 

 

本文引用自e314520520 - 霝兒小教學_製作痞客邦專屬Icon及上傳方式

創作者介紹

美麗珍藏的部落格

曾美麗 發表在 痞客邦 PIXNET 留言(3) 人氣()


留言列表 (3)

發表留言
  • 悄悄話
  • 鴿子
  • 感謝分享^^

    路過踏踏 ~ 推推+1 ~

    關懷弱勢 ~ 愛心大串連 ~

    請將本blog訊息傳送給您的友人分享,讓人間有愛!

    ~^.^~ 謝謝 ~ 祝安 ~^.^~

    歡迎有空來我家踏踏ㄜ~:))
  • 霝兒
  • 寶貝 早安安
    好久不見妳上線了
    近來好嗎? [:emotion1378367025-3924319592_t.png]
  • 霝兒寶貝安安~
    謝謝妳的關心~我最近都在玩手機LINE~美化桌面主題......APK Android 台灣中文網~~嘻嘻~我還不會做啦~~但是我會看別人做的套用自己的手機喔~應該說那個和部落格面板有些相似~語法城市的變動~我想自己做做可是我的手機連上電腦~電腦要我下載手機軟體的驅動程式~我問台哥大台哥大要我問三星......真是麻煩~現在的我沒有當初我做部落格那份衝勁~而且那個網站有很多限制~再說了~
    寶貝我格子的icon圖示從手機和電腦IE瀏覽器看的到~但是谷歌瀏覽器看不到...不知道是怎麼一回事呢...
    謝謝妳親切的問候和關心呦~

    曾美麗 於 2013/11/18 08:44 回覆