當我們在逛一些網站的時候可能會發現,顯示在瀏覽器網址列前的小圖示會變成不同的圖案,或者當你將這個網站加入我的最愛以後,當你打開我的最愛列表時,也會發現這個網址的最前方也是這個小圖示.

語法方法一:

  • <link rel="shortcut icon" href="favicon.ico">    

href="favicon.ico"這一個就是你要連結圖示的地方啦...但切記..圖示檔名只能用favicon而副檔名ico!要改的話則自己改囉!

語法方法二:

  • <link rel="SHORTCUT ICON" href="http://www.idv.tw/icon.ico">
  • 該語法我是放在<HEAD></HEAD>之間;
  • 請注意您放置.ico圖示檔的路徑,要和href="ico的URL"的路徑相對應

產生圖示的線上網站:
http://www.html-kit.com/favicon/

製作方法:

  • 1.首先你必須要先製作一張16X16像素的icon(.ico檔),至於怎麼製做呢?你可以使用軟體例如IconCool Editor,或者你也可以到FavIcon from Pics 這個網站來線上製造一張屬於自己的icon檔,完成之後,為他命名
  • 2.然後將他上傳到你的網頁空間下,你可以放在根目錄也可以放在任意資料夾只要你記的住
  • 3.將你希望產生效果的網頁檔案打開,使用原始碼編輯模式,在<head></head>之間任意位置,插入以下兩條指令
後來發現pixnet部落格可以辦到,所以可以試看看唷!
 amarylliss。艾瑪[隨處走走] - [教學] 自訂Pixnet部落格favorite.ico圖示的語法

arrow
arrow
    全站熱搜

    yettatop 發表在 痞客邦 留言(0) 人氣()