Header Ads

Breaking News
recent

Blogger sayfa numaralandırma eklentisi

Öncelikle sırasıyla yapmamız gerekenler şunlar

  • 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 != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<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>

Not: Ayarlar --> Yayınlar ve Yorumlar --> Kayıtlar > En fazla şu kadar göster: 5 yapın. 

Kaynak:  http://www.gokaydemirkiran.com/2014/11/blogger-sayfa-numaralandirma-pagenavi-eklentisi.html
Blogger tarafından desteklenmektedir.