Blogger'da Yorumları "Yeniden Eskiye" Sıralama ve Formu Üste Taşıma

Blogger altyapısında varsayılan olarak yorumlar "Eskiden Yeniye" doğru sıralanır ve yorum yazma kutusu en altta bulunur. Bu durum, özellikle çok yorum alan bloglarda ziyaretçilerin en güncel yorumu görmek veya yorum yazmak için sürekli sayfa sonuna inmesini gerektirir.

Bu yazıda, hiçbir eklenti kurmadan sadece iki basit JavaScript kodu ile yorumları tersten sıralamayı (en yeni en üstte) ve yorum kutusunu en tepeye taşımayı anlatacağım.

Kodlar Nereye Eklenir?

Aşağıdaki kodları sitenize eklemek için şu adımları izleyin:

  1. Blogger Paneli > Tema > HTML'yi Düzenle yolunu izleyin.
  2. Kodların içinde <head> etiketini bulun.
  3. Aşağıdaki kodları bu etiketin hemen altına yapıştırın.

Yorumları "Yeniden Eskiye" Sıralama 

Bu kod, mevcut yorum listesini otomatik olarak tersine çevirir. Böylece en son atılan yorum en tepede görünür. 

<script type='text/javascript'>
//<![CDATA[
document.addEventListener("DOMContentLoaded", function() {
    // Blogger'da yorumları kapsayan olası tüm alanları deniyoruz
    // Eğer temanız özelse, buradaki parantez içine kendi yorum ID'nizi eklemeniz gerekebilir.
    var targetContainer = document.querySelector('#comments .comment-thread ol') || 
                          document.querySelector('.comments-content ol') || 
                          document.querySelector('#comments-block') ||
                          document.querySelector('.comment-list');

    if (targetContainer) {
        // Yorum öğelerini al (li, div veya dd olabilir)
        var childNodes = Array.prototype.slice.call(targetContainer.children);
        
        // Eğer içeride yorum varsa işlemi yap
        if (childNodes.length > 0) {
            // Diziyi ters çevir
            childNodes.reverse();
            
            // Ters çevrilmiş halini tekrar kapsayıcıya ekle
            childNodes.forEach(function(node) {
                targetContainer.appendChild(node);
            });
        }
    } else {
        console.log('Yorum alanı otomatik bulunamadı.');
    }
});
//]]>
</script>

Yorum Formunu En Üste Taşıma Kodu

Bu kod, sayfa yüklendiğinde yorum yazma kutusunu (formunu) alır ve yorum listesinin üzerine taşır. Ziyaretçileriniz aşağı inmek zorunda kalmadan hemen yazabilir.

<script type='text/javascript'>
//<![CDATA[
window.addEventListener('load', function() {
    // 1. Yorum formunu bul (Genelde ID'si 'comment-editor' veya class'ı 'comment-form' olur)
    var formBox = document.getElementById('comment-editor') || 
                  document.querySelector('.comment-form') || 
                  document.querySelector('.comment-reply-box');

    // 2. Yorumların listelendiği alanı bul
    var commentList = document.querySelector('.comments-content') || 
                      document.getElementById('comments-block') || 
                      document.querySelector('#comments .comment-thread');

    // 3. Eğer her ikisi de bulunduysa yer değiştirme işlemini yap
    if (formBox && commentList) {
        // Formu, yorum listesinin bulunduğu kutunun (parent) içine, listenin hemen öncesine ekle.
        commentList.parentNode.insertBefore(formBox, commentList);
        
        // Estetik düzeltme: Formun altına biraz boşluk bırakalım ki yorumlarla yapışmasın
        formBox.style.marginBottom = "20px";
        formBox.style.display = "block"; // Bazen gizli kalabiliyor, görünür yapalım
    }
});
//]]>
</script>

Kodları ekleyip temanızı kaydettikten sonra, blogunuzdaki yorum akışı en güncel yorum en üstte olacak şekilde çalışacaktır.

Not: Bu yazı Sinan Abi için özel üretilmiştir. Sevgi ve saygılarımla ♥︎♡

Yorum yaz