取消 Blogger 行動版「向左/向右滑」切換文章的功能 [加值文章]

有多位讀者反應 Blogger 行動版一個非常擾民的問題，也就是操作手機時，滑動螢幕只要稍微不小心往左或往右，就會切換到「上一篇/下一篇」文章。

這個功能的設計想必是出於貼心的考量、方便訪客操作頁面的切換，但往往我們是在操作「往上/往下」時，不小心手勢的角度偏左或偏右，便會立即觸發「往左/往右」的手勢，讓網頁切換到我們不想前往的頁面，也就是跳離了這篇文章。

如果你也不喜歡官方的這個設計，那麼可以安裝本文的小工具，將此功能取消，給訪客友善的操作體驗。

一、加值文章

請注意，本篇為加值文章，需先加入會員，並獲得點數才能兌換。

有的會員可能會發現，現有的點數已經足以兌換這個小工具，而有的會員則否。由於「加值文章」功能才剛剛上線，產品線仍在規劃中。等過一陣子「會員系統」結束試營運、開始正式營運的時候，會進行詳細說明。




複習一下開頭的示意圖，Blogger 在手機上向左或向右滑動時，會出現圖中的藍底半圓形，及向左向右箭頭，用來提示網頁即將前往上一頁或下一頁。

如果動作慢一點，那麼是來得及終止滑動的操作，不過相信訪客不會對 Blogger 網站的操作那麼熟悉，通常都是手一滑就出去了，然後很生氣 "為什麼明明我沒有要跳開，畫面卻自動跳開了！？"

二、準備動作

如「Blogger 行動版範本修改技巧」所提，Blogger 行動版只有選擇「自訂」才能修改，其他的官方範本全部都不能修改，因此請參照該篇文章 →「二、修改行動範本準備動作」的步驟，確認你已經改用「自訂」的行動版範本，否則依照本文安裝的程式碼將不會有任何作用。

三、安裝程式碼

在修改範本之前，如果第一次安裝本站工具的讀者，建議先閱讀「備份範本的訣竅」系列文章。

請到後台「範本」→「編輯 HTML」，游標點進範本區塊，再搜尋 </body>這個字串，找到後在此字串的下一行，插入以下程式碼：


儲存後即可看到效果。

四、聯絡表單

加值文章關閉留言板功能，使用上有任何問題請用下面的表單與我聯繫：