Blogcu.com için Sayfa Navigasyonu - Page Navigation

Temanızdaki

</style>

kodundan önce

/* ~ Pagination  ~ */
#pagination{clear:both;padding:15px;text-align:center;font-size:12px;font-weight:bold;color:#999;margin:10px auto 10px auto;}
#pagination li{margin:0 1px 0 1px;display:inline;list-style-type:none;}
#pagination li a{padding:5px 7px 5px 7px;color:#353535;border:1px solid #CCC;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#pagination li a:hover{text-decoration:none;padding:5px 7px 5px 7px;color:#464646;border:1px solid #464646;background:#ededed;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#pagination .active a{background:#464646;color:#FFF;border:1px solid #353535;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#pagination .extreme a{border:0;color:#555;font-size:14px;}
#pagination .extreme a:hover{border:0;color:#353535;font-size:14px;background:#FFF;}
#pagination .active a:hover{background:#464646;color:#FFF;border:1px solid #353535;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#pagination .inactive{color:#CCC;padding:5px 7px 5px 7px;border:1px solid #EEE;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}

kodunu yapıştırın. Ardından temanızda;

<IfPages>
<p class="content-nav">
<-  <LaterLink>Son Sayfa</LaterLink> :: <EarlierLink>Sonraki Sayfa</EarlierLink>  -></p>
</IfPages>

bu şekilde bir kod olacak(Şimdi ekleyeceğiniz kodu:Üstteki koddan şablonda iki adet bulunmaktadır.Sadece 1.ye bu kod sistemini uygulayın)

bu kodu

<IfPages>
<div id="pagination">
<ul>

<li class="inactive"><LaterLink>« Önceki</LaterLink></li>
<li><a href="<%MainPageURL%>">1</a></li>
<li><a href="<%MainPageURL%>page2/">2</a></li>
<li><a href="<%MainPageURL%>page3/">3</a></li>
<li><a href="<%MainPageURL%>page4/">4</a>
<li><a href="<%MainPageURL%>page5/">5</a>
</li><li><EarlierLink>Sonraki »</EarlierLink></a></li>
</ul>
</div>
</IfPages>

ile değiştiriniz.Ardından değişikleri kaydedip çıkabiliriz.Ha unutmadan sayfaları istediğimiz kadar arttırabiliriz.

Dipnot: Bu Yazı TrTekno tarafından hazırlanmıştır. Blogcu.com için hazırlanmış olan Page Navigation özelliği tamamen bu kişiye aittir. Kendisine Teşekkürü bir borç biliriz :)