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

 

霝兒小教學_製作痞客邦專屬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/

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

    引用語法如下： 
<p style="text-align: center;"><span style="font-size: 14pt;"><img src="http://i1126.photobucket.com/albums/l616/e314520520/love/love3/3-7.gif" alt="" width="408" height="49" /></span></p> <p style="text-align: center;">&nbsp;</p> <p style="text-align: center;"><span style="background-color: #ffd6ea; font-size: 18pt;"><span style="font-family: 標楷體;">霝兒小教學_製作痞客邦專屬Icon及上傳方式</span></span></p> <p style="text-align: center;"><span style="font-size: 14pt;">Favicon全名為 Favorite Icon</span></p> <p style="text-align: center;"><span style="font-size: 14pt;">也就是瀏覽器網址列前的小圖示</span></p> <p style="text-align: center;"><span style="font-size: 14pt;">好友陳墨問我 <span style="background-color: #ccffff; font-size: 18pt;">霝</span>字怎做？ 並希望我發教學文</span></p> <p style="text-align: center;"><span style="font-size: 14pt;">一開始摸不著頭緒 不知問題點是啥？</span></p> <p style="text-align: center;"><span style="font-size: 14pt;">後來想到 可能是問 Favorite Icon 吧</span></p> <p style="text-align: center;"><span style="font-size: 14pt;">如下圖 &darr;</span></p> <p style="text-align: center;"><span style="color: #ff0000; font-size: 14pt;">痞客原本Icon圖示</span></p> <p style="text-align: center;"><img src="http://imageshack.us/a/img818/6933/cx4n.jpg" alt="" width="363" height="78" /></p> <p style="text-align: center;"><span style="color: #ff0000; font-size: 14pt;">霝兒專屬Icon</span></p> <p style="text-align: center;"><img src="http://imageshack.us/a/img826/456/5kn4.jpg" alt="" width="363" height="78" /></p> <p style="text-align: center;"><span style="font-size: 14pt;">方法其實很簡單 痞客邦目前也支援Icon上傳</span></p> <p style="text-align: center;"><span style="font-size: 14pt;">此方法適用IE、Firefox、Chrome等瀏覽器</span></p> <p style="text-align: center;"><span style="font-size: 14pt;">首先必須製作附檔名為.Icon圖片</span></p> <p style="text-align: center;"><span style="font-size: 14pt;">可以自行先挑選一張自己喜歡的圖片jpg gif png皆可 </span></p> <p style="text-align: center;"><span style="font-size: 14pt;">大小不要超過32X32</span></p> <p style="text-align: center;"><span style="font-size: 14pt;">再來 霝兒介紹大家一個很好用的Icon線上製作網站</span></p> <p style="text-align: center;"><span style="font-size: 14pt;"><a href="http://www.chami.com/html-kit/services/favicon/" target="&quot;_blank">http://www.chami.com/html-kit/services/favicon/</a>&nbsp;</span></p> <p style="text-align: center;"><span style="font-size: 14pt;">打開頁面如下(接著請照圖文說明步驟操作)</span></p> <p style="text-align: center;"><span style="font-size: 14pt;"><img src="http://imageshack.us/a/img22/787/oc91.jpg" alt="" width="586" height="405" /></span></p> <p style="text-align: center;"><span style="color: #ff0000; font-size: 14pt;">按了 Generate Favicon.ico(<span class="alt-edited">產生</span>的favicon.ico&nbsp;) 後 會出現下列圖示 &darr;</span></p> <p style="text-align: center;"><img src="http://imageshack.us/a/img802/3382/vuwr.jpg" alt="" width="434" height="353" /></p> <p style="text-align: center;">&nbsp;</p> <p style="text-align: center;"><img src="http://imageshack.us/a/img547/2568/pdtg.jpg" alt="" width="408" height="253" /></p> <p style="text-align: center;"><span style="color: #ff0000; font-size: 18pt;">解壓後的畫面</span></p> <p style="text-align: center;"><img src="http://imageshack.us/a/img42/9342/grtk.jpg" alt="" width="454" height="310" /></p> <p style="text-align: center;"><span style="font-size: 14pt;">有了Icon圖片後 就可以上傳痞客邦了</span></p> <p style="text-align: center;"><span style="font-size: 14pt;">首先來到後台 點選最右邊的【帳戶管理】 接著點最左邊的【網域設定】</span></p> <p style="text-align: center;"><span style="font-size: 14pt;">然後照步驟上傳即可</span></p> <p style="text-align: center;"><span style="font-size: 14pt;"><img src="http://img197.imageshack.us/img197/3082/ftm3.jpg" alt="" width="600" height="218" /></span></p> <p style="text-align: center;"><span style="color: #ff0000; font-size: 14pt;">設定完成後若沒顯示 請清除網頁快取</span></p> <p style="text-align: center;"><span style="color: #ff0000; font-size: 14pt;">或者用火狐、Chmore瀏覽看看</span></p> <p style="text-align: center;"><span style="font-size: 14pt;">另有一個Icon製作網站介紹</span></p> <p style="text-align: center;"><span style="font-size: 14pt;"><a href="http://www.favicon.cc/" target="&quot;_blank">http://www.favicon.cc/</a></span></p> <p style="text-align: center;"><span style="font-size: 14pt;">上傳圖片後可做細部修飾 也能慢慢畫出自己想要的圖案</span></p> <p style="text-align: center;"><span style="font-size: 14pt;">這部分就請大家另行研究</span></p> <p style="text-align: center;"><span style="font-size: 14pt;">霝兒比較懶 使用的Icon製作是</span></p> <p style="text-align: center;"><span style="font-size: 14pt;"><a href="http://www.chami.com/html-kit/services/favicon/" target="&quot;_blank">http://www.chami.com/html-kit/services/favicon/</a></span></p> <p style="text-align: center;"><span style="font-size: 14pt;">輕鬆快捷的多 對剛入門的新手也較適合喔</span><span style="font-size: 14pt;">&nbsp;</span></p> <p><a href="http://e314520520.pixnet.net/blog/category/1782177"><img style="display: block; margin-left: auto; margin-right: auto;" src="http://forever0423.myweb.hinet.net/aaa/9-9.gif" alt="" /></a></p> <p>&nbsp;</p>