REMOVE DATE HEADER FROM POSTS IN BLOGGER


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 alternative methods 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:

  • Click on your Blog Title.
  • Now move on to Layout.
  • Find Blog Posts element there and click on Edit link correspond to the element.
  • Tick off first option which shows date, under Post page Options.
  • Save the element.
  • 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:

  • Click on your Blog Title.
  • Jump to Template tab.

Note: Before editing your template, make a backup for your template.

  • Click on Edit HTML link.
  • Now click Proceed button to view Template Editor.
  • Make sure to tick on Expand Widget Templates.
  • Find below line in your template.
]]></b:skin>
  • Now add below line of code right before ]]></b:skin> line.
.date-header {display:none !important;}
  • Now Preview and Save your template.

Kindly Bookmark this Post using your favorite Bookmarking service:
Technorati Digg This Stumble Stumble Facebook Twitter

0 comments:

Click Here To add Comment

PAGE RANK

Page Rank
 

| USEFUL TRICKS- InVaDeR © 2012. All Rights Reserved | Template Style by Abhidinvader