Blogger Numaralı Sayfa Navigasyonu

Bildiğiniz gibi standart Blogger şablonlarında kayıt sayfaları arasında geçiş yapmak için daha eski kayıtlar, daha yeni kayıtlar gibi linkler vardır.Ziyaretçilerinizin blogunuzdaki kayıt sayfaları arasında daha rahat dolaşmaları için numaralı sayfa navigasyonu eklemeniz faydalı olacaktır.

Blogger numaralı sayfa navigasyonu

Blogunuza resimdeki örnekte olduğu gibi numaralı saya navigasyonu eklemek için blogunuzun şablonundan ]]></b:skin> kodunu bulun ve bu kodun üstüne şu kodları ekleyin:

.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}

.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url
(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg)
0 -50px repeat-x;
}

.showpageNum a:hover {
border:1px solid #888;
background: #ccc url
(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg)
0 -25px repeat-x;
}

.showpageOf{
margin:0 8px 0 0;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666 url
(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg)
0 0 repeat-x;
text-decoration: none;
}


İkinci olarak yine şablonunuzdan </body> kodunu bulun ve hemen üstüne şu kodları ekleyin:

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<script type='text/javascript'>

var pageCount=5;

var displayPageNum=5;

var upPageWord ='Previous';

var downPageWord ='Next';

</script>

<script src='http://yourjavascript.com/24910422613/blogger-numaralandirma.js'

type='text/javascript'/>

</b:if>

55 yorum:

  1. Teşekkürler.İyi oldu bunlar.Ancak bir soru sormak istiyorum :Bloğumda buna benzer bir numaralandırma yapmıştım epey zaman önce sadece numaralar görünüyordu.Ama nereye hangi kodları eklediğimi unuttum maalesef.Şimdi bu verdiklerinizi görünce onları kaldırıp eklemek istedim ama o kodları bulamadım.
    Doğrudan bunları eklediğimde dediğiniz gibi görünüyor ama bir sorun olabilir diye korkuyorum.
    Acaba ne tür kodlardır benim kodlar bir fikriniz var mı ?

    YanıtlaSil
  2. Kodlar birbirine çok benzerdir.Eklendikleri yerler de hemen aynıdır.Önemli olan ikinci verdiğim kodları kaldırmanız,sorun çıkarsa onlardanb çıkar.Eski kodlarınızda da muhtemelen
    var pageCount=5;
    var displayPageNum=5;
    benzeri kodlar vardır.Önceden eklediğiniz böyle bir kod içeren paragraf varsa onu kaldırmanız yeterlidir.Ancak her işlemden önce mutlaka şablon yediğini alın, her ihtimale karşı.

    YanıtlaSil
  3. Teşekkür ederim..Bakıyorum..

    YanıtlaSil
  4. bloggere renk verecek bir uygulama.

    YanıtlaSil
  5. Bloga uyguladım, hiçbir sorun çıkmadan çalıştı.
    Pratik alnlatımınız için teşekkürler.

    YanıtlaSil
  6. Gök-Türk'ün sorununa benzer bir sorun da bende var. Ben o kısmı tamamen iptal etmiştim. Yani bende "daha eski kayıtlar veya daha yeni kayıtlar" gibi bir şey hiç yok. Belki saçma bir soru olacak ama nasıl geri getirebilirim?

    YanıtlaSil
  7. güöüş hilal bu yazıdaki sayfa numaralandırmasını kullanmak için onları tekrar geri getirmene gerek yok.

    YanıtlaSil
  8. Yeni bir test blogu açarak kodları karşılaştırdım, biraz da denem yanaılma ile o kısmı geri getirdim:) şimdi de bunu denedim ve oldu teşekkürler

    YanıtlaSil
  9. bloghocam size bir soru sormak istiyorum acaba bu numaralı sayfa ikonunun yerine sitemde sadece bir sayfaya özel olarak a-b c-d e-f yazılarını ekliyecem şimdi ben c-d tıkladığımda c-d arası eklediğim yayınlarımı göstersin bu a-b c-d yazıları tek olacak o sayfada nasıl yapabiilirim yani o sayfada yayınların hiçbiri olmayacak ben b-c tıkladığımda b-c arası yazılarımı göstersin http://www.herogrenci.com/p/universite-tanitim-video.html

    YanıtlaSil
  10. @OSMAN GÜLER

    Sorunuzu çok net anlayamadım biraz daha açıklayabilirseniz yardımcı olmaya çalışırım.

    YanıtlaSil
  11. tamam çok teşekkür ederim yinede nasıl yapılacağını buldum

    YanıtlaSil
  12. bildiri için teşekkürler hocam...
    ben anasayfamda beş yazıdan sonra sayfa geçişi istiyorum..bunu yapmak mümkün mü?

    YanıtlaSil
  13. @ars
    biçimlendirme ayarlarından ana sayfada 5 kayıt göster'i seçin.

    YanıtlaSil
  14. hocam bi bloguma uyguladım cok iyi çalıştı ama başka bi bloguma uygulamak istedim olmadı blogu oluştururken dışardan yukledim içe aktar seçeneği varya ordan yukledim o blogumda çalışmadı sorun ne olabilir yadım lütfen

    YanıtlaSil
  15. Kusurabakma hocam konuyla alakası yok ama kafamı kurcalayan bi sorun var acil bilgili biri lazım diye sizle paylaşıyorum blogumun birine lisanslı resimler koydum ama resimlerdeki lisans yanılmıyosam resim editliyici bi proglamla silinmiş ben anonim bir yerden aldım blogumu biri sikayet etmiş resmin lisanslı sahibi sürekli blogumu taciz ediyo şimdi bu şahıs resimler üzerinde her hangi bi ibare bulunmamasına rağmen illede bu benim resmim diyipde lisans davası veya kapatmak için her hangi bi şey yapabilirmi bilginize göre resimleri kaldırıcam saolun.

    YanıtlaSil
  16. @piyade

    elinde o resmin kendine ait olduğunu ispatlayacak bir delil varsa dava açabilir evet.Sana tavsiyem eğer başka bir siteden alıntı yapacaksan site sahibiyle görüş ve alıntı yaptığın siteye bir link ver.

    YanıtlaSil
  17. Çok teşekkür ederim, kod mükemmel çalışıyor (:

    YanıtlaSil
  18. Hocam yazınızdan yararlanarak şu yazımı yazdım. Yararlanarak derken, yazınızı okudum, kendim yorumladım o şekil yazdım.

    http://furkanozden.blogspot.com/2011/10/blogger-page-navigation-eklentisi.html

    YanıtlaSil
  19. anasayfada kodlar düzgün çalışıyor fakat, kategorilere tıkladığımızda "daha ileri anasç.." çıkıyo..

    YanıtlaSil
  20. Hocam harıkasınız ya ne desem az....Benim gibi acemi bile başardıysa herkes başarabilir.Var olun selamlar....

    YanıtlaSil
  21. bu numaraları büyütmek için ne yapmalıyım

    YanıtlaSil
  22. font-size değerini değiştirin.

    YanıtlaSil
  23. pages yazan yeri nasıl sayfalar diyebiliriz.

    YanıtlaSil
  24. Onu değiştirmek için şu scripti editlemelisiniz.

    http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js

    YanıtlaSil
  25. Aradığım herşey bu blogda var. Yeni blog açanlar için yol gösterici bir blog. Ayrıntılı anlatımınızla kolay anlaşılır yazılarınız için teşekkür ederim.

    YanıtlaSil
  26. bende dediğiniz gibi yaptım ama çıkmadı sayfa numaraları hala önceki sonraki kayıt olarak görünüyor. yardım!!!

    YanıtlaSil
  27. @gülse
    Sunucuda bir hata olmuş kusura bakmayın.İkinci bölümdeki kodları tekrar ekleyin.

    YanıtlaSil
  28. HOCAM NAPTIYSAM OLMUYO http://moderndunya.blogspot.com/

    YanıtlaSil
  29. Hocam deniyorum deni yorum olmuyor kodları rica etsem deneye bilirmisin

    şimdiden teşşekürler

    YanıtlaSil
  30. @ilbey
    Dediğiniz gibi test blogunda denediğimde çalışmadı ama kodlarda hiçbir hata yok.Blog Hocam'da kullandığım eklenti de bu çünkü.Güncellenen blogger şablonlarıyla ilgili olabilir.Aştırıp sorunu düzelttikten sonra konuyu güncelleyeceğim.

    YanıtlaSil
  31. hocam bu eklenti bloggerın son yaptığı değişikliklerden sonra çalışmıyor maalesef. Ama bunu yapmanın daha kolay bir yolu da var. http://radikalmedya.blogspot.com/2012/12/blogger-numaral-sayfa-navigasyonu.html linkinde anlatmaya çalıştım. Şablona falan hiç kod eklemeden sadece widget ekleyerek yapabiliyoruz, ayrıca renk/tasarım seçme şansı da mevcut.

    Eklentinin çalışan örneğini http://transfermerkez.blogspot.com sitesinin altında görebilirsiniz.

    YanıtlaSil
  32. @Bingül Dönmez
    Sanırım siz yanlışlıkla önceki- sonraki yazılar navigasyonunu silmişsiniz. Widget şablonlarını varsayılana döndürün.

    YanıtlaSil
  33. Hocam Ben Bişey Sorcam Bu Tasarımı Yaptım Ben Ama Tasarım Olmadı Yani Gözükmüyor HerHangi Bir Hatada Vermedi Ama Yani İkinci Sayfa Diye Bişey Yok Şablonumda Özel Kendi Eklediğim Bir Şablon Ondan Sebep Olabilirmi?

    YanıtlaSil
  34. Teşekkürler, peki konu içeriğinede eklemek istiyorum nasıl yapabilirim. Bazen konu içeriği uzun olabiliyor. Aynı şekilde sayfa numaralandırması yapaılır mı ?

    YanıtlaSil
  35. merhaba serdar bey ben bloggerın özel bir temasını düzenlemeye çalıstım bu koduda yerleştirmek istedim anlattığınız gibi yaptım ama görünmedi nedenini bilemedim bana yardım edermisiniz tesekkürler.

    YanıtlaSil
  36. @gülayınmutfagindan
    Bu versiyon bazı şablonlarda çalışmıyor. Diğer versiyonunu da yakında eklemeye çalışacağım.

    YanıtlaSil
  37. Merhaba Hocam Ben Hazır şablon uyguladığım sitemde denedim fakat olmadı http://www.askinsesi.net

    YanıtlaSil
  38. @AşkınSesi.Net
    Blogger'ın bazı kendi şablonlarında çalışmıyor artık. Blogger şablon yapısında değişiklikler yaptı.

    YanıtlaSil
  39. benim blog sayfama göre 5 tane seçenek az geliyor. arttırmaya çalıştım fakat olmuyor. en azından 5 seçeneğin aralarına boşluk bırakabilir miyiz? sayfaya yayılsın istiyorum enine.

    .js düzenlemekten anlamıyorum.

    YanıtlaSil
  40. Serdar hocam benim bloğumda da olmadı.Hazır şablon kullandığım için midir?
    Eğer öyleyse nasıl bir kod yardımcı olur bana
    bir sonraki sayfaya geçiş konusunda oyun bloğumda..
    http://oynamayagelsene.blogspot.com/

    YanıtlaSil
  41. http://guney59.blogspot.com/2011/12/10blog-sayfa-navigasyonu.html sitesikaynak belirtmeden copy-past ile yazınızı kendininmişgibikullanmış:(Bakın bence...

    YanıtlaSil
  42. http://blog-eklentileri.blogspot.com/2011/06/blogger-numaral-sayfa-navigasyonu.htmlb bu da çalmış............

    YanıtlaSil
  43. @Dilek Dursun
    Uyardığınız için teşekkür ederim Dilek hanım.

    YanıtlaSil
  44. Serdar Bey sizin kod çalışmadı ama başka bir sitede sizin kodun aynısı sadece linkleri farklı olan bir kod çalıştı. İsterseniz photobucket ve dropbox linklerinizi kontrol edin.

    YanıtlaSil
  45. Bu kodlar çalışmıyor Serdar bey ne yapmamız gerekiyor .

    YanıtlaSil
  46. @sedef urdan
    Alternatif olarak şunu deneyebilirsiniz: http://www.radikalmedya.net/2012/12/blogger-numaral-sayfa-navigasyonu.html

    YanıtlaSil
  47. Merhaba, ben çok önceden yapmıştım bu numaralandırmayı ama şimdi kaldırmak istiyorum, nasıl yapabilirim?Kafayı sıyırcam valla

    YanıtlaSil
  48. s.a bende sayfayı numaralandırmak istiyorum fakat dediğiniz gibi yapmama rağmen işe yaramıyor olmuyor neden acaba ? şablonu kaydetmeden önce önizleme yapıyorum çıkmıyor önceki kayıtlar ve ana sayfa yazısı hala duruyor

    YanıtlaSil
  49. Hocam yaptım ama hiçbir değişiklik olmadı.

    YanıtlaSil
  50. Hocam olmadı. Ne yaptıysam bir türlü olmuyor bu navigasyon işi.
    blog şu: http://akilliinceleme.blogspot.com/

    YanıtlaSil
  51. Hocam bende ]]> kodu yok. Ne yapmalıyım?

    YanıtlaSil
  52. Merhaba ben kodları girdim ama maalesef olmadı neden acaba www.dualarhazinesi.com. Eskiden sayfalarda bu tarz bir geçiş vardı bir ara yanlışlıkla silindi artık ana sayfada hem kayıt sayısını artıramıyorum hem de geçiş linkleri olmuyor ne yapmam lazım? teşekkürler

    YanıtlaSil

Blogger tarafından desteklenmektedir.