Blogger Numaralı Sayfalama – Sayfa Gezinme

Ben blogumda kullanmayı pek tercih etmesemde konu listeleme sayfalarında numaralı sayfa gezinme seçenekleri bir çok blogger tarafından kullanılmakta. Durum böyle iken arayan arkadaşlara ve tabiki nasıl uygulanır diye merak eden arkadaşlara bloguma eklemek istedim.

Anlatıma geçmeden önce uygulama yerleşim kısmından değil HTML düzenleyici kısmından yapılmakta. Bu noktada işlem sırasını iyi takip edin ya da işlemlere başlamadan önce HTML editörünüzde yer alan kod satırlarını bir metin belgesine kopyalayın.

1. Blogger yönetim panelinize girin, sol menüden “Yerleşim” bağlantısına tıklayın ve açılan sayfada “HTML’yi Düzenle” butonuna tıklayın.

2. Açılan HTML editöründe CTRL+F yaparak “]]>” kodunu aratın.

3. bulduğunuz kodu satır başından ENTER yaparak üstünde bir boşluk satır açın ve aşağıdaki kodları bu alana ekleyin.

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 12px;padding: 5px 12px;margin-right:5px; color: #222; background-color:#eee; border: 1px solid #EEEEEE;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#E5E5E5;text-decoration:none;color: #222;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;} 

3.Ardından yine CTRL+F yaparak  kodunu aratın.

4. Ardından yine bulduğunuz kodun satır başına tıklayarak ENTER yapın ve boş bir satır açarak aşağıdaki kodları bu alana yapıştırın.


   
       
          /*<![CDATA[*/
          var perPage=8;
          var numPages=4;
          var firstText =’İlk’;
          var lastText =’Son’;
          var prevText =’« Önceki’;
          var nextText =’Sonraki »’;
          var urlactivepage=location.href;
          var home_page=”/”;
          /*]]>*/
       
 
     

ilgili konu  Linkedin, Oluşturucu Moduna Yeni ve İyileştirilmiş Araçlar Ekliyor

   

5. Son olarak sayfanın sağ üst kısmında yer alan kaydet butonuna tıklayın ve numaralı sayfalama özelliğiniz hazır. iyi günlerde kullanın.

Not: Aşağıda yer alan değerleri kullanım şeklinize göre değiştirebilirsiniz:

var perPage=8; =>Sayfa başı toplam listelenecek konu

var numPages=4; >Listelenecek sayfa sayısı

var firstText =’İlk’; => ilk sayfa değeri

var lastText =’Son’; => Son sayfa değeri

var prevText =’« Önceki’; => Önceki sayfa değeri

var nextText =’Sonraki »’;  =>sonraki sayfa değeri