Home
BLOGGER TOOL

MULTI BLOGGER FEEDS

Multi Blogger Feeds



ဒါကတော့ Blogger website တွေထဲကမှ မိမိကြိုက် နှစ်သက်တဲ့ blog များရဲ့ post များကို feed အဖြစ်ယူ၍ တ‌နေရာထဲမှာကိုတစုတစည်းထဲပြသလို့ရ အောင် ပြုလုပ်ထားတဲ့ blog feed လေးပါ။ကြိုက် နှစ်သက်လို့ အသုံးပြုချင်တယ်ဆိုရင်‌ အောက်မှာပြထားတဲ့အတိုင်းလုပ်‌ဆောင်၍ထည့်သွင်းအသုံးပြုနိုင်ပါသည်။


  1. မိမိ blog site ကို account အရင်ဝင်ပါ
  2. dashboard ထဲက Layout ကိုနှိပ်ပါ
  3. Add a Gadget ကိုနှိပ်ပါ
  4. HTML/JavaScript ကိုနှိပ်
  5. အောက်က code ကို copy ယူပြီးကူးထည့်ပေးပါ

<div id="feedBox"></div>
<script>
const box = document.getElementById("feedBox");
function detectFeedType(url){
    if(url.includes("blogspot.") || url.includes("feeds/posts") || url.includes("blogger.com"))
    return "blogger";
  return "blogger"; 
}
function postHTML(img,title,link,date){
  return `<div style="display:flex;gap:10px;margin-bottom:10px;">
    <img src="${img}" style="width:65px;height:65px;object-fit:cover;border-radius:6px;">
    <div>
      <a href="${link}" target="_blank" style="font-weight:bold;color:#333;text-decoration:none">${title}</a><br>
      <small style="color:#888">${date}</small>
    </div>
  </div>`;
}
async function loadBlogger(url, box){
  try {
    const rss = url.replace(/\/$/,"") + "/feeds/posts/default?alt=rss";
    const api = `https://api.rss2json.com/v1/api.json?rss_url=${encodeURIComponent(rss)}`;
    const res = await fetch(api);
    const data = await res.json();
    if(!data.items || !data.items.length){
      box.innerHTML += "<p>No Blogger posts found.</p>";
      return;
    }
 data.items.slice(0,5).forEach(item=>{
      const title = item.title;
      const link = item.link;
      const date = new Date(item.pubDate).toLocaleDateString();
      const img = item.thumbnail || "https://via.placeholder.com/65";
      box.innerHTML += postHTML(img,title,link,date);
    });
  } catch(e){
    console.error(e);
    box.innerHTML += "<p>Blogger feed failed.</p>";
  }
}
async function loadFeed(url){
  const type = detectFeedType(url);
  box.innerHTML = `<h3>${type.toUpperCase()} FEED</h3>`;

  if(type === "blogger")  await loadBlogger(url, box);
}
loadFeed("https://Your_Name.blogspot.com");   
loadFeed("https://Yuor_Name.com");
loadFeed("https://www.Your_Name.qzz.io");
</script>

5 သည် feed post အရေအတွက်ဖြစ်သည်။လိုအပ်သလိုပြင်ဆင်နိုင်သည်။ https://Your_Name.blogspot.com https://Yuor_Name.com https://www.Your_Name.qzz.io နေရာတွေမှာမိမိ ကြိုက်နှစ်သက်တဲ့ Blogger Website Address(လိပ်စာ)ထည့်ပေးပါ။save ကိုနှိပ်ပြီးပြီ။

Post a Comment