Blogger Sayfa Numaralandırma Eklentisi

Blogger Sayfa Numaralandırma Eklentisi  
Blogger bloggunuza önceki sonra kayıtlar yerine, daha şık sayfa nubaralandırma eklemeye ne dersiniz? bloggunuzu güzel görünüm kazandırmak, acısında güzel bir eklenti, biliyorsunuz ki blogger temaları coğunda sayfa numaralandırma yokdur. önceki sonraki kayıtlar diye link vardır, hic hoş durmaya görünüm acısında estetik durmayan bu, görünümden kurtulmak isterseniz aşağıda göstercegim uygulamayı yapmanız yeterli olcak.

Blogger Sayfa Numaralandırma Eklentisi Blogguma Nasıl Uygularım? 

•  Blogger  sayfanızı acın. Kontrol Paneli>Tasarım>Htmlyi Düzenle yolunu izleyin. Ctrl+F yardımıyla </body> Kodunu bulun. buldugunuz </body>  kodu öncesi aşağıda verdigim kodu ekleyin kaydet diyip cıkın işlemimiz bitmişdir.

<style type="text/css">
    .showpageArea{padding:10px;color : #003366;text-align : left;width : 100%;}
    .showpage a {float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3e4xxIggl6rSjIJnhzQeUlRvd3xVNeydnc6Yntg1ONFo7M84T4_plr9fXlprWpSeUFj6IvAkxOauqLIwH3flJBR0PB32DVqxzSVZPAOON0BJLC1HEs3a9Vr5i0vL3V5-nA4R4peBd1oE6/) no-repeat 0 0;text-align : center;width : 127px;height : 42px;text-align : center;display : block;margin : 0 5px;color : #333;padding-top : 6px;}
    .showpage a:hover {color : #333;margin : 0 5px;padding-top : 6px;}
    .showpageOf{float:left;padding-top : 6px;}
    .showpageNum a {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFq4M6KCUSxJYs9P4pgMA6kcUqkd7lFPErFOMQZl1hk8h5bWgLBTaFvbDbLbEGnOD7K_229QLC3iXW1bVrl6hq6naY58MEZbAxiVSj28YvnSn1kLVbo2vdNk1KTZ6K3cNWuJHOecDtn3YM/) no-repeat 0 0;width : 37px;height : 42px;display : block;text-align : center;float : left;margin : 0 5px;padding-top : 6px;text-decoration : none;color : #333;}
    .showpageNum a:hover {background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFq4M6KCUSxJYs9P4pgMA6kcUqkd7lFPErFOMQZl1hk8h5bWgLBTaFvbDbLbEGnOD7K_229QLC3iXW1bVrl6hq6naY58MEZbAxiVSj28YvnSn1kLVbo2vdNk1KTZ6K3cNWuJHOecDtn3YM/) no-repeat 0 100%;color : #fff;}
    .showpagePoint {background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFq4M6KCUSxJYs9P4pgMA6kcUqkd7lFPErFOMQZl1hk8h5bWgLBTaFvbDbLbEGnOD7K_229QLC3iXW1bVrl6hq6naY58MEZbAxiVSj28YvnSn1kLVbo2vdNk1KTZ6K3cNWuJHOecDtn3YM/) no-repeat 0 100%;width : 37px;height : 42px;display : block;float : left;text-align : center;margin : 0 5px;padding-top : 6px;font-weight : bold;color : #fff;}
    .showpageNum a:link, .showpage a:link {text-decoration : none;color : #cc0000;}
</style>
<script style='text/javascript'>
var pageCount=5;
var displayPageNum=1;
var upPageWord="Önceki";
var downPageWord="Sonraki";
</script>
<script type='text/javascript' src="http://widgets.way2blogging.org/blogger-widgets/w2b-beautiful-pagenavi.js"/>

Tavsiye Etdigimiz Başka Eklenti.  
Blogger Önceki Sonraki Kayıtlar Yerine Resim Ekleme