O:9:"MagpieRSS":22:{s:6:"parser";i:0;s:12:"current_item";a:0:{}s:5:"items";a:1:{i:0;a:11:{s:2:"id";s:70:"tag:blogger.com,1999:blog-6625941778345693347.post-9196726177302825299";s:9:"published";s:29:"2026-07-12T00:06:05.822-07:00";s:7:"updated";s:29:"2026-07-12T00:06:05.823-07:00";s:5:"title";s:54:"Koleksi Produk Terbaru Minggu Ini di Online Store Kami";s:12:"atom_content";s:5953:"<style>.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px 0}.gallery-item{display:flex;flex-direction:column;aspect-ratio:3 / 4;overflow:hidden;border-radius:8px;background-color:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,0.05);text-decoration:none}.gallery-item img{width:100%;height:72%;object-fit:cover}.gallery-overlay{height:28%;background-color:#ffffff;color:#000000;display:flex;align-items:center;padding:8px 12px;box-sizing:border-box;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.gallery-title{font-size:14px;font-weight:500;line-height:1.35;color:#000000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width:1024px){.gallery-grid{grid-template-columns:repeat(4,1fr)}.gallery-item{position:relative;aspect-ratio:1 / 1;display:block;background-color:#eaeaea}.gallery-item img{width:100%;height:100%;transition:transform 0.3s ease}.gallery-item:hover img{transform:scale(1.05)}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;top:auto;height:auto;max-height:40%;background:rgba(255,255,255,0.95);transform:translateY(105%);transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1);padding:12px}.gallery-item:hover .gallery-overlay{transform:translateY(0)}.gallery-title{font-size:14px;-webkit-line-clamp:3}}.gallery-item.skeleton{background:linear-gradient(90deg,#eaeaea 25%,#f2f2f2 50%,#eaeaea 75%);background-size:200% 100%;animation:shimmer-animation 1.5s infinite linear;pointer-events:none}@keyframes shimmer-animation{0%{background-position:200% 0}100%{background-position:-200% 0}}.load-more-container{display:flex;justify-content:center;margin:40px 0}.btn-load-more{display:inline-flex;align-items:center;gap:8px;background-color:#000;color:#fff;border:none;padding:12px 24px;font-size:16px;font-weight:600;border-radius:25px;cursor:pointer;transition:background-color 0.2s ease,opacity 0.2s ease}.btn-load-more:hover{background-color:#fff;color:#000}.btn-load-more:disabled{background-color:#cccccc;cursor:not-allowed}.spinner{display:none;width:20px;height:20px;animation:rotate 2s linear infinite}.spinner .path{stroke:#ffffff;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.btn-load-more.loading .spinner{display:inline-block}</style>

<div id="gallery" class="gallery-grid"><div class="gallery-item skeleton"></div><div class="gallery-item skeleton"></div><div class="gallery-item skeleton"></div><div class="gallery-item skeleton"></div><div class="gallery-item skeleton"></div><div class="gallery-item skeleton"></div><div class="gallery-item skeleton"></div><div class="gallery-item skeleton"></div></div><div class="load-more-container"><button id="btnLoadMore" class="btn-load-more"><svg class="spinner" viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="5"></circle></svg><span>Load More</span></button></div>

<script>const galleryEl=document.getElementById("gallery"),btnLoadMore=document.getElementById("btnLoadMore");let apiPage=1;const fallbackImage="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'><rect width='300' height='300' fill='%23eaeaea'/><text x='50%' y='50%' dominant-baseline='middle' text-anchor='middle' font-family='sans-serif' font-size='16' fill='%23999999'>No Image</text></svg>";function createItemElement(e,t,a){const n=document.createElement("a");n.className="gallery-item",n.href=t,n.target="_blank",n.rel="noopener noreferrer";const l=document.createElement("img");l.src=a||fallbackImage,l.alt=e,l.loading="lazy",l.onerror=function(){this.src=fallbackImage};const o=document.createElement("div");o.className="gallery-overlay";const r=document.createElement("span");return r.className="gallery-title",r.textContent=e,o.appendChild(r),n.appendChild(l),n.appendChild(o),n}function appendSkeletons(e){const t=document.createDocumentFragment(),a=[];for(let n=0;n<e;n++){const e=document.createElement("div");e.className="gallery-item skeleton",t.appendChild(e),a.push(e)}return galleryEl.appendChild(t),a}async function fetchRSSData(){const e=[];try{const t=await fetch("https://shop.marwanto606.com/feed.xml"),a=await t.text(),n=new DOMParser,l=n.parseFromString(a,"text/xml").getElementsByTagName("item");for(let t of l){const a=t.getElementsByTagName("title")[0]?.textContent||"",n=t.getElementsByTagName("link")[0]?.textContent||"",l=t.getElementsByTagName("enclosure")[0],o=l?l.getAttribute("url"):"";e.push(createItemElement(a,n,o))}}catch(e){console.error("Gagal memuat RSS feed:",e)}return e}async function fetchAPIData(e){const t=[];let a=!0;try{const n=await fetch(`https://api-graphql.cariolshop.qzz.io/home?page=${e}`),l=await n.json(),o=l?.data?.landingPageLinkList?.linkList;o&&o.length>0?o.forEach(e=>{t.push(createItemElement(e.linkName,e.link,e.image))}):a=!1}catch(t){console.error(`Gagal memuat API page ${e}:`,t),a=!1}return{elements:t,hasMore:a}}function toggleLoadingState(e){e?(btnLoadMore.classList.add("loading"),btnLoadMore.disabled=!0):(btnLoadMore.classList.remove("loading"),btnLoadMore.disabled=!1)}window.addEventListener("DOMContentLoaded",async()=>{const[e,t]=await Promise.all([fetchRSSData(),fetchAPIData(apiPage)]);galleryEl.innerHTML="",e.forEach(e=>galleryEl.appendChild(e)),t.elements.forEach(e=>galleryEl.appendChild(e)),t.hasMore||(btnLoadMore.disabled=!0,btnLoadMore.innerText="Semua Data Dimuat")}),btnLoadMore.addEventListener("click",async()=>{apiPage+=1,toggleLoadingState(!0);const e=appendSkeletons(4),t=await fetchAPIData(apiPage);e.forEach(e=>e.remove()),t.elements.forEach(e=>galleryEl.appendChild(e)),t.hasMore||(btnLoadMore.disabled=!0,btnLoadMore.innerText="Semua Data Dimuat"),toggleLoadingState(!1)});</script>";s:9:"link_edit";s:83:"https://www.blogger.com/feeds/6625941778345693347/posts/default/9196726177302825299";s:9:"link_self";s:83:"https://www.blogger.com/feeds/6625941778345693347/posts/default/9196726177302825299";s:4:"link";s:86:"https://45plus45isfever.blogspot.com/2026/07/koleksi-produk-terbaru-minggu-ini-di.html";s:11:"author_name";s:11:"marwanto607";s:10:"author_uri";s:51:"http://www.blogger.com/profile/15926538240613574113";s:12:"author_email";s:19:"noreply@blogger.com";}}s:7:"channel";a:12:{s:2:"id";s:45:"tag:blogger.com,1999:blog-6625941778345693347";s:7:"updated";s:29:"2026-07-12T00:06:05.823-07:00";s:5:"title";s:17:"45Plus45 is fever";s:42:"link_http://schemas.google.com/g/2005#feed";s:56:"https://45plus45isfever.blogspot.com/feeds/posts/default";s:9:"link_self";s:63:"https://www.blogger.com/feeds/6625941778345693347/posts/default";s:4:"link";s:37:"https://45plus45isfever.blogspot.com/";s:8:"link_hub";s:32:"http://pubsubhubbub.appspot.com/";s:11:"author_name";s:11:"marwanto607";s:10:"author_uri";s:51:"http://www.blogger.com/profile/15926538240613574113";s:12:"author_email";s:19:"noreply@blogger.com";s:9:"generator";s:7:"Blogger";s:10:"opensearch";a:3:{s:12:"totalresults";s:1:"1";s:10:"startindex";s:1:"1";s:12:"itemsperpage";s:2:"25";}}s:9:"textinput";a:0:{}s:5:"image";a:0:{}s:9:"feed_type";s:4:"Atom";s:12:"feed_version";N;s:8:"encoding";s:10:"ISO-8859-1";s:16:"_source_encoding";s:0:"";s:5:"ERROR";s:0:"";s:7:"WARNING";s:0:"";s:19:"_CONTENT_CONSTRUCTS";a:6:{i:0;s:7:"content";i:1;s:7:"summary";i:2;s:4:"info";i:3;s:5:"title";i:4;s:7:"tagline";i:5;s:9:"copyright";}s:16:"_KNOWN_ENCODINGS";a:3:{i:0;s:5:"UTF-8";i:1;s:8:"US-ASCII";i:2;s:10:"ISO-8859-1";}s:5:"stack";a:0:{}s:9:"inchannel";b:0;s:6:"initem";b:0;s:9:"incontent";b:0;s:11:"intextinput";b:0;s:7:"inimage";b:0;s:17:"current_namespace";b:0;s:13:"last_modified";s:31:"Mon, 10 Aug 2026 05:23:48 GMT
";}