Modifying your Date-Header

The Date Header is something that appears right above each post.Depending on the template chosen..the date-headers will be dispalyed in a certain font-size-color.
However its possible to give an entirely different look to your date header

  1. SAVE AND BACK UP YOUR TEMPLATE
  2. Locate……
    <Variable name=”dateheadercolor” description=”Date Header Color” type=”color” default=”#4F5052″>

    This determines the color in which the date header is displayed.You can Give the color of your choice by modifying the default=”#4F5052″.In order to know the Hexadecimal Value of the color that you would like to use..refer to
    Hexa-decimal Color chart
  3. Locate……
    .date-header {
    margin: 0 0 0 0;
    margin-right: 10px;
    margin-left:10px;
    border-bottom: 1px solid #942d08;
    text-decoration: none;
    font-family: Georgia, “Times New Roman”, serif;
    color: #940f04;
    font-size: 11px;
    text-align: right;
    }
  4. Here you may modify the font-family , font-size , color ie..The Color in which you want the date to appear ..eg:-My date header appears in maroon color
  5. Perform the required changes
  6. Save and View

Hope you were able to follow the instructions and arrive at the look you always wanted for your blog.Drop in your comments to let us know how you feel after making these changes.And..dont forget to backlink to this post so that you may guide a fellow blogger who would like to have the same changes made.

6 Replies to “Modifying your Date-Header”

  1. Ok,how to make them to show in Tamil?Do we need to write any script to link to English date?
    Thanks

  2. Welcome Kumar
    ////////////////
    how to make them to show in Tamil?
    /////////////////
    By this do you want the dates to be shown in tamil like 09-ஜனவரி-2006..Honestly this thought never occured to me.. however its possible to add a small text in Tamil before/after each post in the date header like
    இந்த பதிவு –what ever date format u are using– அன்று போடபட்டது

    Eg:-இந்த பதிவு 09-Jan-2006 அன்று போடபட்டது by adding the tamil words
    இந்த பதிவு <data:post.dateHeader/> அன்று போடபட்டது

    Hope this helps

  3. Deepa: I changed my font color to the sidebar section. Take a look at it and tell me if it looks fine.

    Also I want to change the font color of readers name in recent comments at sidebar.

    Sorry about posting ther.

  4. Looks great priya/…
    The readers names act as links.. so u have to change

    #sidebartop a
    {color: #ffffff;}
    #sidebartop a:hover
    {color: #dddddd;}
    #sidebartop a:visited
    {color: #dddddd;}

    a–standar view of the link
    a:hover–appearence when the mouse is placed over the link
    a:visited..appearence after the user has clicked that link.

    So just experiment with colors

Leave a Reply

Your email address will not be published. Required fields are marked *