► DIY BLOG 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就會出現呢~~~

哈哈,有趣分享吧~~~
我的圖有空會再處理,現在太醜陋了X__X

如果喜歡我們的文章,請即分享到︰

標籤: BLOGGER教學  教學  BLOG