Blogger Numaralı Sayfa Gezinme Page Navigation Eklentisi



Blogger sayfa gezinme “Page Navigation” eklenti kodları ile, blog ana sayfanızdan diğer sayfalara geçişte ziyaretçilerinize daha çok makale okuma imkanı tanıyın. Herkesin bildiği gibi blogger'un varsayılan şablon eklentisi olan “Önceki sayfalar”, “Sonraki sayfalar”, artık demode oldu. Sayfalar arasında gezinme ile ilgili eklentiler teknolojiyi yakalarken maasef, Blogger eski yapılandırmada kalmayı seçiyor. Blogger’un en büyük eksikliklerinden biri olan, Menü gezinme çubuğu, Kategoriler, Sayfa navigosyonu, gibi gadgetlerdir. Menü çubuğu dahi statik “Hakkında, Hakkımızda, İletişim, Forum”, gibi sayfalardan ibarettir.

Bizlerin hazırladığı açılır menü çubuğunda bulunan, search/label/Etiketiniz, etiketleme grubu site haritası tarafından engellendiğinden olsa gerek menü çubuğu da diğerleri gibi yapılmıyor. Umarım bu düşünce tarzına bekte umutlu değilim ama zaman içinde değişir. 

Düşünün! Adsense için başvurdunuz ve kabul edilmeme sebeplerinden biri olan şu cevapla karşılaştınız, “Okuyucularınızın diğer sayfaları görebileceği bir gezinme çubuğu ekleyin”. 

Blogger’un varsayılan gezinme çubuğu ile hangi okuyucu “Hakkında, Hakkımızda, İletişim, Forum”, sayfalarına bakar ve gezinir ki! İşin komik ve ilginç olan tarafı da budur. Birbirine tezat düşünceler. Şimdi bende bu yazımdan sonra Blogger sayfa gezinme “page Navigation” eklentisini kullanacağım beraberce yapılandırarak kullanmaya başlayalım.

Önemli not : İşleme başlamadan önce blogunuzun mutlaka bir yedeğini alın.

Blogger sayfa gezinme “Page Navigation” eklenti kodları ile, blog ana sayfanızdan diğer sayfalara geçişte ziyaretçilerinize daha çok makale okuma imkanı tanıyın.

Blogger sayfalama numarasını CSS ve Komut olmak üzere iki adımda ekleyeceğiz.

Page Navigation için CSS kodlarının eklenmesi :

1. Blogger kumanda paneline giriş yapın.

2. Blogunuzu açın, ŞablonHTML düzenleme alnını açık konuma getirin.


3. Aşağıdaki etiketi ( CTRL + F ) ile aratın.

]]></b:skin>

4. Aşağıda verilen CSS kodlarını kopyalayın ve bulduğunuz etiketin hemen üstüne yapıştırıp kaydedin.


CSS kodları :


#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;} 
5. Aşağıdaki etiketi ( CTRL + F ) ile aratın.

</body>

6. Bulduğunuz bu etiketin üstüne aşağıda verilen Komut dosyalarını yapıştırın.


Komut dosya kodları :
 
<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>

7. Aşağıdaki isimleri dilediğinizle değiştirin. Not: Tırnaklar bozulmasın.

var perPage=8;

var numPages=4;

var firstText ='İlk';

var lastText ='Son';

var prevText ='« Önceki';

var nextText ='Sonraki »';

8. var perPage=8; Her sayfada gösterilecek mesaj sayısı (8) Bu değer, ana sayfadaki mesajların sayısı ile aynı olmak zorundadır. Yayınlarınızın kaç adet olduğunu, AyarlarYayınlar ve yorumlar En fazla şu kadar göster, kontrol edin.

var numPages=4; Ana sayfada görülmeini istediğiniz sayfa numaralasını gösterir. 4 Yazarsanız 5 sayfa 3 yazarsanız 4 sayfa görülür, sağ tarafta (...) üç noktadan sonra toplam sayfa görülür.

NOT: Sayfa etiketlemesi yapmayacağımız için, Blogger sayfalarda 19 veya 20 mesaj gösterecektir. Bırakalım da o da görevini bir zahmet yapsın. Değiştirmek isterseniz ki, ben uygulamıyorum siz değişebilirsiniz.

Aşağıdaki kod parçacığını bulun birkaç tane olacaktır.

expr:href='data:label.url'

Bu etiket ile değiştirin.

expr:href='data:label.url + "?&amp;max-results=8"

8 Rakamı sayfa başına görüntülenecek mesajları belirtir.

Tüm işlem sonucu şablonunuzu kaydedin ve özileme yapın.

Ayrca okuyun :

1. Blogger Önceki ve Sonraki kayıt ismini küçült

2. Blogger Önceki ve Sonraki kayıt ismine Ok simgesi ekle