Blogger Sayfa Numaralandırma (Page Navigation)

WordPress bloglarında çokça gördüğünüz ve aşağıdaki resimde de göreceğiniz, yararlı ve kullanılabilir bulduğum sayfa numaralandırma özelliğini Blogger blogları da kolay bir şekilde blogları için kullanabilir. Bunun için blogunuz sayfa kodlarına bir kaç kod takviyesi yapmanız gerekiyor. Bazı Türkçe bloglarda anlatıldı ama ben hiçbirinden birşey anlamadım. Yabancı kaynaktan yararlanarak bloguma entegresini yaptım. Şimdi anlaşılır bir şekilde sizlere de anlatacağım. Adımları sırayla takip edin ve bunları yaparken kod araması için HTML şablonunuzdayken Ctrl + F kombinasyonunu kullanın. Haydi başlayalım:

Öncelike WordPress bloglarında şöyle bir görüntüsü var:

wordpress_sayfa_numaralandırma

Benim Blogger blogumda görüntüsü ise şöyle:

blogger_sayfa_numaralandırma

1.Önce HTML şablonunuzda widget şablonlarını genişlet seçeneğini işaretlemeden başlayacağımızı unutmayın. Ondan sonra aşağıdaki kodu şablondaki </b:skin> kodundan hemen önce ekliyoruz.

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

2.Daha sonra şu kodları buluyoruz:

<b:section class=’main’ id=’main’ showaddelement=’no’> <b:widget id=’Blog1′ locked=’true’ title=’Blog Kayıtları’ type=’Blog’/> </b:section>

3. Bulduğunuz yukarı kodlardan hemen sonra şu kodları eklemeniz yeterli olacaktır.

4. 3. adımda ekleyeceğiniz kodlarda kırmızı ile olan kısımları anlatmak gerekirse eğer .com ve blogspot.com adı altında blogunuz varsa .com kısmına dokunmayın. Ama eğer .net ya da .org şeklindeyse ona göre değiştirin.

Diğerleriyse birinci kısım bir sayfada kaçtane yazı gösterceğinizi, ikinci kısım ise kaç arada sayfa numaralanmasını belirliyorsunuz.

Bu kadar anlamadığınız kısmı sorabilirsiniz. Hayırlı olsun!

Etiketler: , , , , , , , , , , , ,

4 Yanıt to “Blogger Sayfa Numaralandırma (Page Navigation)”

  1. JudgeOfnighT Says:

    süper oldu eline sağlık dostum :)Yalnız şuan 4 sayfalık konu var 5.sayfada birşey yok ama sayfa 5 tıklanıyor.http://fergie-turkey.blogspot.com

  2. Admin Says:

    kardeş anlatim için teşekkürler.arkadaşlarada bir not söylemek isterim,herşeyi yaptınız önizlemeyle bakarsanız sonuç görünmüyor.yaptıklarınızı kaydedin sonra bakın çalıştıgını göreceksiniz.ama ilk önce şablonunuzun yedegini alın…saglıcakla

  3. Anonymous Says:

    Burda iki önemli olan nokta videget genişlet kutusunu işaretlememek ikincisi ise ön izleme yapmadan deneme bir blogunuzda kaydetmek:DBu konu hakkında izlediğim üçüncü site ve sonunda başarıya ulaştım eline sağlık.

  4. kucuksheyler Says:

    teşekkürler. uyguladım, ana sayfada sorunsuz çalışıyor. ancak herhangi bir konunun kalıcı bağlantısına tıklandığında görünmüyor. kategoriler ya da etiketler aracılığıyla sayfalar açıldığında ise son sayfaya gidilse bile daha eski konular görünmüyor maalesef. bir de aynı yazıyı örneğin hem sayfa 3'te hem de 4'te tekrar gösteriyor. bu sorunlar benim bloguma mı özgü yoksa genel mi bilemiyorum tabi..

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Connecting to %s


%d blogcu bunu beğendi: