Archive Pages Design$type=blogging

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

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

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

COMMENTS

BLOGGER: 14
Loading...
Beginner to blogging Bing webmaster tools tutorials blogger adsense Blogger menus Blogger Seo(Search Engine Optimization Blogger templates Blogger templates / themes Blogger Tips And Tricks Blogger Widgets And Gadgets Domains / Blogger earn money blogging Facebook widgets in blogger Google rich snippets blogger Google Webmaster Tools tutorials Mobile Blogging Related posts widget blogger social buttons blogger Yandex webmaster tools tutorials
false
ltr
item
101Helper - Blogger tips,tricks,widgets,menus,seo,earn money: How To Remove Swipe "next" And "previous" From Blogger Mobile Site
How To Remove Swipe "next" And "previous" From Blogger Mobile Site
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
https://3.bp.blogspot.com/-LJpO68fj0UI/WjvU6ycVx8I/AAAAAAAAHOY/Bzm6cfQL0jgbN9JyYQQFppVzxToGHAwfQCLcBGAs/s320/how-to-remove-swipe-next-and-previous-from-blogger-mobile-site.png
https://3.bp.blogspot.com/-LJpO68fj0UI/WjvU6ycVx8I/AAAAAAAAHOY/Bzm6cfQL0jgbN9JyYQQFppVzxToGHAwfQCLcBGAs/s72-c/how-to-remove-swipe-next-and-previous-from-blogger-mobile-site.png
101Helper - Blogger tips,tricks,widgets,menus,seo,earn money
https://101helper.blogspot.com/2017/12/remove-swipe-next-and-previous-from-blogger-mobile.html
https://101helper.blogspot.com/
https://101helper.blogspot.com/
https://101helper.blogspot.com/2017/12/remove-swipe-next-and-previous-from-blogger-mobile.html
true
3767912102518445221
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago