Creating an article on how to remove the date from a Blogger post URL is a great idea! Here’s an outline to get you started:
How to remove the date from a Blogger post URL.
Introduction
Briefly explain why removing dates from a Blogger post URL can be beneficial, such as cleaner links, better SEO, and better readability.
Step-by-step guide
Back up your blog
Explain the importance of backing up your blog before making any changes.
Provide a short tutorial on how to back up a Blogger blog.
Access your Blogger theme.
Guide users on how to navigate the Blogger dashboard.
Explain how to get to the HTML editor in the theme customization section.
Edit the URL code.
Show users how to find the <data:post.url/> code.
Explain how to change it to <data:post.permalink/>.
Save the changes and update the redirect.
Highlight the importance of saving the changes.
Provide instructions for setting up custom redirects to avoid broken links.
Update internal links.
Guide users to update the internal links in their blog posts to reflect the new URL structure.
Notify search engines.
Explain the process of submitting an updated sitemap to search engines for reindexing.
Conclusion
Summarize the benefits of having a data-free URL.
Encourage users to make these changes carefully and provide a contact option for further assistance.
Additional tips
Include some tips on how to ensure the blog remains SEO-friendly after the change.
Suggest using web analytics to monitor traffic changes after implementing the new URLs.
How To Add HTML On Blogger.
Step-1: Open add or edit post page in Blogger.
Step-2: Change post editor mode to “HTML view” from editor toolbar.
Step-3: Add your HTML code in post.
Step-4: For more understanding, following image given which shows editor tool icons and post editor mode options.
How To Add JavaScript On Blogger.
Step-1: Login to blogger.com and visit the dashboard of your blog.
Step-2: Now, click on template menu from the left sidebar.
Step-3: From template window, click on Edit HTML.
Step-4: Finally, you have to decide where the JavaScript codes should be inserted.
In maximum cases JavaScript codes works fine by adding it within <head> </head> tag.
Similarly, if any JavaScript code is necessary for article/post pages then you may insert the script codes within conditional tag as shown below and paste the whole codes just above/before closing </head> tag.
<b:if con='data:blog.pageType == "item"'>
Paste Your JavaScript Here for post page
</b:if>
If you are using third party JavaScript codes then make sure you have copied entire codes properly. Most of cases I found that they miss either the opening <scripttype='text/javascript'> tag or the closing </script> end-tag or both. As a result of which your all codes will appear on live webpage and shall not work properly.
How To Add CSS On Blogger.
Step-1: Login to blogger.com and visit the dashboard of your blog.
Step-2: Now, click on template menu from the left sidebar.
Step-3: From template window, click on Edit HTML.
Step-4: Finally, you have to decide where the CSS codes should be inserted.
1- Press CTRL+F and search for ]]></b:skin>. Then paste your CSS code above the tag.
2- Click Save to add the code.
3- Check your blog for the change.JAVASCRIPT CODE
<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>The social media widget is now fully built and working correctly if you follow all the steps correctly. If you have questions or steps that you do not understand, please write down the questions and concerns in the comment column below.
Post a Comment
Post a Comment