Bloggerの次の投稿・ホーム・前の投稿を削除する方法【モバイル版】

目次
１．モバイルで見た時の、次の投稿・ホーム・前の投稿を削除する
２．次の投稿・ホーム・前の投稿のコード
３．コードを削除する
４．ウェブバージョンを表示を削除

モバイルで見た時の、次の投稿・ホーム・前の投稿を削除する

Bloggerで作った記事をモバイル表示にしたときに表示される、次の投稿・ホーム・前の投稿を消していきたいと思います。

消す方法は、カスタマイズからHTMLの編集を選択して該当するコードを削除すれば自然とモバイル表示されなくなります。

今回は、モバイル版の次の投稿・ホーム・前の投稿を削除して、ウェブバージョンを表示も削除してしまいます。

次の投稿・ホーム・前の投稿のコード

次の投稿・ホーム・前の投稿のコードは、モバイル版とPC版の2回登場します。

今回はモバイル版のコードを探すのでb:includable id='mobile-nextprev'>の下にある次の投稿・ホーム・前の投稿のコードです。

次の投稿のコード

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

ホームのコード

    <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>

コードを削除する

次の投稿・ホーム・前の投稿のコードがわかったので、このコードを削除しましょう。

このコードを削除したら、次の投稿・ホーム・前の投稿はモバイルに表示されなくなります。

コードを削除したくないときは、コードを<!-- -->で囲ってください。

囲えば、コードをHTMLの編集に残したままモバイルから消すことができます。

例)

<!--<div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>-->

ウェブバージョンを表示を削除

次の投稿・ホーム・前の投稿を削除したついでに、ウェブバージョンを表示も削除したい場合は、以下のコードを削除すればモバイル版に表示されなくなります。

コードの場所は、ホームを意味する<div class='mobile-link-button' id='blog-pager-home-link'>~</div>の下にあります。

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>

これを削除もしくは<!-- -->で囲めば非表示にできます。