如何在自己的網址前加圖標

如何在自己的網址前加圖標 ?

就像雅虎的網址列前 有一個小圖標那樣

那位達人可以教教我 謝謝 ^^

Update:

請問n5998744高手

我希望自己部落格網址前出現小圖示

所以 要開啟部落格的網頁原始碼,再貼上語法嗎 ? (原始碼只能檢視 )

我很笨 ><" 謝謝你唷~

Update 2:

謝謝n5998744高手

我已下載你分享的軟體 ^^ 也編製好了

再來 我要將整篇的原始碼貼在哪裡呢 ?

1 Answer

Rating
  • 9 years ago
    Favorite Answer

    先準備一個大小為 16 x 16 像素的圖示(.ico)檔,取名為 favicon.ico,並上傳到網站的根目錄下﹝其他目錄或網頁空間亦可﹞。然後在網頁原始碼 <head> 與 </head> 之間放上這段語法:(16x16的.ico)

    ------------------------------------------------------

    <link rel="shortcut icon" href="http://圖示所在網站目錄/favicon.ico" />

    ------------------------------------------------------

    這樣就完成了,很簡單吧!

    若再加上下面這段語法:(32x32的.gif)

    ------------------------------------------------------

    <link rel="Bookmark" href="http://圖示所在網站目錄/favicon.gif" />

    ------------------------------------------------------

    可以讓你的圖示呈現在書籤或我的最愛當中,若存在桌面則是一個有圖的連結網址.若是你的手邊沒有適合的圖示,可以到 FavIcon from Pics (http://favicon.htmlkit.com/favicon/)這個網站來,選擇一張自己的圖... [Generate FavIcon.ico],生成後再按下 [Download FavIcon] 即可下載 ZIP 檔,用 Winzip 或 7-zip 等軟體解壓縮後,就會有同時支援 32 x 32 及 16 x 16 兩種尺寸的圖示出現,然後把這個圖示上傳到網頁﹝伺服器﹞空間即可。

    某些新型瀏覽器也支援使用 GIF 或 PNG 格式作為網址列圖示,以 GIF 為例,語法如下:

    --------------------------------------------------------

    <link rel="icon" href="http://圖示所在網站目錄/favicon.gif" type="image/gif" />

    --------------------------------------------------------

    至於 PNG 格式就依樣畫葫蘆,把 gif 改成 png 就好。

    2011-06-29 19:46:10 補充:

    http://www.shib.tw/bbs/thread-3022-1-1.html

    到上面下載 Pspad 做文件編輯,語法貼在同說明圖 .

    2011-07-04 21:12:55 補充:

    http://www.shib.tw/bbs/thread-3022-1-1.html

    這有教學

    Source(s): 網路搜索, 自己
    • Commenter avatarLogin to reply the answers
Still have questions? Get your answers by asking now.