Blogger Yorumları Sayfalandırma Nasıl Yapılır?

Blogger Yorumları Sayfalandırma Nasıl Yapılır?

Blogger Yorumları Sayfalandırma

Blogger dünya genelinde oldukça fazla kullanıcıya sahiptir. Aynı şekilde Türkiye'de de oldukça fazladır. Blogger'ı kimleri deneme amaçlı olarak kullanmakta, kimileri ise profesyonel anlamda ve düzenli içerikler atarak bir web sitesi oluşturmaktadır. Öte yandan bazı kullanıcıların yazdıkları içeriklerin oldukça fazla kişiye ulaşması halinde, web sitesi sahibine oldukça iyi dönüşleri olmaktadır. 

Bu yazılan içeriğin kalitesine rekabetine ve arama motorundaki sıralama gibi bir çok etmene dayanarak değişiklik gösterir.  Blogger yorum sayfalandırma ile sizde oldukça uzun yayorumlau sayfalarınızı sayfalayabilir ve Blogger yorumları sayfalandırma nasıl yapılır ile daha güzel bir şekilde gösterebilirsiniz.

Popüler olan bir konunun ziyaret eden kişiler tarafından yorum alması, yorum yapılması normaldir. Ama oldukça fazla sayıda yoruma sahip olan bir web sitesinin, uzun uzadıya giden bir sayfa halini alması kimi kullanıcılar tarafından hoş görünmemekte. Buna bir çözüm bulmak gerekir, diyerekten bir kaç düzenleme ile aşağıdaki kodu temanıza yapıştırarak halledebileceksiniz.

Blogger Yorumları Sayfalandırma Nasıl Yapılır?

Öncelikle CSS kodlarını yapıştırıyoruz.

.pagination,.pagination *{border-radius:.25rem;margin:13px 0 0 0;text-align:center}

.pagination a{display:inline-block;padding:0 10px;imleç:işaretçi}

.pagination a.disabled{opacity:0.3;pointer-events:none;imleç:izin verilmez}

.pagination a.current{padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#ffffff;background-color:#007bff;border:1px solid #dee2e6}  {codeBox}

Ardından alttaki kodları </body> etiketinin üstüne yapıştırarak işlemi bitiriyoruz.

Yorumlar 6 adet gözükmek üzere ayarlanmıştır. Eğer daha fazla veya daha az görünmesini istiyorsanız, kırmızı olarak işaretlidiğim yerde değişiklik yapabilirsiniz.

  <b:if cond='data:view.isSingleItem'>

  <script>

    //<![CDATA[

    window.addEventListener("yükle", function() {

      (işlev($) {

        var pagitem = {

          öğeler: {},

          kapsayıcı: boş,

          toplamSayfalar: 1,

          sayfa başına: 3,

          geçerliSayfa: 0,

          createNavigation: function() {

            this.totalPages = Math.ceil(this.items.length / this.perPage);

            $('.pagination', this.container.parent()).remove();

            var pagination = $('<div class="pagination"></div>').append('<a href="#comments" class="nav prev devre dışı" data-next="false">«</ bir>');

            for (var i = 0; i < this.totalPages; i++) {

              var pageElClass = "sayfa";

              if (!i) pageElClass = "sayfa güncel";

              var pageEl = '<a href="#comments" class="' + pageElClass + '" data-page="' + (i + 1) + '">' + (i + 1) + "</a> ";

              pagination.append(sayfaEl);

            }

            pagination.append('<a href="#comments" class="nav next" data-next="true">»</a>');

            this.container.after(sayfalandırma);

            var that = this;

            $("gövde").off("tıkla", ".nav");

            this.navigator = $("gövde").on("tıkla", ".nav", function() {

              var el = $(this);

              that.navigate(el.data("sonraki"));

            });

            $("gövde").off("tıkla", ".sayfa");

            this.pageNavigator = $("gövde").on("tıkla", ".sayfa", function() {

              var el = $(this);

              that.goToPage(el.data("sayfa"));

            });

          },

          gezinme: işlev(sonraki) {

            if (isNaN(sonraki) || sonraki === tanımsız) {

              sonraki = doğru;

            }

            $(".pagination .nav").removeClass("devre dışı");

            if (sonraki) {

              this.currentPage++;

              if (this.currentPage > (this.totalPages - 1)) this.currentPage = (this.totalPages - 1);

              if (this.currentPage == (this.totalPages - 1)) $(".pagination .nav.next").addClass("disabled");

            } Başka {

              this.currentPage--;

              if (this.currentPage < 0) this.currentPage = 0;

              if (this.currentPage == 0) $(".pagination .nav.prev").addClass("disabled");

            }

            this.showItems();

          },

          updateNavigation: function() {

            var sayfalar = $(".pagination .page");

            page.removeClass("geçerli");

            $('.pagination .page[data-page="' + (this.currentPage + 1) + '"]').addClass("geçerli");

          },

          goToPage: işlev(sayfa) {

            this.currentPage = sayfa - 1;

            $(".pagination .nav").removeClass("devre dışı");

            if (this.currentPage == (this.totalPages - 1)) $(".pagination .nav.next").addClass("disabled");

            if (this.currentPage == 0) $(".pagination .nav.prev").addClass("disabled");

            this.showItems();

          },

          showItems: function() {

            this.items.hide();

            var base = this.perPage * this.currentPage;

            this.items.slice(taban, taban + this.perPage).show();

            this.updateNavigation();

          },

          init: function(konteyner, öğeler, sayfa başına) {

            this.container = kapsayıcı;

            this.currentPage = 0;

            this.totalPages = 1;

            this.perPage = sayfa başına;

            this.items = öğeler;

            this.createNavigation();

            this.showItems();

          }

        };

        $.fn.pagitem = işlev(Sayfa başına, itemSelector) {

          var el = $(this);

          var items = $(itemSelector, el);

          if (isNaN(perPage) || perPage === tanımsız) {

            sayfa başına = 3;

          }

          if (items.length <= sayfa başına) {

            true döndür;

          }

          pagitem.init (el, öğeler, sayfa başına);

        };

      })(jQuery);

      $("#comment-holder").page( 6 , "li.comment");

    });

    //]]>

  </script>

</b:if>  {codeBox}