Blogger sayfa numaralandırma eklentiside blogger kullanıcıları olarak çok aradığımız eklentilerden birisidir.Bu konuda kendini bloggeri geliştirmeye vermiş arkadaşlara da ayrıca teşekküür ediyorum.Sağolsun bu konu üzerinde çalışan arkadaşlar ellerinden gelenin en iyisini yapmaya çalışıyorlar ki blogger için sayfa numaralandırma eklentisi de gerçekten blogger için çok büyük bir eksikliği doldurmuş durumdadır.
1-Öncelikle blogger kumanda paneli=>Tasarım=>Html'yi Düzenle=>Widget kutusunu genişlet tıklıyoruz.
2- ctrl+f komutuyla " ]]></b:skin> " kodunu aratıyoruz.
3-Aşağıda vermiş olduğum kodu kopyalayarak ]]></b:skin> kodunun hemen altına yapıştırıyoruz.
Kod ve yerleşim Örneği
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:12px;
width:500px;
}
.showpageNum a,.showpage a {
background:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg.png') repeat-x;
border:1px solid #97a7af;
margin:0px 1px 0 1px;padding:3px 8px;
text-decoration:none;
color:#333;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
}
.showpageNum a:hover,.showpage a:hover {
background-image:url('http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg-sel.png');
border:1px solid #e4905a;color:#e4905a;text-decoration:none;
}
.showpageOf{
margin:0 8px 0 0;
}
.showpagePoint {
background:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg-sel.png') repeat-x;
margin:0 3px 0 3px;padding:3px 8px;
line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #e4905a;color:#333;text-decoration:none;font-weight:bold;
}
]]></b:skin>
Kod kutusunda yer alana ]]></b:skin> 'yi silmeyi unutmayın.
4.Yine ctrl+f komutuyla </body> kodunu buluyoruz.
5.Aşağıdaki kodu hemen bu kodun üstüne kopyalıyoruz.
Kod ve yerleşim Örneği
<script type='text/javascript'>;
var home_page='/';
var urlactivepage=location.href;
var postperpage=8;
var numshowpage=5;
var upPageWord ='Geri';
var downPageWord ='İleri';
</script>;
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'></script>
</body>
Bu koduda örnekte verdiğim gibi </body> kodunun hemen üzerine yapıştırıp kaydet diyoruz ve blogunuzda artık önceki ve sonraki kayıtlar yerine sayfa numaralandırmaları gözükküyor.
 |
| Blogger sayfa numaralandırma görüntüsü |
Açıklamalar
varpostperpage=8
Buradaki rakamı değiştirerek,her sayfada kaç tane yazı gösterilmesi gerektiğini belirleyebilirsiniz.
varnumshowpage=5
Burada yer alan 8 rakamı yerine istediğiniz rakam ile değiştirebilirsiniz.Bu değiştirdiğiniz rakam ile ileri ve geri yazısı arasında kaç tane rakam gözükeceğini belirlemektedir.Örneğin blogunuzda çok yazı bulunuyorsa bunu 10 yapabilirsiniz.Az yazı bulunuyorsa 5 veya 6 yapmanız yeterlidir.