Web Analytics
TUTORIAL - How to set Blogger (Blogspot) Permalink Url like WordPress - StoreFront Forums

TUTORIAL How to set Blogger (Blogspot) Permalink Url like WordPress

Donaspen

Member
CSS Stylist
Sep 14, 2021
55
39
18
With this simple tutorial step, you can easily change your Blogspot permalink url to be displaying like WordPress own.

Everybody knows blogspot permalink url always comes with .html, with this tutorial your url with be displaying just like WordPress own with the stopping html quote i.e no more .html.

With the help of the below code being added into your template.

Click Me to Download the Full Code (PDF)

<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="&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>


1. Login to your Blogspot
2. Copy the above code
3. In your Blogger dashboard locate theme and click on Edit html
4. Paste the above copied code after <head>
5. The above code should be pasted right after <head> and not after </head> just like the screenshot attached to this Post.

NOTE: Incase you change your Blogspot template tou will have to add the code again. Thanks.

You can drop your comment if you don't understand.

Demo Link

DEMO LINK
 

Attachments

  • Screenshot_20211201-015713.png
    Screenshot_20211201-015713.png
    286.5 KB · Views: 77
  • 6ej5r-justpasteit.pdf
    34.4 KB · Views: 75
AdBlock Detected

We get it, advertisements are annoying!

Sure, ad-blocking software does a great job at blocking ads, but it also blocks useful features of our website. For the best site experience please disable your AdBlocker.

I've Disabled AdBlock    No Thanks