On the Blogger platform, you may have seen a header line with date above the posts on homepage. It's the date header and the posts published on that particular day will list under that date header. If you don't seems to like the way it is, you would try changing date header format with available options. You may satisfied by changing date format. But if not, you may prefer to show publication date with each of your posts or planning to show it anywhere else suitable for your blog theme or design. Therefore you would like to hide date headers from your blog as you are working on an alternative. Are you desperate to know that how to get rid of those date headers?
There are 2 methodologies for removing date header and select one of it as per your requirement.
Basic Method
If you are looking for just to hide date header from your page, follow this. Blogger offers this officially as an option for Blogger users.
Steps:
i. Go to Blogger Dashboard.
ii. Click on your Blog Title.
iii. Now move on to Layout.
iv. Find Blog Posts element there and click on Edit link correspond to the element.
v. Tick off first option which shows date, under Post page Options.
vi. Save the element.
vii. Now click Save arrangement button and Preview your blog.
Advanced Method
This will be useful if you need to remove date header and acquired space above post title. if you are planning to display post published date somewhere else in your page.
Steps:
i. Go to Blogger Dashboard.
ii. Click on your Blog Title.
iii. Jump to Template tab.
Note: Before editing your template, you may want to save a copy of it. Read How to Back Up Your Template.
iv. Click on Customize button.
v. Now you will be directed to Template Designer. Jump to Advanced.
vi. On the next pane, click on Add CSS tab.
vii. Now add following CSS style code snippet in the text area you find on the right pane.
viii. Click Apply to Blog button to make changes.
Enjoy :-)
iv. Click on Customize button.
v. Now you will be directed to Template Designer. Jump to Advanced.
vi. On the next pane, click on Add CSS tab.
vii. Now add following CSS style code snippet in the text area you find on the right pane.
.date-header {display :none !important;}
viii. Click Apply to Blog button to make changes.
Enjoy :-)
