Hello everyone! Welcome to a new post. In this today's post I will talk that how can you remove .html extension from blogger post and page url. I know everyone hates it including me. That's why I thought to remove this, but while I'm researching about this on internet I found some unexpected answers. So I decided to share knowledge with everyone about this with all information so that you decide that you should use this or not. Don't worry I'll clear all the confusion so that you can take a right decision about this yourself.
|
| How To Remove .html Extension From Blogger Posts URL? |
First of all we have to know that what is .html extension, should we remove this and pros and cons of removing .html extension. Then we will move to the next step and learn to remove .html extension from your blogger post and page url within few minutes, just by following simple steps.
What Is .html Extension?
The .html extension signifies that the file is an HTML document. While it’s technically correct, it’s unnecessary for modern web browsing and often considered outdated. In Blogger this is added in the end of post and page url that looks unprofessional and outdated and because of that now everyone doesn't like this. But there is no right way to remove it officially.
Should I Remove .html Extension From Blogger?
No, Because there is not any official way to remove this and because of that you may get some error in future. So before doing this think again and again so that you can take right decision. Also if you're applying then be ready for tackle the situation. Even official support team of blogger doesn't recommend to use this and me too but still you want to remove then follow the below given steps carefully.
How To Remove .html Extension From Blogger URL?
Follow below given steps carefully to do it easily. Your one mistake can create a big problem in your website or template so please do it carefully.
Warning: I will never recommend anyone to use this, because this can create issue with your blog in future. So before applying this must know about this pros and cons that I have mentioned above. Also take a backup of your template so that you can easily restore it if you do any mistake.
- Step 1 : double tap to copy the below given code (javascript).
<script type='text/javascript'>
//<![CDATA[
// BloggerJS v0.3.1
// Copyright (c) 2017-2018 Kenny Cruz
// Licensed under the MIT License
var urlTotal,nextPageToken,postsDatePrefix=!1,accessOnly=!1,useApiV3=!1,apiKey="",blogId="",postsOrPages=["pages","posts"],jsonIndex=1,secondRequest=!0,feedPriority=0,amp="&"[0];function urlVal(){var e=window.location.pathname,t=e.length;return".html"===e.substring(t-5)?0:t>1?1:2}function urlMod(){var e=window.location.pathname;"p"===e.substring(1,2)?(e=(e=e.substring(e.indexOf("/",1)+1)).substr(0,e.indexOf(".html")),history.replaceState(null,null,"../"+e)):(e=(e=postsDatePrefix?e.substring(1):e.substring(e.indexOf("/",7)+1)).substr(0,e.indexOf(".html")),history.replaceState(null,null,"../../"+e))}function urlSearch(e,t){var n=e+".html";t.forEach(function(e){-1!==e.search(n)&&(window.location=e)})}function urlManager(){var e=urlVal();0===e?accessOnly||urlMod():1===e?getJSON(postsOrPages[feedPriority],1):2===e&&(accessOnly||history.replaceState(null,null,"/"))}function getJSON(e,t){var n=document.createElement("script");if(useApiV3){var o="https://www.googleapis.com/blogger/v3/blogs/"+blogId+"/"+e+"?key="+apiKey+"#maxResults=500#fields=nextPageToken%2Citems(url)#callback=bloggerJSON";nextPageToken&&(o+="#pageToken="+nextPageToken),nextPageToken=void 0}else o=window.location.protocol+"//"+window.location.hostname+"/feeds/"+e+"/default?start-index="+t+"#max-results=150#orderby=published#alt=json-in-script#callback=bloggerJSON";o=o.replace(/#/g,amp),n.type="text/javascript",n.src=o,document.getElementsByTagName("head")[0].appendChild(n)}function bloggerJSON(e){var t=[];if(useApiV3||void 0===urlTotal&&(urlTotal=parseInt(e.feed.openSearch$totalResults.$t)),useApiV3){try{e.items.forEach(function(e,n){t.push(e.url)})}catch(e){}nextPageToken=e.nextPageToken}else try{e.feed.entry.forEach(function(n,o){var r=e.feed.entry[o];r.link.forEach(function(e,n){"alternate"===r.link[n].rel&&t.push(r.link[n].href)})})}catch(e){}urlSearch(window.location.pathname,t),urlTotal>150?(jsonIndex+=150,urlTotal-=150,getJSON(postsOrPages[feedPriority],jsonIndex)):nextPageToken?getJSON(postsOrPages[feedPriority]):secondRequest&&(nextPageToken=void 0,urlTotal=void 0,jsonIndex=1,secondRequest=!1,0===feedPriority?(feedPriority=1,getJSON("posts",1)):1===feedPriority&&(feedPriority=0,getJSON("pages",1)))}function bloggerJS(e){e&&(feedPriority=e),urlManager()}bloggerJS();
//]]>
</script>
- Step 2 : Go to your blogger dashboard.
- Step 3 : Click on menu and theme.
- Step 4 : Now click on down arrow icon and edit html.
- Step 5 : Now find the
</body>or</body>tag in html. - Step 6 : Now paste the code just above the closing body tag and click on save button.
Conrats! you have successfully removed the .html extension from your blogger posts and pages url. You can check now by opening any posts or pages in your browser. If it's not working, I'm sure you have done any mistake. You can remove the added code or restore the earlier backup template and following the steps again.
Related Posts
Conclusion : In this post, I have shared about removing the .html extension from blogger posts and pages url with detailed information. We hope you enjoyed reading our post and found it helpful. If you have any other question or need any help just comment below I will reply as soon as possible.