// Blog yazılarını içeren container elementini alın.
var container = document.getElementById(“posts”);
// İlk yazıyı alın.
var firstPost = container.getElementsByClassName(“post”)[0];
// Son yazıyı alın.
var lastPost = container.getElementsByClassName(“post”)[container.getElementsByClassName(“post”).length – 1];
// İlk yazının klonunu oluşturun ve container’ın sonuna ekleyin.
var clonedPost = firstPost.cloneNode(true);
container.appendChild(clonedPost);
// Son yazıyı kaldırın.
container.removeChild(lastPost);
// setInterval kullanarak işlemi tekrarla.
setInterval(function () {
var firstPost = container.getElementsByClassName(“post”)[0];
var lastPost = container.getElementsByClassName(“post”)[container.getElementsByClassName(“post”).length – 1];
var clonedPost = firstPost.cloneNode(true);
container.appendChild(clonedPost);
container.removeChild(lastPost);
}, 5000); // 5 saniye
Bu kod, önce document.getElementById(“posts”) kullanarak blog yazılarını içeren container elementini alır. Daha sonra, getElementsByClassName kullanarak ilk ve son yazıları alır. İlk yazıyı cloneNode(true) kullanarak klonlar ve appendChild kullanarak container’ın sonuna ekler. Son olarak, son yazıyı removeChild kullanarak kaldırır. Tüm işlem, setInterval ile tekrarlandı, bu örnekte 5 saniye (5000 milisaniye) bir zaman aralığı ile. Bu, yazıların sonsuza kadar kaymasını gibi görünen sonsuz bir döngü oluşturacaktır.
Bu kodu nereye koyacaksınız?
Blogspot bloğunuzun yönetici panelinde, “Düzenle” seçeneğine tıklayın.
Sayfayı “HTML düzenleme” modunda açın. Kodu, HTML kodlarının arasına ekleyin. Örneğin, </body> etiketinin hemen öncesine ekleyebilirsiniz.
Değişikliklerinizi kaydedin ve sayfayı yenileyin.
Bu kodun çalışması için, blog yazılarının belirli bir class’a sahip olması gerekir.
Kod, document.getElementById(“posts”) ile container elementini ve container.getElementsByClassName(“post”) ile blog yazılarını bulacaktır. Bu nedenle, bloğunuzdaki blog yazılarının sınıfını post olarak ayarlamanız gerekebilir.