Removing history from Blogger post URLs directly can be difficult because Blogger automatically generates post URLs based on your settings in the Blogger interface. Blogger does not provide a direct way to remove dates from post URLs using HTML code alone. However, you can follow a workaround to achieve this using custom redirects and JavaScript. Here's how you can do it:
Note
This method involves some complexity, and it's essential to back up your blog and proceed with caution.
1. Backup Your Blog:
- Before making any changes, it's crucial to back up your Blogger blog. This ensures you can restore your blog if anything goes wrong during the process.
2. Disable Automatic Permalinks:
- In your Blogger dashboard, go to "Settings" > "Search preferences."
- Under "Permalink," select "Custom" instead of "Automatic."
3. Customize the Post URL Format:
- Now, when you create new posts, you can manually customize the URL for each post by editing the "Permalink" field when composing or editing a post. Remove the date from the URL as you desire.
4. JavaScript Redirects:
- To redirect old URLs (those with dates) to the new URLs (without dates), you can use JavaScript. Here's an example of JavaScript code you can place in your Blogger template:
html
<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>
- To add this code to your Blogger template, go to your Blogger dashboard, then navigate to "Theme" > "Edit HTML." Insert the code within the `<head>` section of your template.
5. Test Your Blog:
- After implementing the JavaScript code, test your blog thoroughly. Ensure that old URLs with dates are redirected to the new URLs without dates.
Please be aware that this method doesn't truly remove the date from the Blogger post URLs; it redirects old URLs to new ones. It's a workaround to achieve a cleaner URL structure.
Additionally, keep in mind that implementing JavaScript redirects can have SEO implications, so it's crucial to monitor your blog's performance and make necessary adjustments as needed.
Comments
Post a Comment