- Blogger yönetim panelimizden sol menüde Şablon yazısına tıklıyoruz.
- Gelen sayfa'da HTML'yi Düzenle yazısına tıklıyoruz
- Gelen kodlar arasında
CTRL + F tuşu ile arama ekranını açıyoruz. - ]]></b:skin> kodunu aratın ve hemen üstüne aşağıda ki stil kodlarını yapıştırın.
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#EC8D04;text-decoration:none;color: #fff;}
#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
Şimdi kodlarımızı ekledikten sonra sıra geldi javascript kodlarımızı eklemeye
- Tekrar Şablon kodları arasında bu sefer
- </body> tagını bulun ve üst satıra aşağıda ki kodları yazın.
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
/*<![CDATA[*/
var perPage=5;
var numPages=6;
var firstText ='İlk Sayfa';
var lastText ='Son Sayfa';
var prevText ='« Önceki';
var nextText ='Sonraki »';
var urlactivepage=location.href;
var home_page="/";
/*]]>*/
</script>
<script src="https://blogkaynagi-sayfa-numaralandirma.googlecode.com/svn/blogkaynagi-numaraland%C4%B1rma.js"/>
</b:if>
</b:if>
Kaynak: http://www.gokaydemirkiran.com/2014/11/blogger-sayfa-numaralandirma-pagenavi-eklentisi.html