Blogger Makale İçi ve Sonu "Önerilen İçerik" Kodu

Gpt sağ olsun güzel bir kod hazırladı. Kodda image yazan kısma image linkini , post yazan kısma makale linkini, post title yazan yere makale başlığını ekleyin. 3'ten fazla önerilen için div'li kısımları kopyalayıp koda ekleyin. Seo açısından eklentinin çok faydalı olacağını düşünüyorum. İşinize yararsa bir duanız yeterli.

Ek olarak kod ve tema bilgisi olanlar yardımcı olursa sevinirim, bu kodun "style" kısmını blogger tema html'ye gömüp sadece div'li kısımları postlarda kullanarak daha pratik şekilde çalıştırma imkanımız var mı?

<style>
    .suggested-posts-container {
        width: 100%;
        padding: 20px;
        background-color: #f2f2f2;
        border-radius: 5px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .suggested-post {
        width: 30%;
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
        overflow: hidden;
    }

    .suggested-post a img {
        width: 100%;
        height: 150px;
        object-fit: cover;
    }

    .suggested-post a {
        display: block;
        padding: 10px;
        color: #333;
        text-decoration: none;
    }
</style>

<div class="suggested-posts-container">
    <h3>Suggested Posts</h3>
    <div class="suggested-post">
        <a href="http://your-blog-name.blogspot.com/2023/07/your-post1.html">
            <img src="https://your-blog-name.blogspot.com/path-to-your-image1.jpg" alt="Post Title 1">
            Post Title 1
        </a>
    </div>
    <div class="suggested-post">
        <a href="http://your-blog-name.blogspot.com/2023/07/your-post2.html">
            <img src="https://your-blog-name.blogspot.com/path-to-your-image2.jpg" alt="Post Title 2">
            Post Title 2
        </a>
    </div>
    <div class="suggested-post">
        <a href="http://your-blog-name.blogspot.com/2023/07/your-post3.html">
            <img src="https://your-blog-name.blogspot.com/path-to-your-image3.jpg" alt="Post Title 3">
            Post Title 3
        </a>
    </div>
</div>

style kodlarını tema editöründe b:skin içine yerleştirin

Hocam peki blogger'da normal içeriğin kenarında duran popüler yayınlar (anasayfadaki icerik sayfasinda da gorunuyor) seo açısından aynı işlevi görüyor mu?

Hayır, tam olarak değil. 1. Bunu makale içine atabiliyorsunuz. 2. Manuel istediğiniz makalede istediğiniz içerikleri öneriyorsunuz.