Remove Date From Blogger URL


Is your blog hosted on Blogger?

Well, Blogger is a free platform from Google for hosting your blog or website.

This is one of the best places where you can start your first blog for free. However, there are some restrictions on the customization of your blog as it is a free service.

If you create a post here, the date and .html will be automatically added to the blog post URL. You cannot remove the date and .html from the post URL through the settings.

So, in this tutorial, I’ll show you how to remove the date from the Blogger URL in a few quick steps.

before removing date from URL

See the image above. There is date and .html is present in the Blogger post URL.
At the end of the tutorial, We’ll remove the date and .html from the Blogger URL and make them look like WordPress URLs. 

Why do we need to remove the date from the Blogger Post URL?

Advantages : 

  • It’s better for SEO since Google can’t read the publish date.
  • Your blog post URLs will be shortened which is also important to SEO.
  • The URLs of your blog posts will look like WordPress URLs. The visitors will not be able to find out whether it is hosted on Blogger or WordPress.
  • It will help for better ranking in search engines.

Disadvantages : 

  • It might slow down your website speed.
  • If your blog is well-established, you should not change your URL type. If you do so, you will need to create a redirect for all your URLs. Otherwise, the URLs will be removed from Google Webmaster Tools.

Related Article : 


How to Remove Date from Blogger URL Step by Step

Now I will show you, How to Remove Date from Blogger URL with 3 simple and quick steps. 

So, let’s jump into it.

Step 1

Log in to your Blogger Dashboard. Go to the Theme section and click the Edit HTML option.

Theme section

Note : Before starting step no2, copy your theme code from the Edit HTML Section and paste it on the notepad and save it. If any error occurred during the whole process, you can easily recover your website by pasting the saved code.

Step 2

Click on the HTML box and look for the Heading Tag

Heading Tag in HTML box

If you could not find the Heading Tag then press Ctrl+F (Windows user). If you are a Mac user then press Command+F. A short dialogue box will open at the top right corner of the HTML box. There you need to type “Head” and press enter. It will show you every “head” word present in the HTML box.  

Finding Heading tag

Step 3

After finding the Heading Tag you need to add a code just after the Heading Tag. You can copy the code from the below section. 

<script type="text/javascript">
// BloggerJS v0.3.1
// Copyright (c) 2020 Indranil Paul
// 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!})}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=""+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];,n){"alternate"[n].rel&&t.push([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();

After pasting the code click on save theme. 


If any error occurred while saving the theme remove the code or you can press Ctrl+Z to undo the code and save the theme as it was before. After that redo step no 3.

After successfully saving the theme you will get your result. 

after removal of date - Remove date from blogger URL


If you have any questions regarding this tutorial, you can ask me in the comment section.
If you love the tutorial please do share. 



  1. Hi
    It’s working for me. I’m able to remove date and html extension in post URL.
    But Permalink still has both date and html extension.
    Can you please explain me how to remove date and html extension from permalink.

    • Thanks for your concern. You will not be able to remove the date and HTML extension from Blogger Permalink in any way. The only way is to shift your website to any CMS system.

  2. Hello Bro, this strategy is working, but after implementing it, when I publish the next post, the date is not showing in the URL, but when I refresh the post, then appears 404 Error for short time. After which that article appears. You have any solution to this problem.


Please enter your comment!
Please enter your name here