Wordpress tarih özelleştirmesi

Sitemin anasayfasında tarihlerin başlık yanın böyle gözükmesini istiyorum;



Kare içine aldığım gibi nasıl yapabilirim? Birde başlığın altındaki Yazar | Katagoriler şeklinde nasıl yapabilirim?

Şuanki hali böyle sitemin;

Kare içerisine aldığınız tarih bölümünü CSS ile hazırlayabilirsiniz. Yazar ve Kategoriyi göstermek için de:

<?php the_author() ?>  | <?php the_category(',') ?>

CSS'den pek anlamıyorumda, biraz yardımcı olabilir misiniz?

Burada güzel bir anlatım ve hazır kodlar bulunuyor.

Orda resim ekle demiş resim yok, kodları eklediğimde ise olmadı başka bir kaynak varmı acaba

index.php:

<div class="post-date"><span class="post-month"><?php the_time('M') ?></span> <span class="post-day"><?php the_time('d') ?></span></div>

style.css:

.post {
	clear:both;
	padding-top: 15px;
}
.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/date-bg.gif) no-repeat;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}
.post-title {
	float: left;
	margin-left: 10px;
	width: 430px;
}

tarih