How To Remove Swipe "next" And "previous" From Blogger Mobile Site | 101Helper

Watch this Ad for 5 Seconds to Continue...

WATCH AD

How To Remove Swipe "next" And "previous" From Blogger Mobile Site

Have you swiped next or back while surfing your blog's mobile site on your phone? If yes then you might have wished to remove this thing from your blog because sometime it is swiped next or back without intention and it is a negative thing for your user experience. Mostly it happens if your mobile site page e.g a post has a html table or it has a big image because of with content is bulging out of your main post body which causes the user to swipe next or back without intention and if it happens 2-3 times the visitor just leave and stop visiting your blog. May be they don't leave but it is not a good visitor experience. I personally don't like swiping pages without next.

how-to-remove-swipe-next-and-previous-from-blogger-mobile-siteAnyway, suppose your visitor is reading a long story on your blog page on his mobile and he is in the middle of the page and just swipe to next page although he doesn't want to do so but by mistake he did it so now he has to go back and scroll to the middle and find where he was? so he will definitely not like it. Because most of the mobile sites do not have this feature so everybody don't know about it so this mistake occurs often on blogger sites. So to avoid this bad user experience you can remove it.

Unfortunately it is not known that how blogger add this swipe next and back because you don't find any script for it in blogger templates so we have to add a script to remove this swiping rather than to remove a script.

So in this post I am going to show you step by step how to remove swipe next and back from blogger mobile site. In my next post I will show you how to add sticky next and back buttons in your blogger mobile site so that if a user wants he can go to next or previous post by intention without any mistake.

How To Remove Swipe "next" And "previous" From Blogger Mobile Site?

Step 1: Go to blogger > Theme > Click on Edit HTML.

how-to-edit-html-in-blogger-template-theme

Step 2: Click in your theme code and use CTRL+F to open theme search box.

Step 3: Search for </body>.

Step 4: Copy below code and paste it above </body>.

<b:if cond='data:blog.isMobile'>
    <script>
      document.getElementById('main').addEventListener = function() {}
    </script>
</b:if>

add-javascript-in-blogger-theme-template

Step 5: Save your theme and visit your site on your phone, swipe next or back and see its removed!



I know it is not a long post and just simple 5 steps post but many people ask how to do it so I decided to do a post on it. If you like it share it with others and if you don't leave a comment below.

Thanks for visiting 101Helper. Follow oon Google+ or Pinterest and like on Facebook for updates.

Search keywords: How To Remove Swipe "next" And "previous" From Blogger Mobile Site, add next and prev button in blogger, remove swipe from blogspot mobile,how to modify blogger mobile template,blogger mobile template help,101helper mobile blogging



14 comments :

  1. Should I stop blogger country redirection. Will stoping it harm my blog rankings or any other things.

    ReplyDelete
    Replies
    1. It will improve your ranking but you will see rank of only blogspot.com not blogspot.in or blogspot.jp Alexa will consider your blog only one not separate for every country so all your shares link juice will concentrate on blogspot.com so it improves your rank. But if you have custom domain there are some redirection problems.

      Delete
  2. Thanks for clearing my doubts. But why don't you have stopped country redirection for your blog.

    ReplyDelete
    Replies
    1. Because i have 69 redirections in my blog currently and i am fixing them, as soon as Google updates these new redirections in search results, i will stop redirection. Because too many redirections are not good.

      Delete
  3. Awesome article...
    Waiting for the next post on how to add the flauting next/previous pager.

    ReplyDelete
  4. Hello.
    Why are not you using the h2 tags in search keywords in your last articles?
    You are only using large text but without h2.
    Does this technique no longer work?

    ReplyDelete
  5. ok, but is not it better to apply h2?
    Is not it more effective?
    Why not use h2?

    ReplyDelete
  6. LOL.
    If H2 it's better, then Why don't you use H2?
    (.___.)

    ReplyDelete
    Replies
    1. I have optimized seo theme, so if I don't do it, it doesn't matter.

      Delete