最近本站也加入支援iPhone瀏覽模式，使用Blogger部落格平台的朋友，也能很輕鬆的將部落格轉成iPhone版網頁
目前有二個不錯的網站都能將網站轉成方便以手機閱讀的版面
Intersquash
MoFuse
詳細設定步驟可以參考Jas9 Taipei的這兩篇教學文，我就不再詳述
使用Intersquash iPhone化你的網站或部落格
MoFuse打造你的行動網站(Mobile Site)
或是「利用Google快速將部落格轉為手機版」，但不是每個Blogger版型都適合
現在要講的是如何在Blogger部落格平台設定轉址，當使用iPhone瀏覽網站時，會自動轉到手機版網頁
首先進入Blogger的資訊主頁 > 版面配置 > 修改HTML > 把「展開小裝置範本」打勾（注意:修改HTML前請先存檔備份）
再將下面程式碼放置<head>與</head>之間，紅字部份為手機版的網頁，透過網站Intersquash 或 MoFuse去取得網址
最後由iPhone上面的Safari瀏覽器中，輸入部落格的網址後，便會自動轉成以下晝面
目前有二個不錯的網站都能將網站轉成方便以手機閱讀的版面
Intersquash
MoFuse
詳細設定步驟可以參考Jas9 Taipei的這兩篇教學文，我就不再詳述
使用Intersquash iPhone化你的網站或部落格
MoFuse打造你的行動網站(Mobile Site)
或是「利用Google快速將部落格轉為手機版」，但不是每個Blogger版型都適合
現在要講的是如何在Blogger部落格平台設定轉址，當使用iPhone瀏覽網站時，會自動轉到手機版網頁
首先進入Blogger的資訊主頁 > 版面配置 > 修改HTML > 把「展開小裝置範本」打勾（注意:修改HTML前請先存檔備份）
再將下面程式碼放置<head>與</head>之間，紅字部份為手機版的網頁，透過網站Intersquash 或 MoFuse去取得網址
<script type="text/javascript">
<!--
var agent = navigator.userAgent.toLowerCase();
var iphone = ((agent.indexOf('iphone'))!=-1);
if (iphone) {
window.location = "http://想要轉址的網頁/";
}
//-->
</script>
最後由iPhone上面的Safari瀏覽器中，輸入部落格的網址後，便會自動轉成以下晝面
0 則留言 :
張貼留言