How to remove date and .html from Blogger post URL?

If you are trying to remove the date from the Blogger Post link, this post will be helpful for you. After removing the date from the blog post URL, it would look like:
Instead of:

The link without date looks a bit professional and also it is easy to remember the URL.

If you are looking for a way to remove date on your blog post 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 type="text/javascript">
    //<![CDATA[

    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>
     
    

7. Press Save theme after pasting.

You are not done yet. Now you need to setup a custom redirect for all the pages and posts in your blog. It is important because if you need to remove this trick from your blog, your visitors, those who have saved/ shared your new URL, they will get error i.e. "Page Not Found " while entering your URL, so it is compulsory to setup custom redirect for all your blogger pages and posts. 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



And:

1. From: /demo-post
2. To: /2019/07/demo-post.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 and post URL when you click View on the blogger pages/ post dashboard.
7. Click on New Redirect and add all pages and post you have in your blog.

This is only need to be done for: if you remove this trick from your blog in future, some of your visitors might have kept your new URL of your blog posts. When the script is removed, the visitors will be redirected to Page Not Found page when they enter the new url. This will affect in your blog traffic. So, skip it at your own risk.

Also, it will be difficult to set the custom redirectd if you have lots of post in your blog. So, if you want to add this script in your blog permanently, you don't need to set the custom redirects.

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 date form blog post URL make your URL shorter, good and also can be remembered easily. If you want to remove date and .html from your blog post URL, try it. But, doing this might affect on your blog SEO, so do at your own risk. This trick will also remove .html extension from your post pages and /p and .html from blog pages.