Все просто, мы уложимся в три шага.
1) Во всех шаблонах где производиться вывод даты вставим следующий код

	<div class="PostTime">
		<div class="day"><?php the_time('j') ?></div>
		<div class="month"><?php the_time('M') ?></div>
		<div class="year"><?php the_time('Y') ?></div>
	</div>

• class=»PostTime» – класс служит для оформление бокса даты
• class=»day» – класс служит для оформление дня даты
• class=»month» – класс служит для оформление месяца даты
• class=»year» – класс служит для оформление года даты

• <?php the_time(‘j’) ?> – выводит день (в числовом формате)
• <?php the_time(‘M’) ?> – выводит месяц первые три буквы (если хотите чтобы полностью писал месяц замените букву M на F)
• <?php the_time(‘Y’) ?> – выводит год (в числовом формате)

2) Подготавливаем бэграунд картинку, у меня вот такая

3) И пишем css правила для файла style.css

.PostTime {
      padding: 0px;
      margin: 0px;
      background: url(images/PostTimeBkg.gif) no-repeat;
      height: 71px;
      width: 67px;
      text-align: center;
      color:#fff;
}
.PostTime div {
      display: block;
      line-height: 9px;
      font-family: 'Verdana';
}
.PostTime .day {
      font-size: 16px;
      line-height: 18px;
      letter-spacing: -1px;
      padding-top: 20px;
      font-family: 'Arial';
}
.PostTime .month {
      font-size: 10px;
      text-transform: lowercase;
}
.PostTime .year {
      padding-top: 7px;
      font-weight: normal;
}

Этот пример я взял с моего style.css файла, для вашего оформление наверное прийдеться немного его подправить.

Условный комментарий выглядит следующим образом:

<!--[if IE]> Специальные инструкции для IE здесь. <![endif]-->

Структура похожа на обычный комментарий в HTML, поэтому остальные браузеры будут воспринимать его как обычный комментарий. Explorer распознает специальный синтаксис
<!–[if IE]>, решает условие if и парсит содержимое условного комментария так, как если бы это было содержание нормальной страницы. Условные комментарии используют синтаксис HTML комментариев, поэтому они могут быть включены только в HTML страницу. Удобно бывает сделать отдельные стили для IE и вставить тег link в условный комментарий.

Ниже написаны несколько условных комментариев, которые показывают версию Internet Explorer, которую вы используете.

<!--[if IE]> Инструкции для Internet Explorer <![endif]-->
<!--[if IE 5]> Инструкции для IE 5 <![endif]-->
<!--[if IE 5.0]> Инструкции для IE 5.0 <![endif]-->
<!--[if IE 5.5]> Инструкции для IE 5.5 <![endif]-->
<!--[if IE 6]> Инструкции для IE 6 <![endif]-->
<!--[if IE 7]> Инструкции для IE 7 <![endif]-->

В условных комментариях можно использовать операторы, с помощью которых можно задать более комплексное условие. В таблице ниже приведены все операторы.

И несколько примеров:

<!--[if ! IE 5]> Инструкции для  IE 5.5, 6 или 7 <![endif]-->
<!--[if gt IE 5.0]> Инструкции для IE 5.5, 6 или 7 <![endif]-->
<!--[if lte IE 5.5]> Инструкции для IE 5.0 или 5.5 <![endif]-->
<!--[if gte IE 6]> Инструкции для IE 6 или 7 <![endif]-->
<!--[if lt IE 7]> Инструкции для IE 5.0, 5.5 или 6 <![endif]-->

P.S. Материал взять от сюда, просто надоело каждый раз искать, вот и решил сохранить у себя на блоге . Спасибо автору статьи.