2009年9月15日 星期二

將Blogger轉成iPhone版瀏覽模式

最近本站也加入支援iPhone瀏覽模式,使用Blogger部落格平台的朋友,也能很輕鬆的將部落格轉成iPhone版網頁

目前有二個不錯的網站都能將網站轉成方便以手機閱讀的版面
Intersquash
MoFuse

詳細設定步驟可以參考Jas9 Taipei的這兩篇教學文,我就不再詳述
使用Intersquash iPhone化你的網站或部落格
MoFuse打造你的行動網站(Mobile Site)

或是「利用Google快速將部落格轉為手機版」,但不是每個Blogger版型都適合

現在要講的是如何在Blogger部落格平台設定轉址,當使用iPhone瀏覽網站時,會自動轉到手機版網頁

首先進入Blogger的資訊主頁 > 版面配置 > 修改HTML > 把「展開小裝置範本」打勾(注意:修改HTML前請先存檔備份)

再將下面程式碼放置<head>與</head>之間,紅字部份為手機版的網頁,透過網站IntersquashMoFuse去取得網址
<script type="text/javascript">
&lt;!--
var agent = navigator.userAgent.toLowerCase();
var iphone = ((agent.indexOf('iphone'))!=-1);
if (iphone) {
window.location = "http://想要轉址的網頁/";
}
//--&gt;
</script>

最後由iPhone上面的Safari瀏覽器中,輸入部落格的網址後,便會自動轉成以下晝面
Mofuse Mobile Web
Mofuse Mobile Web Mofuse Mobile Web


0 則留言 :

Related Posts Plugin for WordPress, Blogger...