How to add page post with photo and title in blogspot

 


You can show multiple post using this java script in your website . just copy the code and paste in gadget section add html/java script 


<script>

// Blogger Feed URL (Replace 'your-blog-name' with your actual blog's name)

const blogUrl = "https://thedaily71.blogspot.com/feeds/posts/default?alt=json&max-results=100";


// Function to fetch and display posts

async function fetchBlogPosts() {

    try {

        const response = await fetch(blogUrl);

        const data = await response.json();

        const entries = data.feed.entry.slice(0, 100); // Limits the number of posts to 100

        let htmlContent = "";


        entries.forEach(entry => {

            const title = entry.title.$t;

            const link = entry.link.find(l => l.rel === "alternate").href;

            const content = entry.content ? entry.content.$t : "";

            const imgMatch = content.match(/<img.*?src=['"](.*?)['"]/);

            const imgSrc = imgMatch ? imgMatch[1] : "https://via.placeholder.com/150"; // Default image if none found


            htmlContent += `

                <div class="post-box">

                    <a href="${link}" >

                        <img src="${imgSrc}" alt="${title}" />

                        <h3>${title}</h3>

                    </a>

                </div>

            `;

        });

        

        document.getElementById("blog-posts").innerHTML = htmlContent;

    } catch (error) {

        console.error("Error fetching blog posts:", error);

    }

}


// Run function on page load

fetchBlogPosts();

</script>


<style>

    #blog-posts {

        display: grid;

        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

        gap: 15px;

    }

    .post-box {

        border: 1px solid #ddd;

        padding: 10px;

        text-align: center;

        background: #fff;

        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);

    }

    .post-box img {

        max-width: 100%;

        height: auto;

    }

    .post-box h3 {

        font-size: 14px;

        margin: 10px 0 0;

    }

</style>


<div id="blog-posts">Loading...</div>

একটি মন্তব্য পোস্ট করুন

0 মন্তব্যসমূহ

বৃষ্টির সময় ভেজা কাপড় নিয়ে বিড়ম্বনায়? জেনে নিন প্রয়োজনীয় টিপস
সিঙ্গাপুর পুংগল কন্ডোমিনিয়ামে আগুন, শতাধিক বাসিন্দা সরানো হয়েছে; ৩ জন হাসপাতালে ভর্তি
Accounts & Admin Assistant (Entry-Level)
প্রবাসী শ্রমিকদের জন্য জরুরি তথ্য: SATA PCP-র আওতায় চিকিৎসা সেবা গ্রহণে অ্যাপয়েন্টমেন্ট প্রয়োজন
Clinic Assistant job Singapore
Customs Excise & VAT Commissionerate, Rangpur Job
ইংরেজি বর্ণমালা শেখার সহজ পদ্ধতি (বাংলা উচ্চারণ ও উদাহরণসহ)
বিদেশের ঘাম, ঘরের বেদনা
ইরানের প্রতিরোধে পিছু হটলো যুক্তরাষ্ট্র ও ইসরায়েল – যুদ্ধবিরতির পথে মোড়
সর্দি ও জ্বর হলে কী ওষুধ খাওয়া উচিত
Lockout Tagout (LOTO) Safety Procedure – Complete Guide for Singapore Workplaces
সিঙ্গাপুরে ট্রেইনিং রেকর্ড এবং সার্টিফিকেট চেক করার সম্পূর্ণ গাইড (২০২৫ আপডেটেড)
বড় পীর হযরত আব্দুল কাদের জিলানী (রহ.)-এর জীবনী ও কারামত | সম্পূর্ণ তথ্যভিত্তিক বিশ্লেষণ
ফিতরার হার ও প্রবাসীদের ফিতরা আদায়ের সঠিক নিয়ম
সিঙ্গাপুর বুন-লে বাস ইন্টারচেঞ্জে যাত্রীর হামলায় বাসচালক হাসপাতালে
How to spell digit to in word currency in Microsoft office word
How to Get Free Wi-Fi Anywhere in Singapore with Wireless@SGx: Step-by-Step Guide
বাংলাদেশ কারা অধিদপ্তরে নিয়োগ ২০২৫ - একাধিক পদে আবেদন করুন এখনই!
NFC Door Locks: How Mobile Phones Are Revolutionizing Home & Office Security
সুন্দর মনের অধিকারী নারীর ৮টি চিহ্ন – প্রকৃত নারীত্বের পরিচয়
ত্বকের যত্নে অলিভ অয়েল – অলিভ অয়েলের ১০টি কার্যকর উপকারিতা ও ব্যবহার পদ্ধতি
২০২৫ সালের সেরা ৫টি বাজেট স্মার্টফোন – কম দামে দুর্দান্ত পারফরম্যান্স
Why USB Pen Drive is Not Working on Redmi Note 13 Pro Plus – Easy Fixes!
free AI-powered tools and platforms List
মিয়ানমারে ৭.৭ মাত্রার শক্তিশালী ভূমিকম্প: ব্যাপক ক্ষয়ক্ষতি ও আতঙ্ক
এয়ার ইন্ডিয়া AI171 Boing-787 আহমেদাবাদ বিমান দুর্ঘটনা: নিহত ২৭৪, তদন্তে নতুন তথ্য ও টাটা গ্রুপের ক্ষতিপূরণ ঘোষণা
থান্ডার মুন ২০২৫: বাংলাদেশে কখন ও কীভাবে দেখবেন Thunder Moon
সিঙ্গাপুরে MRT Train এর ভেতরে মূত্রত্যাগের ঘটনায় ব্যক্তি কারাদণ্ড ও জরিমানার মুখোমুখি
পেট কমানোর উপায়
Eid Mubarak ! Eid Mubarak ! Eid Mubarak!
বাংলা কবিতা প্রেম পরিক্রমা
মিয়ানমারে শক্তিশালী ভূমিকম্প: নিহতের সংখ্যা ছাড়িয়েছে ১৬০০
Haier AC Remote Functions – Full Guide with Formaldehyde Removal Explained
Clinical Nurse / Private Nursing Job Singapore
যৌনতা, ইসলাম ও বিজ্ঞান: স্ত্রীর যৌনি চোষা কি বৈধ ও নিরাপদ
Best Fragrances to Attract Women: Scents That Draw Her Closer
Confined Space Rescue Plan in Singapore – SS 568:2022 Compliance Guide
এয়ারকন্ডিশন রুমে ভেন্টিলেটর ফ্যান চালু রাখার প্রয়োজন আছে কি? জানুন বিস্তারিত
Maxx: The SIM-Only Plan from M1 That Delivers More for Less – Best Budget Mobile Plan in Singapore
ভায়াগ্রার ইতিহাস: একটি দুর্ঘটনা থেকে বিপ্লব , ভায়াগ্রা মূলত পুরুষের লিঙ্গে রক্তপ্রবাহ বাড়িয়ে তাকে দৃঢ় করে।
সিদ্ধ সিমের বিচি খেলে কি উপকার হবে?
Samsung Galaxy S25 Ultra: The Ultimate Flagship Smartphone
জেনে নিন, ইসলাম যেসব কথা বলা নিষেধ করেছে – বাঁচুন গুনাহ থেকে
Eid Mubarak 31-3-2025 Singapore
আকাশছোঁয়া ছোট্ট বালক
রেডমি বনাম স্যামসাং – কোন মোবাইল ফোনটি আপনার জন্য সেরা?
Toa Payoh HDB ফ্ল্যাটে ভয়াবহ অগ্নিকাণ্ড, সাতজন হাসপাতালে ভর্তি
Singapore Zakat Fitrah Rates for Ramadan 1446H/2025 Announced by MUIS
ফিলিস্তিন রাষ্ট্র গুগল ম্যাপে কেন নেই? জানুন প্রকৃত কারণ
জেন জি সিম অফার টেলিটক বাংলাদেশে নতুন প্রজন্মের জন্য সেরা প্যাকেজ
প্রেজেন্টেশন ভয় কাটানোর ৭টি কার্যকর উপায়
সিঙ্গাপুরে 'স্লিপ ডিভোর্স': কেন দম্পতিরা আলাদা ঘুমানোর সিদ্ধান্ত নিচ্ছেন?
কোরবানির আগে চুল-নখ না কাটার বিষয়ে ইসলাম কী বলে?
উপরের পেটের ব্যথা: কারণ, প্রতিকার ও কখন চিকিৎসকের পরামর্শ নেওয়া উচিত
ইরান-ইসরায়েল যুদ্ধের সর্বশেষ আপডেট মঙ্গলবার সকাল পর্যন্ত
সিঙ্কহোল দুর্ঘটনায় নারীকে বাঁচালেন এক ভারতীয় কর্মী – সাহসী উদ্ধার অভিযান সবার প্রশংসা কুড়ালো
SCDF Rescues Two Workers After Gondola Cable Snaps at Raffles City Tower
Honoring the Spirit of Labour – 1st May International Workers' Day 2025
মুখ বদলালেও চাঁদাবাজি থামেনি পরিবহনে, ঢাকাতেই দিনে আদায় দুই কোটির বেশি
সিঙ্গাপুরে জেব্রা ক্রসিং লঙ্ঘনের বিরুদ্ধে কঠোর ব্যবস্থা
MOH, CDA সম্প্রতি সিঙ্গাপুরে কোভিড-১৯ সংক্রমণের হার কিছুটা বাড়ার বিষয়টি পর্যবেক্ষণ করছে
সিঙ্গাপুরে অক্সিলিয়ারি পুলিশে শ্রীলঙ্কা, ফিলিপাইন, মিয়ানমার, চীন ও ভারতের নাগরিকদের নিয়োগ বাড়ছে।
বিমানবন্দরে যাত্রী বিদায়-স্বাগত: ডিপারচার ও এরাইভাল পয়েন্টে নতুন নির্দেশনা
সিঙ্গাপুর রেড ক্রস মিয়ানমার ও থাইল্যান্ডের ভূমিকম্প দুর্গতদের জন্য $150,000 সহায়তা প্রদান করেছে
Workplace Safety & Health Officer cum ECO Job
আসন্ন ত্রয়োদশ জাতীয় সংসদ নির্বাচন: অন্তর্বর্তীকালীন সরকারের ঘোষণা ও রাজনৈতিক প্রতিক্রিয়া
সেলমন মাছের জীবন চক্র
প্রবাসীর আর্তনাদ
চোয়া চু কাং-এ হেরোইনসহ গ্রেপ্তার | সিঙ্গাপুর মাদকবিরোধী অভিযান ২০২৫
Redmi-Note-14-Pro-Plus-5G-Full-Specifications-and-Features