► 製造BLOG iOS Apps Icon [教學]

無無聊又整新東西，其實不一定要整，這只是為你的BLOG多一個粉飾機會吧~
iOS Apps icon是當你用手機Safari瀏覽網頁時，想BOOKMARK，加入主畫面時出現的ICON圖像。

(我手機最近張HOME WALLPAPER靚嘛XDD)

整你的BLOG APPS ICON方法首先是整張圖啦!!
我用Photoshop，我不清楚平常沒Photoshop還會用什麼修圖，如真的沒有又不裝PS的話，試試免費祖國程式http://www.neoimaging.cn/，有修圖剪裁加字等等!!
另外OFFICE應該都有個修圖的工具的~

圖片要四方型
尺寸: 144x144 pixels
解像: 72dpi (一般小畫家都自己設置是72dpi)

處理好的圖要另存為「apple-touch-icon.png」，是要PNG檔。接著就上載這張圖片去公開的相簿，而且不會自己幫你更改檔名的。

我選用Google drive，圖片共享為public(公開)，然後檢視內容抄走圖址(url)

下一部就是開你的BLOG設定的部份→範本→HTML
再Ctrl + F，搜尋 <b:skin><![CDATA[ 
找到之後在這句上面貼上以下這句 : -

<link href='你的圖址.png' rel='apple-touch-icon'/>

儲存範本就完成了。

接著你用手機上你自己的BLOG，用WEB VERSION(桌面版) ，再按手機下中間那個 + 號或箭頭跑走的符號，再接《加入主畫面》，你的ICON就會出現呢~~~

哈哈，有趣分享吧~~~
暫時要DESKTOP版睇的時候，就可以出到這個ICON，不知道是不是我用的版型問題!
會試最普通版型會不會連手機版都可以用到~~~

我的圖有空會再處理，現在太醜陋了X__X

8 / 10 / 2013 追加

嘿嘿，終於改良了這個ICON!! 150x150

其實大圖會再靚一點XDDD

手機畫面是這樣子的^_^

在看上圖其實都有兩個效果!!! 左是有反光位，右是沒有反光位!!
如果做呢???!!!
上面介紹的CODE和圖名是反光的效果，要不反光效果的話，圖片就是另存為「apple-touch-icon-precomposed.png」，而貼上的HTML呢就是以下這句: -

<link href='你的圖址.png' rel='apple-touch-icon-precomposed'/>

試試看吧!!!