Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

Blogger gelişmiş sayfa numaralandırma eklentisi


FacebookTwitterPinterestTumblrYazdır


Geçmişte Blogger'ın klasik şablonu için yazmış olduğum sayfa numaralandırma eklentisi elbette şu anki gelişmiş şablonlarla uyumlu değil. Bu bağlamda sizlere Blogger'daki "Önceki ve Sonraki Kayıtlar" gibi linkler yerine nasıl WordPress'teki gibi gelişmiş sayfa numaralandırma yapabileceğimizi anlatmak istiyorum. Aşağıda yer alan işlemleri sorunsuz bir biçimde gerçekleştirdiğinizde aynı WordPress'e benzer bir sayfa numaralandırmayı Blogger'da kullanmaya başlayacaksınız. Umarım faydası olacaktır.

Öncelikle aşağıda yer alan kodu temamızın CSS alanına ekliyoruz. Bu bağlamda herhangi bir düzenleme yapmanıza gerek yok. Ancak CSS bazlı tatmin edici olmayan kısımları, kendinize göre elbette düzenleyebilmektesiniz.

.showpageNum a {
font-size:14px;font-weight:bold;
color:#006699;
border:1px solid #CCC;
padding-top:2px;
padding-left:3px;
padding-right:3px;
margin-left:2px;
margin-right:2px;
}
.showpageNum a:hover {
text-decoration:none;
color:#3c78a7;
border:1px solid #1584d9;
background:#f0f4f7;
}
.showpagePoint {
background:#3c78a7;
font-size:14px;font-weight:bold;
padding-top:2px;
padding-left:3px;
padding-right:3px;
color:#fff;
border:1px solid #CCC;
}
.showpageOf {
clear:both;
padding:15px;
text-align:center;
font-size:12px;
font-weight:bold;
color:#999;
}
.showpage a {
font-size:14px;font-weight:bold;
padding-top:2px;
padding-left:3px;
padding-right:3px;
color:#006699;
border:1px solid #CCC;
}
.showpage a:hover {
border:1px solid #1584d9;
text-decoration:none;
}

Daha sonra ise aşağıdaki kodu temamızın HTML'yi Düzenle kısmına girip, arıyoruz.

</body>

Son olarak ise aşağıdaki kodu, yukarıdaki koddan önce ekleyerek işlemlerimizi sonlandırıyoruz.

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Önceki';
var downPageWord ='Sonraki';
</script>
<script src='https://dl.dropboxusercontent.com/s/frm3yytjqoneium/blogger-sayfalandirma.js' type='text/javascript'></script>

Not! Yukarıda yer alan kırmızı renkli rakamı — ana sayfanızda yayımladığınız toplam yazı sayısı ile aynı olacak şekilde güncelledikten sonra ilgili özelliği stabil bir biçimde kullanmaya başlayabilirsiniz. İyi bloglamalar diliyorum.


    • Osman Emre Ünlü
    • 22 Eylül 2022, 07:11

    Elinize emeğinize sağlık çok teşekkür ederim. Ben eski blog şablonlarından kullanmadığım için çoğu sitede yazan kodlar bende çalışmıyordu. Sizin kod çalıştı sadece. Başarılar diliyorum.

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yukarı Çık