Free Download: Date Icons and images For Your Blog

You can download below date icons for yor blog. This will give a new look to your blog.

You can match one of below date icon from the below list. If you can’t find suitable color Icon ,you can request it. It’s free !! .

If you have wordpress blog , here are the steps to setup new date icon.

Fist Download any icon from above and rename the file as dicon.gif.

upload it to below location of your server.

images/dateicons/

Adding script to Stylesheet.css

Login to yous wordpress Admin panel and go to

Presentation => Theme Editor and select Style.css from the left side

Add this code at the end of the css

.to_day {
display:block;
text-align: center;
float:left;
font-family: Arial, Helvetica, sans-serif;
background: url(’/images/dicon.gif’) no-repeat;
width: 64px; height: 69px; padding: 5px 7px 0 3px; margin: 0 12px 5px 0;
}

.day_m {
display:block;
font-size: .9em;
margin:0;
padding:0;
font-weight: bold;
text-align:center;
}

.day_d {
display:block;
font-size:1.4em;
margin:0;
padding:0.7em 0 1.3em 0;
text-align: center;
}

After that click Update File Button.

After you’ve added the code above, click on “Main Index Template” in your theme editor and find a line containing the following partial code:

<a href=”<?php the_permalink() ?>

You are going to add this above that line:

<div class=”to_day”>
<div class=”day_m”><?php the_time(’F’) ?></div>
<div class=”day_d”><?php the_time(’jS’) ?></div>
</div>
Now you can comment or delete below default date display script block

<small><?php the_time(’F jS, Y’) ?> < by <?php the_author() ?> </small>

Now view your page and enjoy.

Here is a sample implementation