blog ana sayfa numaralandırma

<style>
body {
    font-size: 100%;
    color: #333;
    background: #FFF;
    font-family: Arial, Helvetica, sans-serif;
}
#sayfalar {
    padding: 3px;
}
#sayfalar ul {
    list-style-type: none;
}
#sayfalar li {
    float: left;
    display: inline;
    margin: 0 5px 0 0;
    display: block;
}
#sayfalar li a {
    color: #88af3f;
    padding: 4px;
    border: 1px solid #ddd;
    text-decoration: none;
    float: left;
}
#sayfalar li a:hover {
    color: #638425;
    background: #f1ffd6;
    border: 1px solid #85bd1e;
}
#sayfalar li.linksiz {
    color: #CCC;
    border: 1px solid #F3F3F3;
    padding: 4px;
}
#sayfalar li.aktif {
    color: #FFF;
    border: 1px solid #b2e05d;
    padding: 4px;
    background: #b2e05d;
}
 
</style>

<div id="sayfalar">
    <ul>
        <li class="linksiz"> « Önceki Sayfa</li>
        <li class="aktif">1</li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#">6</a></li>
        <li><a href="#">7</a></li>
        <li><a href="#">8</a></li>
        <li><a href="#">9</a></li>
        <li><a href="#">10</a></li>
        <li><a href="#">Sonraki Sayfa  »</a></li>
    </ul>
</div>

//m-e-r-a-k
<div id="icerik" style="border:1px solid #000000">&nbsp;</div>
<div id="sayfalar" style="border:1px solid #000000">Sayfalar = </div>
<script>
var metin = "deneme1 <!--bol-->deneme2 <!--bol-->deneme3 <!--bol-->deneme4"
var bolum = ""

function bol(metin) {
   bolum = metin.split("<!--bol-->")
   
   for(i=0;i<bolum.length;i++) {
      document.getElementById("sayfalar").innerHTML += "<a href=\"javascript:\" onclick=\"sayfaGoster("+(i)+")\">"+(i+1)+"</a> "
   }
}

function sayfaGoster(syf) {
   document.getElementById("icerik").innerHTML = bolum[syf]
}
bol(metin)
sayfaGoster(1)
</script>