為你的網站加個Logo~

可以看到很多網站的網址前方的有個小圖示,很可愛

也讓你的網站辨識度也提高

挑選一個符合你網站的圖示,不僅美化也能在加入書籤時,有個不同於其他書籤的明顯提示

那要如何作呢?


首先, 這個功能只針對使用Firefox的瀏覽器

IE6和IE8完全無法使用

而IE7只會顯示一個資料夾的樣子

(IE真的很差>.<  強烈推薦firefox喔xD)

---------------------------------------------------------------------------------
制作logo

1.首先選擇一個你要的圖,盡量是比較簡單的gif或是png的圖,大小大概16*16,這樣縮圖後也會比較清晰

 你可以到ICONFINDER找一些漂亮的logo




2.然後到 FavIcon from Pics網站,在Image to Use:上傳了圖片後按Generate FavIcon.ico




3.然後如果你想作一些後期制作,按 Customize 制作自己獨一無二的logo~




功能有:

#加入文字特效
#加上背景
#變成黑白......還有更多

4.完成後可以按Download FavIcon Package下載成ICO和GIF圖檔使用

P.S.如果你是用png檔去轉檔,是沒有gif檔的,只有ico檔

這樣就制作好logo啦~


可是還有一個問題.......


就是如何放上去網頁中呢??(這麼久才說到重點-.-)


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

把logo放到網頁中

如果是google blogger的話

可以按我這個方法去做

在你的html語法裡找到這行

<title><>data:blog.pageTitle/></title>

P.S.記得修改html前都要先儲存舊的模版,如果失敗了,才能恢復原狀


在這行前面加上這段語法即可

<link href=’圖片網址’ rel='shortcut icon'/>

然後按儲存

當你用Firefox連結到你的網頁時

就會出現圖示了

加入書籤後

第二次再連結

書籤列也會出現圖示了~

沒有留言:

發佈留言

歡迎有禮貌的留言或意見發表