flavors.me/amberjack

February 25, 2012

Blogger モバイルページにてスワイプによるページナビゲーションを無効にする はてなブックマーク - Golbym!: Blogger モバイルページにてスワイプによるページナビゲーションを無効にする

とーってもニッチな話題です。 Blogger モバイル版を一度でも使ったことがある人は、あのページナビゲーションのウザさがわかるはず。

無効にする方法は実に簡単で、テンプレートの HTML 編集で以下の箇所を

<b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
        expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
      </div>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl'
        expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
      </div>
    </b:if>
こんな感じに変更します。 ただ単にモバイルテンプレート内のページャーリンクの id を変えるだけで OK(ちょっとわかりにくいかもしれませんが、_blog-pager-(new|old)er-link_blog-pager-(new|old)er-linkm に変更しています)
<b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
        expr:id='data:widget.instanceId + &quot;_blog-pager-newer-linkm&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
      </div>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl'
        expr:id='data:widget.instanceId + &quot;_blog-pager-older-linkm&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
      </div>
    </b:if>

お節介機能が消えてスッキリ!