#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.
#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 != "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>
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
<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>
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
3 yorum
Özellikle bu sayfada kodların bulunduğu yazı boyutu çok küçük... Daha kolay okunur boyutlara getirebilirseniz faydalı olacaktır. Yorucu oluyor bu şekilde...
Sabit sayfalar olanı var mı
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