CSS Blog Teması kodlarken

CSS Kodları

.butonlar {background: url(../images/butonlar.png);width: 590px;height: 30px;margin-left: 0px;border:1px solid #ccc;margin-top: -50px;clear: both}
.butonlar ul {list-style-type: none}
.butonlar ul li {float: left;margin-left: -90px;margin-top: -20px;padding: 5px 55px;padding-right: 50px}
.butonlar ul li a {text-decoration: none;color: black;}

Yardım eden arkadaşlara teşekkürler.

Onu listeleyerek yapamazsın. Yaparsın da her seferinde hepsine yeni liste başı resmi için yeni liste açman gerekecek. Bu yüzden listenin bir anlamı olmayacak.
Genelde; sayfa,kategori,son yazılar-başlıklar vb. yerlerde listeleme kullanılır.
"Kim yazdı,tarih,kategori,devamını gör" hepsi için ayrı ayrı class oluşturursan daha rahat çalışırsın.

Örnek olarak;

.yazarresim {
background-image:url(yazarikonu.gif);
background-repeat:no-repeat;
margin-left:10px;
}

.yazar{
margin-left:20px;
}

.tarihresim {
background-image:url(yazarikonu.gif);
background-repeat:no-repeat;
margin-left:10px;
}

.tarih{
margin-left:20px;
}

.kategoriresim {
background-image:url(yazarikonu.gif);
background-repeat:no-repeat;
margin-left:10px;
}

.kategori{
margin-left:20px;
}