If you're using Blogger to host your blog or website, you may have noticed that post URLs contain the date and month of publication by default. Unlike WordPress, there is no built-in option to remove these data elements from Blogger post URLs. However, with some manual adjustments, it is possible to create cleaner, more professional-looking post URLs.
When a post is published on Blogger, the default post URL includes the published date as part of the URL structure. This can make the URLs appear longer and less streamlined compared to WordPress post URLs. In contrast, WordPress offers the option to show or hide the date and month in post URLs, giving users more control over URL structure and aesthetics.
This code is designed to be used on a Blogger blog and is responsible for
removing dates from post URLs.
To use this code, you should add it to the HTML of your Blogger blog. Here's
how:
var urlTotal, nextPageToken, postsDatePrefix = false, accessOnly = false, useApiV3 = false, apiKey = "", blogId = "", postsOrPages = ["pages", "posts"], jsonIndex = 1, secondRequest = true, 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();
- Log in to your Blogger account and go to the "Theme" section.
- Click the "Edit HTML" button.
- Find the <head> section of your blog's HTML.
- Paste the code you provided above just before the </head> tag.
- Save your changes.
Once you have added this code to your blog, it should automatically remove
dates from post URLs.