How to remove /p and .html from Blogger Page Url?

If you are looking for a guide on how to remove the /p from the Blogger Page Permalink, this post will be helpful for you. After removing the /p/ from the blog page URL, it would look like:
Instead of:

The link without /p looks a bit professional and also it is easy to remember the URL.
Take an example:
https://blog.com/p/contact.html
And:
https://blog.com/contact

Which one looks better? Absolutely the second one. After applying this trick, you can get your blogger page URL like the second one.

If you are looking for a way to remove /p on your blog page URL, you can easily do it. No matter what template you are using, it is not affected by what template you use.

For that, you need to follow the couple of steps:

1. Open your Blogger Dashboard.
2. Click on Theme.
3. Before doing this, make sure to download a backup of your template. If any error occur on your template in the future, you need to restore the template backup. To download your Template:
   1. Click on Backup & Restore.
   2. Click on Download theme.
4. After downloading template, click on Edit HTML to edit your template.
5. Click anywhere inside the code and type CTRL + F on the Keyboard.
6. Search for </head> and paste the code just above the </head>

     
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'/>
<script type='text/javascript'>
// -1) {
                e.preventDefault();
                $("#PageList1 li").removeClass('selected');
                $(this).parent().addClass('selected');
                var b = url.replace(/\/p/, "").replace(/.html/, "");
                $("#main").load(url + ' .date-outer');
                window.history.pushState('object', '', b);
                return false;
            };
        });
        if (window.location.href.indexOf("/p/") > -1) {
            var url = window.location.pathname;
            var b = url.replace(/\/p/, "").replace(/.html/, "");
            window.history.pushState('object', '', b);
        };
        $(window).bind("popstate", function() {
            var link = location.pathname.replace(/^.*[\\/]/, "");
            $("#main").load(link + ' .date-outer');
            $("#PageList1 li").removeClass('selected');
    });
});
//]]>
</script>

    

7. Press Save theme after pasting.

You are not done yet. Now you need to setup a custom redirect for all the pages in your blogger. It is very important step. Skipping this step will cause error i.e. Page Not Found while you reload your page, so it is compulsory to setup custom redirect for all your blogger pages. To setup a custom redirect, follow these steps:

1. Open your Blogger Dashboard.
2. Click on Settings.
3. Click on Search preferences.
4. Click on Custom Redirects.
5. Enter the info like shown below:
1. From: /demo-page
2. To: /p/demo-page.html
3. Permanent: Yes

6. You don't need to enter your full blog url. Only enter after .com. You can get your blogger page URL when you click View on the blogger pages dashboard.
7. Click on New Redirect and add all pages you have in your blog.

After doing all this, you are all done. This trick should work 100%. If it is not working on your blog, make sure you had done it correctly.

This trick will stop working if you change your Blogger Theme. If you need to change your Blogger Theme, you need to add this script again on your Blogger Theme.

Conclusion:

Removing the /p form blog page URL make your URL shorter, professional and also can be remembered easily. If you want to remove /p and .html from your blog post URL, try it.