Blogger Numaralı Sayfalama - Sayfa Gezinme


#blogger #bloggerpagenavi #bloggersayfalama

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.

Blogger Numaralı Sayfalama - Sayfa Gezinme Resimli Anlatım

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 "]]></b:skin>" 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 </body> 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.

<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=8;
          var numPages=4;
          var firstText ='İlk';
          var lastText ='Son';
          var prevText ='« Önceki';
          var nextText ='Sonraki »';
          var urlactivepage=location.href;
          var home_page="/";
          /*]]>*/
        </script>
  <script src='https://googledrive.com/host/0B4VfRbXrCEEITDZPdUlBdVRvejg'/>
      </b:if>

    </b:if>

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

Blog içeriklerinin temel paylaşım amacı o konuyu tartışmaya açmaktır. Sende fikirlerin ile konu hakkında katkıda bulun.
İfadeleri Gösterİfadeleri Gizle