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 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, Şablon → HTML 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.
#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.
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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, Ayarlar → Yayı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 + “?&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.
Visitor Rating: 5 Stars