► 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
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