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>