Aşağıda verdiğim kodları temanın html kodlarını düzenleden
<head> </head>arasında bir yerde olacak şekilde yerleştirip kaydedip deneyebilir misiniz.



<script type="text/javascript">
    // Makalelerin önizleme görseli olarak videoyu kullan
    // Bu kod, makale içindeki ilk videoyu otomatik olarak önizleme görseli olarak kullanır

    // Fonksiyon: Blogspot makalelerinin önizleme görselini videoya ayarlar
    function setPreviewImage() {
        // Makalelerin önizleme görseli olarak belirlenen sınıfı seç
        var previewImageElement = document.querySelector('.post-body img');

        // Eğer makale içinde bir önizleme görseli yoksa
        if (!previewImageElement) {
            // Makale içindeki ilk videoyu seç
            var videoElement = document.querySelector('.post-body iframe[src*="youtube"], .post-body iframe[src*="vimeo"]');
            
            // Eğer video bulunduysa
            if (videoElement) {
                // Videoyun önizleme görseli olarak kullanılmasını sağla
                var videoSrc = videoElement.src;
                var thumbnailSrc = videoSrc.replace(/(https?:\/\/(?:www\.)?)?(youtube|vimeo)\.com\/(?:embed\/|video\/)?([a-zA-Z0-9_-]+)/, 'https://img.youtube.com/vi/$3/maxresdefault.jpg');
                previewImageElement = document.createElement('img');
                previewImageElement.src = thumbnailSrc;
                previewImageElement.alt = "Video Önizleme Görseli";
                // Eklemeyi yap
                var postBody = document.querySelector('.post-body');
                postBody.insertBefore(previewImageElement, postBody.firstChild);
            }
        }
    }

    // Sayfa tamamen yüklendiğinde önizleme görseli ayarını yap
    document.addEventListener('DOMContentLoaded', setPreviewImage);
</script>