<!DOCTYPE html>
<html lang="id">

<head>
	<script>
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({
        "title": "Beyond Blogging - Kompasiana.com",
        "url": "https://www.kompasiana.com",
        "content_category": "",
        "content_subcategory": "",
        "content_id": "",
        "content_location": "ID",
        "content_type": "article",
        "content_PublishedDate": "2026-10-05T04:30:21+0700",
        "content_author": "Kompasiana.com",
        "content_level": "",
        "content_art_length": "",
        "content_shorturl": "",
        "content_authorstatus": "",
        "content_author_id": "",
        "content_lipsus": "",
        "content_tag": "kompasiana",
        "content_tags": "kompasiana, kompas, jurnalisme warga, media warga, citizen journalism, citizen media, sharing, connecting, blogger, blog, media opini",
        "content_total_words": ""
    });
</script> 
<!-- google tag -->
<script>
    (function(w, d, s, l, i) {
        w[l] = w[l] || [];
        w[l].push({
            'gtm.start': new Date().getTime(),
            event: 'gtm.js'
        });
        var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s),
            dl = l != 'dataLayer' ? '&l=' + l : '';
        j.async = true;
        j.src =
            'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
        f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-P7HQ38');
</script>

        <link href="//securepubads.g.doubleclick.net" rel="dns-prefetch">
    <link href="//pubads.g.doubleclick.net/" rel="dns-prefetch">
    <link href="//tpc.googlesyndication.com" rel="dns-prefetch">
    <link href="//cm.g.doubleclick.net" rel="dns-prefetch">
    <link href="//static.adsafeprotected.com" rel="dns-prefetch">
    <link href="//fw.adsafeprotected.com" rel="dns-prefetch">
    <link href="//pixel.adsafeprotected.com" rel="dns-prefetch">
    <link href="//cdn.doubleverify.com" rel="dns-prefetch">
    <link href="//bs.serving-sys.com/" rel="dns-prefetch">
    
    <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
    <!-- START PREBID DESKTOP -->
    <!--pubstack tracker start--> <script async src="https://boot.pbstck.com/v1/tag/f8a5efaf-8638-4692-aec5-fc20375821ff"></script> <!-- pubstack end --> 
    <!--jixie prebid tracker start-->
    <script type="text/javascript">
    window.pbjs=window.pbjs||{},pbjs.que=pbjs.que||[],pbjs.que.push(function(){window._jxbidsq=window._jxbidsq||[],pbjs.onEvent("auctionInit",function(n){_jxbidsq.push(["auctionInit",n])}),pbjs.onEvent("auctionEnd",function(n){_jxbidsq.push(["auctionEnd",n])}),pbjs.onEvent("bidWon",function(n){_jxbidsq.push(["bidWon",n])}),pbjs.onEvent("bidTimeout",function(n){_jxbidsq.push(["bidTimeout",n])}),pbjs.onEvent("bidRequested",function(n){_jxbidsq.push(["bidRequested",n])}),pbjs.onEvent("setTargeting",function(n){_jxbidsq.push(["setTargeting",n])}),pbjs.onEvent("bidResponse",function(n){_jxbidsq.push(["bidResponse",n])})}),window.googletag=window.googletag||{cmd:[]},googletag.cmd.push(function(){googletag.pubads().addEventListener("slotRenderEnded",function(n){_jxbidsq.push(["slotRenderEnded",n])}),googletag.pubads().addEventListener("impressionViewable",function(n){_jxbidsq.push(["impressionViewable",n])})});
    </script>
    <!--jixie prebid tracker end-->
    <script async src="https://adsimg.kompas.com/html5/prebid/kompasiana/prebid11.31.0-kompasiana-04092026.js"></script>
    <script async src=https://tma-api.telkomsel.com/public/sdk/u_id.min.js></script>
    <!-- Start UUID -->
    <script type="text/javascript" defer>
    function getCookieUid(cname){var name=cname+"=";var decodedCookie=decodeURIComponent(document.cookie);var ca=decodedCookie.split(";");for(var i=0;i<ca.length;i+=1){var c=ca[i];while(c.charAt(0)==" "){c=c.substring(1)}if(c.indexOf(name)==0){return c.substring(name.length,c.length)}}return ""}var uuid__=getCookieUid("_jxtdid");window.getUid2AdvertisingToken=async()=>{var id;if(typeof window.jxGetUid2=='function'){id=await window.jxGetUid2()}else{id=getCookieUid('__uid2_advertising_token',null)}return id}
    </script>
    <!-- Endof UUID -->
    <script type="text/javascript">
    var PREBID_TIMEOUT=2e3,FAILSAFE_TIMEOUT=3e3,adUnits=[{code:"div-gpt-ad-Top_1",ortb2Imp:{ext:{gpid:"1000055-aBnjYrpQ2m",data:{pbadslot:"1000055-aBnjYrpQ2m"}}},mediaTypes:{banner:{sizes:[[728,90],[970,90],[970,250],[360,100],[360,150],[384,100],[393,100]]}},bids:[{bidder:"pubstack_server",params:{adUnitName:"div-gpt-ad-Top_1"}},{bidder:"adbro",params:{placementId:5041}},{bidder:"teads",params:{placementId:261257,pageId:244368}},{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93794",domain:"https://prg8.smartadserver.com"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93795",domain:"https://prg8.smartadserver.com"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484374}},{bidder:"jixie",params:{unit:"1000055-aBnjYrpQ2m"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986572}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986573}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986574}},{bidder:"kargo",params:{placementId:"_zns1RzK9gm"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"ea75c92b-2bab-40d4-99e6-924fa8be21c8"}}]},{code:"div-gpt-ad-Right_1",ortb2Imp:{ext:{gpid:"1000055-9j0GLqnLdg",data:{pbadslot:"1000055-9j0GLqnLdg"}}},mediaTypes:{banner:{sizes:[[300,250]]},video:{context:"outstream",playerSize:[300,250],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},bids:[{bidder:"pubstack_server",params:{adUnitName:"div-gpt-ad-Right_1"}},{bidder:"adbro",params:{placementId:5041}},{bidder:"teads",params:{placementId:261257,pageId:244368}},{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"openx",params:{unit:"560842544",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93800",domain:"https://prg8.smartadserver.com"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484376}},{bidder:"jixie",params:{unit:"1000055-9j0GLqnLdg"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986575}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484376}},{bidder:"rubicon",params:{accountId:11834,siteId:564598,zoneId:3570204}},{bidder:"ix",params:{siteId:450351,size:[300,250]}},{bidder:"kargo",params:{placementId:"_f7ONufQEvW"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"1ba5ab92-566d-4f7f-81e4-a72468762746"}},{bidder:"ix",params:{siteId:450351,size:[300,250],video:{api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:4,linearity:1,delivery:[1,2],playerSize:[640,480],pos:1,plcmt:4}}}]},{code:"div-gpt-ad-Right_2",ortb2Imp:{ext:{gpid:"1000055-FadeM8c1kE",data:{pbadslot:"1000055-FadeM8c1kE"}}},mediaTypes:{banner:{sizes:[[300,250]]},video:{context:"outstream",playerSize:[300,250],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},bids:[{bidder:"pubstack_server",params:{adUnitName:"div-gpt-ad-Right_2"}},{bidder:"adbro",params:{placementId:5041}},{bidder:"teads",params:{placementId:261257,pageId:244368}},{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93800",domain:"https://prg8.smartadserver.com"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484380}},{bidder:"rubicon",params:{accountId:11834,siteId:564598,zoneId:3570204}},{bidder:"jixie",params:{unit:"1000055-FadeM8c1kE"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986576}},{bidder:"kargo",params:{placementId:"_f7ONufQEvW"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"ae9a3d5f-b09a-4a21-85d5-4810d1f4ce9c"}}]},{code:"div-gpt-ad-Giant",ortb2Imp:{ext:{gpid:"1000055-MqlAW2YAWw",data:{pbadslot:"1000055-MqlAW2YAWw"}}},mediaTypes:{banner:{sizes:[[300,600],[300,250],[160,600]]},video:{context:"outstream",playerSize:[300,250],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},bids:[{bidder:"pubstack_server",params:{adUnitName:"div-gpt-ad-Giant"}},{bidder:"adbro",params:{placementId:5041}},{bidder:"teads",params:{placementId:261257,pageId:244368}},{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:450351,size:[300,600]}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93799",domain:"https://prg8.smartadserver.com"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484384}},{bidder:"rubicon",params:{accountId:11834,siteId:564598,zoneId:3570204}},{bidder:"jixie",params:{unit:"1000055-MqlAW2YAWw"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986578}},{bidder:"kargo",params:{placementId:"_f7ONufQEvW"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"f3147e59-4eec-4db0-b592-2c0813038a74"}}]},{code:"div-gpt-ad-Bottom_Horad",ortb2Imp:{ext:{gpid:"",data:{pbadslot:""}}},mediaTypes:{banner:{sizes:[[728,90],[970,90]]}},bids:[{bidder:"pubstack_server",params:{adUnitName:"div-gpt-ad-Bottom_Horad"}},{bidder:"adbro",params:{placementId:5041}},{bidder:"teads",params:{placementId:261257,pageId:244368}},{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93794",domain:"https://prg8.smartadserver.com"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93795",domain:"https://prg8.smartadserver.com"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484374}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986572}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986573}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986574}},{bidder:"kargo",params:{placementId:"_zns1RzK9gm"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"ea75c92b-2bab-40d4-99e6-924fa8be21c8"}}]},{code:"gpt_unit_/31800665/KOMPASIANA.COM/vignette_0",ortb2Imp:{instl:1,ext:{gpid:"1000055-0EnBHuaIuZ",data:{pbadslot:"1000055-0EnBHuaIuZ"}}},mediaTypes:{banner:{sizes:[[300,250],[320,480],[336,280]]},video:{context:"outstream",playerSize:[[300,250],[320,480],[336,280]],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},bids:[{bidder:"adbro",params:{placementId:5041}},{bidder:"teads",params:{placementId:261256,pageId:244367}},{bidder:"openx",params:{unit:"561354441",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"135325",domain:"https://prg8.smartadserver.com"}},{bidder:"rubicon",params:{accountId:11834,siteId:215100,zoneId:3632146}},{bidder:"ix",params:{siteId:1145054,size:[300,250]}},{bidder:"ix",params:{siteId:1145054,size:[320,480]}},{bidder:"jixie",params:{unit:"1000055-0EnBHuaIuZ"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986578}},{bidder:"kargo",params:{placementId:"_f7ONufQEvW"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"f3147e59-4eec-4db0-b592-2c0813038a74"}}]}],gptadslots=[],googletag=googletag||{};(googletag.cmd=googletag.cmd||[]),googletag.cmd.push(function(){googletag.pubads().disableInitialLoad()});var pbjs=pbjs||{};function initAdserver(){pbjs.initAdserverSet||((pbjs.initAdserverSet=!0),googletag.cmd.push(function(){pbjs.que.push(function(){pbjs.setTargetingForGPTAsync(),googletag.pubads().refresh()})}))}(pbjs.que=pbjs.que||[]),pbjs.que.push(function(){pbjs.mergeConfig({jixie:{genids:[{id:"esha",ck:"usermail"},{id:"psha",ck:"kmps_uphn"},{id:"_jxtoko"},{id:"_jxifo"}]}}),pbjs.setConfig({enableSendAllBids:!0,enableTIDs:!0,priceGranularity:"high",ix:{detectMissingSizes:!1},filterSettings:{iframe:{bidders:"*",filter:"include"},image:{bidders:"*",filter:"include"}}},currency:{adServerCurrency:"USD"},syncsPerBidder:0,s2sConfig:{accountId:"f592773f-0b4f-4e7c-8cef-a1ca0bc0cec6",enabled:true,adapter:"prebidServer",bidders:["pubstack_server"],endpoint:"https://prebid-server.pbstck.com/openrtb2/auction",syncEndpoint:"https://prebid-server.pbstck.com/cookie_sync"}}),(pbjs.bidderSettings={standard:{storageAllowed:!0}}),pbjs.addAdUnits(adUnits),pbjs.requestBids({bidsBackHandler:initAdserver,timeout:PREBID_TIMEOUT})}),setTimeout(function(){initAdserver()},FAILSAFE_TIMEOUT);
    </script>
    <!-- END PREBID DESKTOP -->
    <script>
        window.googletag = window.googletag || {cmd: []};
        window.gptadslots = window.gptadslots || [];
        var gptadslots = window.gptadslots;
        googletag.cmd.push(function() {
            var adUnitPath = '/31800665/KOMPASIANA.COM/' + "home";

            gptadslots[1] = googletag.defineSlot(adUnitPath, [[970, 250], [970, 90], [728, 90], [393, 100], [384, 100], [360, 150], [360, 100]], 'div-gpt-ad-Top_1').setTargeting('Pos', ['Top_1']).setTargeting('kg_pos', ['top_1']).addService(googletag.pubads());
            gptadslots[2] = googletag.defineSlot(adUnitPath, [[300, 250]], 'div-gpt-ad-Right_1').setTargeting('Pos', ['Right_1']).setTargeting('kg_pos', ['right_2']).addService(googletag.pubads());
            gptadslots[3] = googletag.defineSlot(adUnitPath, [[300, 250]], 'div-gpt-ad-Right_2').setTargeting('Pos', ['Right_2']).setTargeting('kg_pos', ['right_3']).addService(googletag.pubads());
            //gptadslots[4] = googletag.defineSlot(adUnitPath, [[300, 250]], 'div-gpt-ad-Right_3').setTargeting('Pos', ['Right_3']).setTargeting('kg_pos', ['right_4']).addService(googletag.pubads());
            gptadslots[5] = googletag.defineSlot(adUnitPath, [[300, 600], [300, 250], [160, 600]], 'div-gpt-ad-Giant').setTargeting('Pos', ['Giant']).setTargeting('kg_pos', ['giant']).addService(googletag.pubads());
            gptadslots[6] = googletag.defineOutOfPageSlot(adUnitPath, 'div-gpt-ad-Overlay').setTargeting('Pos', ['Overlay']).setTargeting('kg_pos', ['overlay']).addService(googletag.pubads());
            gptadslots[7] = googletag.defineOutOfPageSlot(adUnitPath, 'div-gpt-ad-Rollup').setTargeting('Pos', ['Rollup']).setTargeting('kg_pos', ['rollup']).addService(googletag.pubads());
            gptadslots[8] = googletag.defineSlot(adUnitPath, [[970, 90], [728, 90]], 'div-gpt-ad-Bottom_Horad').setTargeting('Pos', ['Horizontal_Ad']).setTargeting('kg_pos', ['horizontal_ad']).addService(googletag.pubads());
            gptadslots[9] = googletag.defineSlot(adUnitPath, [[970, 90], [728, 90]], 'div-gpt-ad-Read_After_Recommendation').setTargeting('Pos', ['Middle_1']).setTargeting('kg_pos', ['middle_1']).addService(googletag.pubads());
            gptadslots[10] = googletag.defineSlot(adUnitPath, [[300, 250], [336, 280]], 'div-gpt-ad-Read_After_Recommendation_2').setTargeting('Pos', ['Middle_2']).setTargeting('kg_pos', ['middle_2']).setTargeting('slot_variant', ['rec_after_2']).addService(googletag.pubads());
            gptadslots[11] = googletag.defineSlot(adUnitPath, [[728,90],[468,60],[320,100]], 'div-gpt-ad-Inside-Komentar').setTargeting('Pos', ['zone_komentar_1']).setTargeting('kg_pos', ['zone_komentar_1']).addService(googletag.pubads());
            //gptadslots[8] = googletag.defineSlot(adUnitPath, [[160, 600]], 'div-gpt-ad-Skyscraper').setTargeting('Pos', ['Skyscraper']).setTargeting('kg_pos', ['skyscraper']).addService(googletag.pubads());

            if (!window.__kgVignetteRequested) {
                var dvignette = googletag.defineOutOfPageSlot('/31800665/KOMPASIANA.COM/vignette', googletag.enums.OutOfPageFormat.INTERSTITIAL);
                if (dvignette !== null) {
                    dvignette.setTargeting('Pos', ['vignette']);
                    dvignette.setTargeting('kg_pos', ['vignette']);
                    dvignette.addService(googletag.pubads());
                    window.__kgVignetteRequested = true;
                    googletag.display(dvignette);
                }
            }
            googletag.pubads().enableLazyLoad({
                fetchMarginPercent: 500,
                renderMarginPercent: 200,
            });
            googletag.enableServices();
        });
    </script>

<title>Beyond Blogging - Kompasiana.com</title>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Content-Type" content="text/html; charset=UTF-8">
<meta name="google" content="notranslate">
<meta name="description"  content="Kompasiana merupakan Media Warga (Citizen Media) yang mengusung semangat berbagi dan saling terhubung (sharing, connecting)">
<meta name="content_tags" content="kompasiana, kompas, jurnalisme warga, media warga, citizen journalism, citizen media, sharing, connecting, blogger, blog, media opini" />

    <meta name="robots" content="index, follow" />
    <meta name="robots" content="max-image-preview:large, max-snippet:-1, max-video-preview:-1">
    <meta name="googlebot-news" content="index,follow" />
    <meta name="googlebot" content="index,follow" />

<meta name="author" content="Kompasiana.com">
<meta name="language" content="id" />
<meta name="geo.country" content="id" />
<meta http-equiv="content-language" content="In-Id" />
<meta name="geo.placename" content="Indonesia" />
<meta name="thumbnailUrl" content="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/logo-kompasiana-beta.png?v=100" itemprop="thumbnailUrl" />
<meta content="https://www.kompasiana.com/" itemprop="url" />
<meta property="fb:pages" content="194032223976103" />
<meta property="fb:app_id" content="397600276959629" />
<meta property="og:site_name" content="KOMPASIANA" />
<meta property="og:title" content="Beyond Blogging - Kompasiana.com" />
<meta property="og:url" content="https://www.kompasiana.com" />
<meta property="article:author" content="" />
<meta property="article:publisher" content="" />

<meta name="msvalidate.01" content="94D7C64651DB01DACCF13907E3748127" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="#71C2EA">
<meta name="apple-mobile-web-app-title" content="Kompasiana">
<link rel="apple-touch-icon" href="https://assets.kompasiana.com/statics/2018_kompasiana/icons/152.png" sizes="152x152">
<link rel="manifest" href="https://assets-a1.kompasiana.com/statics/2018_kompasiana/manifest.json?v=45">
<meta name="msapplication-TitleImage" content="https://assets.kompasiana.com/statics/2018_kompasiana/icons/152.png">
<meta name="msapplication-TitleColor" content="#fff">
<meta name="theme-color" content="#71C2EA">
<meta name='dailymotion-domain-verification' content='dm59upmqfqt5m76ei' />
<meta name='dailymotion-domain-verification' content='dmxyl7pslj4g1we65' />

    <meta name="adx:sections" content="Home" />
    <meta name="content_category" content="" />
    <meta name="content_subcategory" content="" />
    <meta name="content_location" content="ID" />
    <meta name="content_type" content="website" />
    <meta name="content_PublishedDate" content="" />
    <meta name="content_author" content="Kompasiana.com" />
    <meta name="content_level" content="" />
    <meta name="content_source" content="" />
    <meta name="content_tag" content="" />
    <meta name="content_total_words" content="" />
    <meta name="keywords" content="kompasiana, kompas, jurnalisme warga, media warga, citizen journalism, citizen media, sharing, connecting, blogger, blog, media opini">
    <meta property="og:image" content="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/previewlink.jpg" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:description" content="Kompasiana merupakan Media Warga (Citizen Media) yang mengusung semangat berbagi dan saling terhubung (sharing, connecting)" />
    <meta property="og:type" content="website" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@kompasiana" />
    <meta name="twitter:creator" content="@kompasiana" />
    <meta name="twitter:title" content="Beyond Blogging - Kompasiana.com" />
    <meta name="twitter:description" content="Kompasiana merupakan Media Warga (Citizen Media) yang mengusung semangat berbagi dan saling terhubung (sharing, connecting)" />
    <meta name="twitter:image" content="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/previewlink.jpg" />

<link rel="alternate" hreflang="id" href="https://www.kompasiana.com" />
<link rel="alternate" hreflang="x-default" href="https://www.kompasiana.com" />

<meta name="csrf-token" content="ecik1Gahnkp0a6b3bbp5kL9eein5eOp6tF3Y00bT">

<link rel="shortcut icon" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/favicon.ico" type="image/x-icon">
<link rel="icon" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/favicon.ico" type="image/x-icon">
<link rel="canonical" href="https://www.kompasiana.com">


    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "WebSite",
            "url": "https://www.kompasiana.com/",
            "potentialAction": {
                "@type": "SearchAction",
                "target": "https://www.kompasiana.com/search_artikel?q={search_term_string}",
                "query-input": "required name=search_term_string"
            }
        }
    </script>
    <script type="application/ld+json">
        {
            "@context" : "https://schema.org",
            "@type" : "Organization",
            "url": "https://www.kompasiana.com/",
            "logo": "https://assets-a1.kompasiana.com/statics/kompasiana2015/images/logo-kompasiana-beta.png",
            "sameAs" : [
                "https://www.facebook.com/KOMPASIANAcom",
                "https://www.twitter.com/kompasiana",
                "https://instagram.com/kompasianacom"
            ]
        }
    </script>

<!-- Warm up the TLS handshake for the origins we always hit -->
<link rel="preconnect" href="https://assets-a1.kompasiana.com" crossorigin>
<link rel="dns-prefetch" href="https://securepubads.g.doubleclick.net">
<link rel="dns-prefetch" href="https://www.googletagmanager.com">

<!-- fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<style>
    @font-face {
    font-family: 'Open Sans';
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v44/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Open Sans';
    font-display: swap;
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v44/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVAewIMUdjFXmQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Open Sans';
    font-display: swap;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v44/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Open Sans';
    font-display: swap;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v44/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Open Sans';
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v44/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Open Sans';
    font-display: swap;
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v44/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6FxZCJgg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Open Sans';
    font-display: swap;
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v44/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
</style>
<style>
    html {
        scrollbar-gutter: stable;
        overflow-y: scroll;
    }
</style>

<!-- master css -->
<link rel="stylesheet" href="https://assets-a1.kompasiana.com/statics/2026/harmony/desktop/css/ruang-foundation-desktop.css?v=35">
<link rel="stylesheet" href="https://assets-a1.kompasiana.com/statics/2026/harmony/desktop/css/ruang-widget-ramadan.css?v=35">
	<style>
		.btn-statistik { text-decoration: none; color: inherit; }
	</style>
</head>

<body class="desktop">
	<style>
		.kg-top-slot {
			width: 100%;
			min-height: 250px;
			display: flex;
			align-items: center;
			justify-content: center;
			overflow: hidden;
		}

		.kg-top-slot iframe {
			display: block;
			margin: 0 auto;
		}

		.kg-infeed-slot iframe {
			display: block;
			margin: 0 auto;
		}
	</style>
	<main class="root">
				<h1 class="hide">Beyond Blogging - Kompasiana.com</h1>
				<style>
    .notif-badge {
        position: absolute;
        top: -2px;
        right: -4px;
        background-color: #e53e3e;
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        line-height: 1;
        min-width: 16px;
        height: 16px;
        padding: 2px 4px;
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .relative { position: relative; }
</style>
<header class="header h-50 bg-base-white px-16">
    <div class="flex flex-align-center flex-justify-between h-p100">
        <div class="flex gap-14 flex-align-center">
            <div class="logo">
                <a href="https://www.kompasiana.com"><img src="https://assets-a1.kompasiana.com/statics/2025_kompasiana/desktop/images/logo-kompasiana.svg" alt="Kompasiana Beyond Blogging"></a>
            </div>
        </div>
        <div class="flex gap-16 flex-align-center">
            <!-- Kotak Pencarian -->
            <div class="search-box flex-1 px-16">
                <form action="https://www.kompasiana.com/search_artikel" class="flex-align-center gap-8" method="GET">
                    <input name="q" type="text" placeholder="Cari" class="search-input w-full">
                    <input type="submit" class="btn btn-text btn-default btn-search sq-32">
                </form>
            </div>
        </div>
        <div class="flex gap-16 flex-align-center">
                            <a href="https://account.kompasiana.com/login/a29tcGFzaWFuYQ==/aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20v" class="btn btn-text btn-lg btn-tulis h-32 ml-16" title="Mulai Menulis" data-event-category="view_dashboard" data-event-action="click view_dashboard" data-event-label="navbar_tulis" data-event-track="click">
                    <i class="iconBase iconPencil" data-event-category="view_dashboard" data-event-action="click view_dashboard" data-event-label="navbar_tulis" data-event-track="click"></i>
                    <span data-event-category="view_dashboard" data-event-action="click view_dashboard" data-event-label="navbar_tulis" data-event-track="click">Tulis</span>
                </a>
                                    <a href="https://account.kompasiana.com/login/a29tcGFzaWFuYQ==/aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20v" class="btn btn-text btn-default btn-nav sq-28 relative js-notif-bell"  title="Notifikasi">
            	<i class="iconBase iconBell"></i>
            	            </a>
            <!-- check sudah login atau blm -->
                        <a href="https://account.kompasiana.com/login/a29tcGFzaWFuYQ==/aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20v" class="btn btn-text btn-default btn-nav sq-28" title="Login">
                <i class="iconBase iconUserCircle"></i>
            </a>
                    </div>
            </div>
</header>
		        <div class="wrapper">
        	<div class="sidebar">
	<div class="sidebar-content">
		<nav aria-labelledby="Main Menu" class="menu flex h-40 bg-base-white px-16">
		    <ul class="flex flex-align-center flex-justify-around h-p100 w-p100"> 
		        <li>
		            <a href="https://www.kompasiana.com" aria-label="Home" class="btn btn-text btn-xs btn-menu active">
		                <i class="iconBase iconHouse" aria-hidden="true"></i>
		                <span class="heading-6">Home</span>
		            </a>
		        </li>
		        <li>
		            <a href="https://temu.kompasiana.com/" aria-label="Komunitas" class="btn btn-text btn-xs btn-menu ">
		                <i class="iconBase iconUsers" aria-hidden="true"></i>
		                <span class="heading-6">Komunitas</span>
		            </a>
		        </li>
		        <li>
		            <a href="https://event.kompasiana.com/" aria-label="Event" class="btn btn-text btn-xs btn-menu ">
		                <i class="iconBase iconTicket" aria-hidden="true"></i>
		                <span class="heading-6">Event</span>
		            </a>
		        </li>
				
				<!-- 
		        <li>
		            <a href="#" aria-label="Kolaborasi" class="btn btn-text btn-xs btn-menu ">
		                <i class="iconBase iconStarFour" aria-hidden="true"></i>
		                <span class="heading-6">Kolaborasi</span>
		            </a>
		        </li> -->
		    </ul>
		</nav>					
		<div class="navigation flex flex-col gap-20" data-nav-target="main-menu" data-state="closed">
					    <!-- Bagian Kategori -->
		    <div class="flex-col gap-8 bg-base-white round-8 py-16">
		        <h4 class="heading-6 px-16">Kategori</h4>
		        <nav aria-labelledby="Kategori" class="flex flex-col">
		            													<div class="categories flex-justify-between flex-align-center pr-16">
								<a href="https://www.kompasiana.com/kampusiana" class="btn btn-text btn-default btn-navigation">
																			<i class="iconBase iconGraduationCap">
																					</i>
																		<span>Kampusiana</span>
								</a>
								<button class="btn btn-text btn-default btn-caret sq-24" type="button" data-state="closed" data-target="https://www.kompasiana.com/kampusiana">
									<i class="iconBase iconCaretRight"></i>
								</button>
							</div>
							<div class="subcategories flex-col" data-parent="https://www.kompasiana.com/kampusiana" data-state="closed">
																	<a href="https://www.kompasiana.com/kampusiana/kkn" class="btn btn-text btn-2xs btn-navigation" >
										<span>Kkn </span>
									</a>
																	<a href="https://www.kompasiana.com/kampusiana/mading" class="btn btn-text btn-2xs btn-navigation" >
										<span>Mading</span>
									</a>
																	<a href="https://www.kompasiana.com/kampusiana/paper" class="btn btn-text btn-2xs btn-navigation" >
										<span>Paper</span>
									</a>
															</div>
																								<div class="categories flex-justify-between flex-align-center pr-16">
								<a href="https://www.kompasiana.com/sustainability" class="btn btn-text btn-default btn-navigation">
																			<i class="iconBase iconClover">
																					</i>
																		<span>Sustainability</span>
								</a>
								<button class="btn btn-text btn-default btn-caret sq-24" type="button" data-state="closed" data-target="https://www.kompasiana.com/sustainability">
									<i class="iconBase iconCaretRight"></i>
								</button>
							</div>
							<div class="subcategories flex-col" data-parent="https://www.kompasiana.com/sustainability" data-state="closed">
																	<a href="https://www.kompasiana.com/sustainability/edu" class="btn btn-text btn-2xs btn-navigation" >
										<span>Edu</span>
									</a>
																	<a href="https://www.kompasiana.com/sustainability/energy" class="btn btn-text btn-2xs btn-navigation" >
										<span>Energy</span>
									</a>
																	<a href="https://www.kompasiana.com/sustainability/entrepreneur" class="btn btn-text btn-2xs btn-navigation" >
										<span>Entrepreneur</span>
									</a>
																	<a href="https://www.kompasiana.com/sustainability/green" class="btn btn-text btn-2xs btn-navigation" >
										<span>Green</span>
									</a>
																	<a href="https://www.kompasiana.com/sustainability/health" class="btn btn-text btn-2xs btn-navigation" >
										<span>Health</span>
									</a>
															</div>
																								<div class="categories flex-justify-between flex-align-center pr-16">
								<a href="https://www.kompasiana.com/lyfe" class="btn btn-text btn-default btn-navigation">
																			<i class="iconBase iconCoatHanger">
																					</i>
																		<span>Lyfe</span>
								</a>
								<button class="btn btn-text btn-default btn-caret sq-24" type="button" data-state="closed" data-target="https://www.kompasiana.com/lyfe">
									<i class="iconBase iconCaretRight"></i>
								</button>
							</div>
							<div class="subcategories flex-col" data-parent="https://www.kompasiana.com/lyfe" data-state="closed">
																	<a href="https://www.kompasiana.com/lyfe/diary" class="btn btn-text btn-2xs btn-navigation" >
										<span>Diary</span>
									</a>
																	<a href="https://www.kompasiana.com/lyfe/entertainment" class="btn btn-text btn-2xs btn-navigation" >
										<span>Entertainment</span>
									</a>
																	<a href="https://www.kompasiana.com/lyfe/relationship" class="btn btn-text btn-2xs btn-navigation" >
										<span>Relationship</span>
									</a>
																	<a href="https://www.kompasiana.com/lyfe/techlife" class="btn btn-text btn-2xs btn-navigation" >
										<span>Techlife</span>
									</a>
																	<a href="https://www.kompasiana.com/lyfe/worklife" class="btn btn-text btn-2xs btn-navigation" >
										<span>Worklife</span>
									</a>
															</div>
																								<div class="categories flex-justify-between flex-align-center pr-16">
								<a href="https://www.kompasiana.com/money" class="btn btn-text btn-default btn-navigation">
																			<i class="iconBase iconWallet">
																					</i>
																		<span>Money</span>
								</a>
								<button class="btn btn-text btn-default btn-caret sq-24" type="button" data-state="closed" data-target="https://www.kompasiana.com/money">
									<i class="iconBase iconCaretRight"></i>
								</button>
							</div>
							<div class="subcategories flex-col" data-parent="https://www.kompasiana.com/money" data-state="closed">
																	<a href="https://www.kompasiana.com/money/business" class="btn btn-text btn-2xs btn-navigation" >
										<span>Business</span>
									</a>
																	<a href="https://www.kompasiana.com/money/financial" class="btn btn-text btn-2xs btn-navigation" >
										<span>Financial</span>
									</a>
															</div>
																								<div class="categories flex-justify-between flex-align-center pr-16">
								<a href="https://www.kompasiana.com/vox-pop" class="btn btn-text btn-default btn-navigation">
																			<i class="iconBase iconSpeakerHigh">
																					</i>
																		<span>Vox Pop</span>
								</a>
								<button class="btn btn-text btn-default btn-caret sq-24" type="button" data-state="closed" data-target="https://www.kompasiana.com/vox-pop">
									<i class="iconBase iconCaretRight"></i>
								</button>
							</div>
							<div class="subcategories flex-col" data-parent="https://www.kompasiana.com/vox-pop" data-state="closed">
																	<a href="https://www.kompasiana.com/vox-pop/politik-hukum" class="btn btn-text btn-2xs btn-navigation" >
										<span>Politik &amp; Hukum</span>
									</a>
																	<a href="https://www.kompasiana.com/vox-pop/sociocultural" class="btn btn-text btn-2xs btn-navigation" >
										<span>Sociocultural</span>
									</a>
															</div>
																								<div class="categories flex-justify-between flex-align-center pr-16">
								<a href="https://www.kompasiana.com/travel-story" class="btn btn-text btn-default btn-navigation">
																			<i class="iconBase iconLocation">
																					</i>
																		<span>Travel Story</span>
								</a>
								<button class="btn btn-text btn-default btn-caret sq-24" type="button" data-state="closed" data-target="https://www.kompasiana.com/travel-story">
									<i class="iconBase iconCaretRight"></i>
								</button>
							</div>
							<div class="subcategories flex-col" data-parent="https://www.kompasiana.com/travel-story" data-state="closed">
																	<a href="https://www.kompasiana.com/travel-story/foodie" class="btn btn-text btn-2xs btn-navigation" >
										<span>Foodie</span>
									</a>
																	<a href="https://www.kompasiana.com/travel-story/trip" class="btn btn-text btn-2xs btn-navigation" >
										<span>Trip</span>
									</a>
															</div>
																								<div class="categories flex-justify-between flex-align-center pr-16">
								<a href="https://www.kompasiana.com/halo-lokal" class="btn btn-text btn-default btn-navigation">
																			<i class="iconBase iconSuitcase">
																					</i>
																		<span>Halo Lokal</span>
								</a>
								<button class="btn btn-text btn-default btn-caret sq-24" type="button" data-state="closed" data-target="https://www.kompasiana.com/halo-lokal">
									<i class="iconBase iconCaretRight"></i>
								</button>
							</div>
							<div class="subcategories flex-col" data-parent="https://www.kompasiana.com/halo-lokal" data-state="closed">
																	<a href="https://www.kompasiana.com/halo-lokal/bandung" class="btn btn-text btn-2xs btn-navigation" >
										<span>Bandung</span>
									</a>
																	<a href="https://www.kompasiana.com/halo-lokal/joglosemar" class="btn btn-text btn-2xs btn-navigation" >
										<span>Joglosemar</span>
									</a>
																	<a href="https://www.kompasiana.com/halo-lokal/makassar" class="btn btn-text btn-2xs btn-navigation" >
										<span>Makassar</span>
									</a>
																	<a href="https://www.kompasiana.com/halo-lokal/medan" class="btn btn-text btn-2xs btn-navigation" >
										<span>Medan</span>
									</a>
																	<a href="https://www.kompasiana.com/halo-lokal/palembang" class="btn btn-text btn-2xs btn-navigation" >
										<span>Palembang</span>
									</a>
																	<a href="https://www.kompasiana.com/halo-lokal/surabaya" class="btn btn-text btn-2xs btn-navigation" >
										<span>Surabaya</span>
									</a>
															</div>
																								<div class="categories flex-justify-between flex-align-center pr-16">
								<a href="https://www.kompasiana.com/sports" class="btn btn-text btn-default btn-navigation">
																			<i class="iconBase iconBasketball">
																					</i>
																		<span>Sports</span>
								</a>
								<button class="btn btn-text btn-default btn-caret sq-24" type="button" data-state="closed" data-target="https://www.kompasiana.com/sports">
									<i class="iconBase iconCaretRight"></i>
								</button>
							</div>
							<div class="subcategories flex-col" data-parent="https://www.kompasiana.com/sports" data-state="closed">
																	<a href="https://www.kompasiana.com/sports/atletik" class="btn btn-text btn-2xs btn-navigation" >
										<span>Atletik</span>
									</a>
																	<a href="https://www.kompasiana.com/sports/balap" class="btn btn-text btn-2xs btn-navigation" >
										<span>Balap</span>
									</a>
																	<a href="https://www.kompasiana.com/sports/bola" class="btn btn-text btn-2xs btn-navigation" >
										<span>Bola</span>
									</a>
																	<a href="https://www.kompasiana.com/sports/raket" class="btn btn-text btn-2xs btn-navigation" >
										<span>Raket</span>
									</a>
															</div>
																								<div class="categories flex-justify-between flex-align-center pr-16">
								<a href="https://www.kompasiana.com/fiksiana" class="btn btn-text btn-default btn-navigation">
																			<i class="iconBase iconButterfly">
																					</i>
																		<span>Fiksiana</span>
								</a>
								<button class="btn btn-text btn-default btn-caret sq-24" type="button" data-state="closed" data-target="https://www.kompasiana.com/fiksiana">
									<i class="iconBase iconCaretRight"></i>
								</button>
							</div>
							<div class="subcategories flex-col" data-parent="https://www.kompasiana.com/fiksiana" data-state="closed">
																	<a href="https://www.kompasiana.com/fiksiana/cerpen" class="btn btn-text btn-2xs btn-navigation" >
										<span>Cerpen</span>
									</a>
																	<a href="https://www.kompasiana.com/fiksiana/puisi" class="btn btn-text btn-2xs btn-navigation" >
										<span>Puisi</span>
									</a>
															</div>
																								<div class="categories flex-justify-between flex-align-center pr-16">
								<a href="https://www.kompasiana.com/hands-on" class="btn btn-text btn-default btn-navigation">
																			<i class="iconBase iconCheckCircle">
																					</i>
																		<span>Hands On</span>
								</a>
								<button class="btn btn-text btn-default btn-caret sq-24" type="button" data-state="closed" data-target="https://www.kompasiana.com/hands-on">
									<i class="iconBase iconCaretRight"></i>
								</button>
							</div>
							<div class="subcategories flex-col" data-parent="https://www.kompasiana.com/hands-on" data-state="closed">
																	<a href="https://www.kompasiana.com/hands-on/products" class="btn btn-text btn-2xs btn-navigation" >
										<span>Products</span>
									</a>
																	<a href="https://www.kompasiana.com/hands-on/services" class="btn btn-text btn-2xs btn-navigation" >
										<span>Services</span>
									</a>
															</div>
																								<div class="categories flex-justify-between flex-align-center pr-16">
								<a href="https://www.kompasiana.com/video" class="btn btn-text btn-default btn-navigation">
																			<i class="iconBase iconYoutubeLogo">
																					</i>
																		<span>Video</span>
								</a>
							</div>
													        </nav>
		    </div>
		
		    <!-- Bagian Program -->
		    <div class="flex flex-col gap-8 bg-base-white round-8 py-10">
		        <h4 class="heading-6 px-16">Program</h4>
		        <nav aria-labelledby="Program" class="flex flex-col">
											<div class="categories flex-justify-between flex-align-center pr-16">
							<a href="https://www.kompasiana.com/k-rewards" class="btn btn-text btn-default btn-navigation" >
																	<i class="iconBase">
										<img src="https://assets-a1.kompasiana.com/items/logomenu/iconkrewards-1785915074.png" alt="Lestarisiana" width="20" height="20">
									</i>
																<span>K-rewards</span>
							</a>
						</div>
											<div class="categories flex-justify-between flex-align-center pr-16">
							<a href="https://www.kompasiana.com/series" class="btn btn-text btn-default btn-navigation" >
																	<i class="iconBase">
										<img src="https://assets-a1.kompasiana.com/items/logomenu/icontheseries-1764922550.png" alt="Lestarisiana" width="20" height="20">
									</i>
																<span>The Series</span>
							</a>
						</div>
											<div class="categories flex-justify-between flex-align-center pr-16">
							<a href="https://www.kompasiana.com/infinite" class="btn btn-text btn-default btn-navigation" >
																	<i class="iconBase">
										<img src="https://assets-a1.kompasiana.com/items/logomenu/iconinfinite-1764922486.png" alt="Lestarisiana" width="20" height="20">
									</i>
																<span>Infinite</span>
							</a>
						</div>
											<div class="categories flex-justify-between flex-align-center pr-16">
							<a href="https://microsite.kompasiana.com/narativ" class="btn btn-text btn-default btn-navigation" >
																	<i class="iconBase">
										<img src="https://assets-a1.kompasiana.com/items/logomenu/iconnarativ-1764922527.png" alt="Lestarisiana" width="20" height="20">
									</i>
																<span>Narativ</span>
							</a>
						</div>
											<div class="categories flex-justify-between flex-align-center pr-16">
							<a href="https://kilasbalik.kompasiana.com/" class="btn btn-text btn-default btn-navigation" >
																	<i class="iconBase">
										<img src="https://assets-a1.kompasiana.com/items/logomenu/iconkilasbalik-1764922379.jpg" alt="Lestarisiana" width="20" height="20">
									</i>
																<span>Kilas Balik</span>
							</a>
						</div>
											<div class="categories flex-justify-between flex-align-center pr-16">
							<a href="https://ramadan.kompasiana.com/" class="btn btn-text btn-default btn-navigation" >
																	<i class="iconBase">
										<img src="https://assets-a1.kompasiana.com/items/logomenu/iconramadan-1764922540.jpg" alt="Lestarisiana" width="20" height="20">
									</i>
																<span>Ramadan</span>
							</a>
						</div>
							        </nav>
		    </div>
					</div>				
	</div>
</div>			
			<div class="content ">
													<div class="mt-16 mb-12 text-center">
						<div class="adsReservebox ads970x250">
							<div id='div-gpt-ad-Top_1' class="kg-top-slot" style="display:block;width:100%;max-width:100%;">
								<script type='text/javascript'>
									googletag.cmd.push(function() { googletag.display('div-gpt-ad-Top_1'); });
								</script>
							</div>
						</div>
					</div>
								<div class="relative flex-row gap-32">
					<div class="sidebar-right">
			<div class="mt-16 mb-12 text-center">
			<div id='div-gpt-ad-Giant'>
				<script type='text/javascript'>
					googletag.cmd.push(function() { googletag.display('div-gpt-ad-Giant'); });
				</script>
			</div>
		</div>
			<div class="listCard flex flex-col gap-12  mt-16">
		<div class="listCard__header flex flex-align-center gap-4">
			<h3 class="heading-5">Favorit Kompasianer</h3>
		</div>
	
		<div class="listCard__body flex flex-col gap-14">
											<div class="listCard__item flex flex-align-start gap-8">
					<div class="avatar ">
						<img src="https://assets-a1.kompasiana.com/images/avatar/img-20170903-wa0000-5c26eaf9c112fe25ce0ef4f0.jpg?t=t&amp;v=40&amp;x=40" alt="Zaldy Chan">
					</div>
					<div class="listCard__info flex-1">
						<div class="labelProfile__name flex flex-align-center">
							<div class="text-16-bold">
								<a href="https://www.kompasiana.com/zaldychan">Zaldy Chan</a>
							</div>
														<span class="badge badge--verified"></span>
													</div>
						<h4 class="text-16-medium line-clamp-2">
							<a href="https://www.kompasiana.com/zaldychan/6ac21f3d34777c60950f4c1f/dramaturgi-dialektika-mati-suri">
								<span class="cl-text-primary">Dramaturgi: Dialektika Mati Suri</span>
							</a>
						</h4>
					</div>
				</div>
											<div class="listCard__item flex flex-align-start gap-8">
					<div class="avatar ">
						<img src="https://assets-a1.kompasiana.com/images/avatar/screenshot-20251109-174233-69109cf434777c5aba40a632.jpg?t=t&amp;v=40&amp;x=40" alt="Suciati Lia">
					</div>
					<div class="listCard__info flex-1">
						<div class="labelProfile__name flex flex-align-center">
							<div class="text-16-bold">
								<a href="https://www.kompasiana.com/suciatilia3050">Suciati Lia</a>
							</div>
														<span class="badge badge--verified"></span>
													</div>
						<h4 class="text-16-medium line-clamp-2">
							<a href="https://www.kompasiana.com/suciatilia3050/6ac24a62c925c4039f512c42/dompet-tetap-sejuk-di-tengah-musim-kering">
								<span class="cl-text-primary">Dompet Tetap Sejuk di Tengah Musim Kering</span>
							</a>
						</h4>
					</div>
				</div>
											<div class="listCard__item flex flex-align-start gap-8">
					<div class="avatar ">
						<img src="https://assets-a1.kompasiana.com/images/avatar/whatsapp-image-2025-07-08-at-13-39-13-686caf7634777c13ae22ada2.jpeg?t=t&amp;v=40&amp;x=40" alt="Jhon Rivel Purba">
					</div>
					<div class="listCard__info flex-1">
						<div class="labelProfile__name flex flex-align-center">
							<div class="text-16-bold">
								<a href="https://www.kompasiana.com/jhonrivelpurba0122">Jhon Rivel Purba</a>
							</div>
														<span class="badge badge--verified"></span>
													</div>
						<h4 class="text-16-medium line-clamp-2">
							<a href="https://www.kompasiana.com/jhonrivelpurba0122/6ac218cf34777c56d92f74d3/ponsel-yang-tertinggal-dan-kejujuran-seorang-pengemudi-taksi-daring">
								<span class="cl-text-primary">Ponsel yang Tertinggal dan Kejujuran Seorang Pengemudi Taksi Daring</span>
							</a>
						</h4>
					</div>
				</div>
											<div class="listCard__item flex flex-align-start gap-8">
					<div class="avatar ">
						<img src="https://assets-a1.kompasiana.com/images/avatar/chatgpt-image-jan-29-2026-06-30-01-pm-69c2c7dc34777c146841f0c2.png?t=t&amp;v=40&amp;x=40" alt="Yayuk Sulistiyowati M.V.">
					</div>
					<div class="listCard__info flex-1">
						<div class="labelProfile__name flex flex-align-center">
							<div class="text-16-bold">
								<a href="https://www.kompasiana.com/yycorjesu">Yayuk Sulistiyowati M.V.</a>
							</div>
														<span class="badge badge--verified"></span>
													</div>
						<h4 class="text-16-medium line-clamp-2">
							<a href="https://www.kompasiana.com/yycorjesu/6ac19f0634777c01b75faa6d/yang-saya-bawa-pulang-dari-semesta-buku-2026">
								<span class="cl-text-primary">Yang Saya Bawa Pulang dari Semesta Buku 2026</span>
							</a>
						</h4>
					</div>
				</div>
											<div class="listCard__item flex flex-align-start gap-8">
					<div class="avatar ">
						<img src="https://assets-a1.kompasiana.com/images/avatar/profil1-57bacaa9a723bde234b917c7.jpg?t=t&amp;v=40&amp;x=40" alt="Pical Gadi">
					</div>
					<div class="listCard__info flex-1">
						<div class="labelProfile__name flex flex-align-center">
							<div class="text-16-bold">
								<a href="https://www.kompasiana.com/picalgadi">Pical Gadi</a>
							</div>
														<span class="badge badge--verified"></span>
													</div>
						<h4 class="text-16-medium line-clamp-2">
							<a href="https://www.kompasiana.com/picalgadi/6ac25327c925c4253e260833/puisi-orang-miskin-yang-mencuri-purnama">
								<span class="cl-text-primary">Puisi: Orang Miskin yang Mencuri Purnama</span>
							</a>
						</h4>
					</div>
				</div>
					</div>
	</div>
	<div class="card bg-base-white flex-col gap-12 py-14 px-12 mt-16">
		<h3 class="heading-5">Terpopuler</h3>
		<div class="flex flex-col gap-12">
																							<a href="https://www.kompasiana.com/yudhashanny/6ac24d24ed6415018921c412/kapolri-suyudi-ucapkan-selamat-hut-ke-81-tni-tegaskan-sinergi-solid" class="relative round-8 overflow-hidden block">
							<div class="aspect-16-9">
								<img src="https://img.youtube.com/vi/hq8oanoZV-o/mqdefault.jpg" alt="Kapolri Suyudi Ucapkan Selamat HUT ke-81 TNI, Tegaskan Sinergi Solid!" class="w-full h-full object-cover">
							</div>
							<div class="absolute bottom-0 left-0 w-full py-12 px-12"
								style="background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);">
								<div class="flex flex-col gap-4">
								<div class="flex gap-8 flex-align-start">
									<span class="flex-none sq-24 flex flex-align-center flex-justify-center bg-blue-primary cl-base-white text-12-bold round-6">1</span>
									<span class="text-14-bold cl-base-white line-clamp-2">Kapolri Suyudi Ucapkan Selamat HUT ke-81 TNI, Tegaskan Sinergi Solid!</span>
								</div>
								<div class="flex flex-align-center gap-4 pl-32">
									<span class="text-10-normal cl-base-white">Yudha Shanny</span>
																		<span class="text-10-normal cl-base-white">·</span>
									<i class="iconBase iconView inline-block sq-12 icon-white"></i>
									<span class="text-10-normal cl-base-white">533</span>
								</div>
								</div>
							</div>
						</a>
																									<div class="flex gap-8 flex-align-start">
							<span class="flex-none sq-24 flex flex-align-center flex-justify-center bg-neutral-100 cl-neutral-700 text-12-bold round-6">2</span>
							<div class="flex flex-col gap-2 flex-1">
								<a href="https://www.kompasiana.com/cakbejo1202/6ac246abed64155bdf3fa818/ldii-mimika-gelar-seminar-kesehatan-bahas-penuaan-sehat" class="text-14-bold cl-neutral-900 line-clamp-2 no-underline">LDII Mimika Gelar Seminar, Bahas Penuaan dan Kesehatan Perempuan</a>
								<div class="flex flex-align-center gap-4">
									<span class="text-10-normal cl-neutral-600">Agus Cahyono</span>
																		<span class="text-10-normal cl-neutral-600">·</span>
									<div class="reaction">
										<span class="btn btn-text">
										<i class="iconBase iconView inline-block sq-12"></i>
										<span class="text-10-normal cl-neutral-600">335</span>
										</span>
									</div>
								</div>
							</div>
						</div>
																									<div class="flex gap-8 flex-align-start">
							<span class="flex-none sq-24 flex flex-align-center flex-justify-center bg-neutral-100 cl-neutral-700 text-12-bold round-6">3</span>
							<div class="flex flex-col gap-2 flex-1">
								<a href="https://www.kompasiana.com/zaldychan/6ac21f3d34777c60950f4c1f/dramaturgi-dialektika-mati-suri" class="text-14-bold cl-neutral-900 line-clamp-2 no-underline">Dramaturgi: Dialektika Mati Suri</a>
								<div class="flex flex-align-center gap-4">
									<span class="text-10-normal cl-neutral-600">Zaldy Chan</span>
																		<span class="badge badge--verified sq-12" aria-label="Verified"></span>
																		<span class="text-10-normal cl-neutral-600">·</span>
									<div class="reaction">
										<span class="btn btn-text">
										<i class="iconBase iconView inline-block sq-12"></i>
										<span class="text-10-normal cl-neutral-600">330</span>
										</span>
									</div>
								</div>
							</div>
						</div>
																									<div class="flex gap-8 flex-align-start">
							<span class="flex-none sq-24 flex flex-align-center flex-justify-center bg-neutral-100 cl-neutral-700 text-12-bold round-6">4</span>
							<div class="flex flex-col gap-2 flex-1">
								<a href="https://www.kompasiana.com/yycorjesu/6ac19f0634777c01b75faa6d/yang-saya-bawa-pulang-dari-semesta-buku-2026" class="text-14-bold cl-neutral-900 line-clamp-2 no-underline">Yang Saya Bawa Pulang dari Semesta Buku 2026</a>
								<div class="flex flex-align-center gap-4">
									<span class="text-10-normal cl-neutral-600">Yayuk Sulistiyowati M.V.</span>
																		<span class="badge badge--verified sq-12" aria-label="Verified"></span>
																		<span class="text-10-normal cl-neutral-600">·</span>
									<div class="reaction">
										<span class="btn btn-text">
										<i class="iconBase iconView inline-block sq-12"></i>
										<span class="text-10-normal cl-neutral-600">256</span>
										</span>
									</div>
								</div>
							</div>
						</div>
																									<div class="flex gap-8 flex-align-start">
							<span class="flex-none sq-24 flex flex-align-center flex-justify-center bg-neutral-100 cl-neutral-700 text-12-bold round-6">5</span>
							<div class="flex flex-col gap-2 flex-1">
								<a href="https://www.kompasiana.com/fauziatuljannah8452/6ac0f509c925c463832cedd3/drakor-terbaru-2026-rekomendasi-terbaik-berdasarkan-mood-dan-genre" class="text-14-bold cl-neutral-900 line-clamp-2 no-underline">Drakor Terbaru 2026: Rekomendasi Terbaik Berdasarkan Mood dan Genre</a>
								<div class="flex flex-align-center gap-4">
									<span class="text-10-normal cl-neutral-600">fauziatul jannah</span>
																		<span class="text-10-normal cl-neutral-600">·</span>
									<div class="reaction">
										<span class="btn btn-text">
										<i class="iconBase iconView inline-block sq-12"></i>
										<span class="text-10-normal cl-neutral-600">247</span>
										</span>
									</div>
								</div>
							</div>
						</div>
														</div>
		<a href="https://www.kompasiana.com/popular" class="btn btn-outline btn-sm w-full flex-justify-center mt-8">
			<span>Selengkapnya</span>
		</a>
	</div>
				<div class="mt-16 mb-12">
			<div class="adsRail ads300x250">
				<div class="adsReservebox ads300x250 text-center">
					<div id='div-gpt-ad-Right_1'>
						<script type='text/javascript'>
							googletag.cmd.push(function() { googletag.display('div-gpt-ad-Right_1'); });
						</script>
					</div>
				</div>
			</div>
		</div>
		<div class="mb-12 text-center">
			<div id='div-gpt-ad-Right_2'>
				<script type='text/javascript'>
					googletag.cmd.push(function() { googletag.display('div-gpt-ad-Right_2'); });
				</script>
			</div>
		</div>
		<div class="mb-12 text-center">
			<div id='div-gpt-ad-Right_3'>
				<script type='text/javascript'>
					googletag.cmd.push(function() { googletag.display('div-gpt-ad-Right_3'); });
				</script>
			</div>
		</div>
		<div class="mb-12 text-center">
			<div id='div-gpt-ad-Skyscraper'>
				<script type='text/javascript'>
					googletag.cmd.push(function() { googletag.display('div-gpt-ad-Skyscraper'); });
				</script>
			</div>
		</div>
				
</div>
					<div class="content-main relative flex-col flex-1">
	<div class="card accordion lagiRame bg-base-white mt-16 mb-16" data-component="accordion" data-state="closed">
    <!-- Header -->
    <div class="lagiRame__header accordionHeader flex flex-align-center gap-12" data-action="accordion-toggle">
        <span class="lagiRame__label text-18-bold cl-red-700 px-12 py-4 round-4">Lagi Rame</span>
        <div class="lagiRame__ticker flex-1 overflow-hidden" data-component="news-ticker">
                                    <div class="lagiRame__tickerItem flex flex-align-center gap-8 active">
                                    <img src="https://assets-a1.kompasiana.com/images/avatar/16865015-1313723802006934-8645669146472012467-n-5953ffd94ff9fd270dd159ce.jpg" alt="Nominasikan Kompasianer Pilihanmu di Kompasiana Awards 2026!" class="sq-18 round-full object-cover flex-none">
                                <span class="text-14-normal line-clamp-1">Nominasikan Kompasianer Pilihanmu di Kompasiana Awards 2026!</span>
            </div>
                                    <div class="lagiRame__tickerItem flex flex-align-center gap-8 ">
                                    <img src="https://assets-a1.kompasiana.com/images/avatar/dfd09b57-ac9b-4557-8747-7a13027427b7-1-all-20250-6ab737e734777c11a3514a54.jpg" alt="Dikira Sampah, Ternyata &quot;Mbah Bostik&quot; Bisa Jadi Kebun Hidroponik" class="sq-18 round-full object-cover flex-none">
                                <span class="text-14-normal line-clamp-1">Dikira Sampah, Ternyata &quot;Mbah Bostik&quot; Bisa Jadi Kebun Hidroponik</span>
            </div>
                                    <div class="lagiRame__tickerItem flex flex-align-center gap-8 ">
                                    <img src="https://assets-a1.kompasiana.com/images/avatar/depanlaptop-68d263aded641564d3071af2.jpg" alt="Kuliah Gratis, tapi Mengapa Kuliah Tetap Terasa Mahal?" class="sq-18 round-full object-cover flex-none">
                                <span class="text-14-normal line-clamp-1">Kuliah Gratis, tapi Mengapa Kuliah Tetap Terasa Mahal?</span>
            </div>
                                    <div class="lagiRame__tickerItem flex flex-align-center gap-8 ">
                                    <img src="https://assets-a1.kompasiana.com/images/avatar/1000002950-67e779a1ed64154df52b54d5.jpg" alt="Tidak Seberbahaya Covid; Ini Kisah Nyata Terserang Influenza Tipe A" class="sq-18 round-full object-cover flex-none">
                                <span class="text-14-normal line-clamp-1">Tidak Seberbahaya Covid; Ini Kisah Nyata Terserang Influenza Tipe A</span>
            </div>
                                    <div class="lagiRame__tickerItem flex flex-align-center gap-8 ">
                                    <img src="https://assets-a1.kompasiana.com/images/avatar/fitt-6a036f6bed641504cc3040a2.jpg" alt="Anak Krakatau Mengubah Jalan Pulang" class="sq-18 round-full object-cover flex-none">
                                <span class="text-14-normal line-clamp-1">Anak Krakatau Mengubah Jalan Pulang</span>
            </div>
                                    <div class="lagiRame__tickerItem flex flex-align-center gap-8 ">
                                    <img src="https://assets-a1.kompasiana.com/images/avatar/whatsapp-image-2025-07-08-at-13-39-13-686caf7634777c13ae22ada2.jpeg" alt="Selamat Jalan, Maya" class="sq-18 round-full object-cover flex-none">
                                <span class="text-14-normal line-clamp-1">Selamat Jalan, Maya</span>
            </div>
                    </div>
        <span class="sq-24 flex flex-align-center flex-justify-center round-full bg-blue-primary flex-none py-4 px-4 mr-8">
            <i class="iconBase iconCaretDown sq-16 icon-white"></i>
        </span>
    </div>
    
    <!-- Content -->
    <div class="accordionContent">
        <div class="grid  gap-14 py-18 px-18 grid-cols-3">
                                    <a href="https://www.kompasiana.com/kompasiana/6ab5ed4f34777c5a7b50af34/saatnya-nominasikan-kompasianer-pilihanmu-di-kompasiana-awards-2026" class="flex flex-col gap-8 no-underline">
                <div class="flex flex-align-center gap-4">
                                            <img src="https://assets-a1.kompasiana.com/images/avatar/16865015-1313723802006934-8645669146472012467-n-5953ffd94ff9fd270dd159ce.jpg" alt="Kompasiana" class="sq-24 round-full object-cover">
                                        <span class="text-14-normal cl-neutral-700">Kompasiana</span>
                                        <span class="badge badge--verified sq-12" aria-label="Verified"></span>
                                    </div>
                <span class="text-16-semibold cl-neutral-900 line-clamp-3 pr-4">Nominasikan Kompasianer Pilihanmu di Kompasiana Awards 2026!</span>
            </a>
                                    <a href="https://www.kompasiana.com/jandris_sky/6ab3ea6034777c3a534a7452/dikira-sampah-ternyata-mbah-bostik-bisa-jadi-kebun-hidroponik" class="flex flex-col gap-8 no-underline">
                <div class="flex flex-align-center gap-4">
                                            <img src="https://assets-a1.kompasiana.com/images/avatar/dfd09b57-ac9b-4557-8747-7a13027427b7-1-all-20250-6ab737e734777c11a3514a54.jpg" alt="Jandris_Sky" class="sq-24 round-full object-cover">
                                        <span class="text-14-normal cl-neutral-700">Jandris_Sky</span>
                                        <span class="badge badge--verified sq-12" aria-label="Verified"></span>
                                    </div>
                <span class="text-16-semibold cl-neutral-900 line-clamp-3 pr-4">Dikira Sampah, Ternyata &quot;Mbah Bostik&quot; Bisa Jadi Kebun Hidroponik</span>
            </a>
                                    <a href="https://www.kompasiana.com/ramlaneffendi/6ab4914d34777c4eda4f0e85/kuliah-gratis-tapi-mimpi-untuk-kuliah-masih-mahal" class="flex flex-col gap-8 no-underline">
                <div class="flex flex-align-center gap-4">
                                            <img src="https://assets-a1.kompasiana.com/images/avatar/depanlaptop-68d263aded641564d3071af2.jpg" alt="Ramlan Effendi" class="sq-24 round-full object-cover">
                                        <span class="text-14-normal cl-neutral-700">Ramlan Effendi</span>
                                        <span class="badge badge--verified sq-12" aria-label="Verified"></span>
                                    </div>
                <span class="text-16-semibold cl-neutral-900 line-clamp-3 pr-4">Kuliah Gratis, tapi Mengapa Kuliah Tetap Terasa Mahal?</span>
            </a>
                                    <a href="https://www.kompasiana.com/kazenakrista_/6ab45270c925c476c023b776/tidak-seberbahaya-covid-ini-kisah-nyata-terserang-influenza-tipe-a" class="flex flex-col gap-8 no-underline">
                <div class="flex flex-align-center gap-4">
                                            <img src="https://assets-a1.kompasiana.com/images/avatar/1000002950-67e779a1ed64154df52b54d5.jpg" alt="Kazena Krista" class="sq-24 round-full object-cover">
                                        <span class="text-14-normal cl-neutral-700">Kazena Krista</span>
                                        <span class="badge badge--verified sq-12" aria-label="Verified"></span>
                                    </div>
                <span class="text-16-semibold cl-neutral-900 line-clamp-3 pr-4">Tidak Seberbahaya Covid; Ini Kisah Nyata Terserang Influenza Tipe A</span>
            </a>
                                    <a href="https://www.kompasiana.com/revolusioner/6a9e72d6c925c429d8343b82/anak-krakatau-mengubah-jalan-pulang" class="flex flex-col gap-8 no-underline">
                <div class="flex flex-align-center gap-4">
                                            <img src="https://assets-a1.kompasiana.com/images/avatar/fitt-6a036f6bed641504cc3040a2.jpg" alt="Fahruddin Fitriya" class="sq-24 round-full object-cover">
                                        <span class="text-14-normal cl-neutral-700">Fahruddin Fitriya</span>
                                        <span class="badge badge--verified sq-12" aria-label="Verified"></span>
                                    </div>
                <span class="text-16-semibold cl-neutral-900 line-clamp-3 pr-4">Anak Krakatau Mengubah Jalan Pulang</span>
            </a>
                                    <a href="https://www.kompasiana.com/jhonrivelpurba0122/6aacaebdc925c41a2071f193/selamat-jalan-maya" class="flex flex-col gap-8 no-underline">
                <div class="flex flex-align-center gap-4">
                                            <img src="https://assets-a1.kompasiana.com/images/avatar/whatsapp-image-2025-07-08-at-13-39-13-686caf7634777c13ae22ada2.jpeg" alt="Jhon Rivel Purba" class="sq-24 round-full object-cover">
                                        <span class="text-14-normal cl-neutral-700">Jhon Rivel Purba</span>
                                        <span class="badge badge--verified sq-12" aria-label="Verified"></span>
                                    </div>
                <span class="text-16-semibold cl-neutral-900 line-clamp-3 pr-4">Selamat Jalan, Maya</span>
            </a>
                    </div>
    </div>
</div>
	<div class="card spotlight bg-base-white px-12 py-12 mb-16 mt-16">
    <div class="listCard__header flex flex-align-center gap-4">
    <h3 class="heading-5" data-title="Spotlight" data-tooltip="Pilihan konten unggulan yang dipromosikan oleh Kompasiana"  data-wizard="1">Spotlight</h3>
        <a href="https://www.kompasiana.com/spotlight" class="btn btn-text btn-2xs btn-caret sq-24">
        <i class="iconBase iconCaretRight"></i>
        </a>
    </div>
    <div class="cardContent__list flex gap-8 mt-12">
                                <div class="card bg-base-white flex flex-col gap-12 py-14">
            <div class="cardHeader px-12">
                <div class="labelProfile flex flex-align-start gap-8">
                    <div class="avatar sq-40">
                        <div class="avatar">
                        <a href="https://www.kompasiana.com/sariberutu1293">
                            <img src="https://assets-a1.kompasiana.com/images/avatar/whatsapp-image-2025-02-25-at-19-02-38-6ab9d57234777c16dc055d35.jpeg?t=t&amp;v=40&amp;x=40" alt="Sari Handayani Berutu">
                        </a>
                        </div>
                    </div>
                    <div class="flex-1 flex-justify-start flex-align-center gap-16">
                        <div class="labelProfile__info flex-col justify-content-center">
                            <div class="labelProfile__name flex-align-center">
                            <div class="text-14-bold">
                                <a href="https://www.kompasiana.com/sariberutu1293" >
                                Sari Handayani Berutu
                                </a>
                            </div>
                                                        </div>
                            <span class="text-12-normal cl-neutral-600">1 hari lalu</span>
                        </div>
                    </div>
                </div>
                <a href="https://www.kompasiana.com/sariberutu1293/6ac05dc1ed64152a57786197/semangkuk-pagi-yang-belum-menyerah">
                <h2 class="cardTitle text-16-bold line-clamp-4">Puisi: Semangkuk Pagi yang Belum Menyerah</h2>
                </a>
            </div>
            <div class="cardContent">
                <a href="https://www.kompasiana.com/sariberutu1293/6ac05dc1ed64152a57786197/semangkuk-pagi-yang-belum-menyerah">
                    <div class="flex flex flex-col gap-8">
                        <div class="cardImg aspect-4-5">
                                                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/03/semangkuk-puisi-6ac12f7c34777c014473f3a2.jpg?t=o&amp;v=773" alt="Puisi: Semangkuk Pagi yang Belum Menyerah" class=" radius-4">
                                                    </div>
                    </div>
                </a>
            </div>
        </div>
                        <div class="card bg-base-white flex flex-col gap-12 py-14">
            <div class="cardHeader px-12">
                <div class="labelProfile flex flex-align-start gap-8">
                    <div class="avatar sq-40">
                        <div class="avatar">
                        <a href="https://www.kompasiana.com/dadangsunarwan1633">
                            <img src="https://assets-a1.kompasiana.com/images/avatar/image-6ee717cb-6ac11a50c925c47c8b30ae62.jpg?t=t&amp;v=40&amp;x=40" alt="Dadang Sunarwan">
                        </a>
                        </div>
                    </div>
                    <div class="flex-1 flex-justify-start flex-align-center gap-16">
                        <div class="labelProfile__info flex-col justify-content-center">
                            <div class="labelProfile__name flex-align-center">
                            <div class="text-14-bold">
                                <a href="https://www.kompasiana.com/dadangsunarwan1633" >
                                Dadang Sunarwan
                                </a>
                            </div>
                                                        <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                                        </div>
                            <span class="text-12-normal cl-neutral-600">1 hari lalu</span>
                        </div>
                    </div>
                </div>
                <a href="https://www.kompasiana.com/dadangsunarwan1633/6ac0525734777c2fd96ca815/guru-antara-pusat-dan-daerah">
                <h2 class="cardTitle text-16-bold line-clamp-4">Guru, antara Pusat dan Daerah</h2>
                </a>
            </div>
            <div class="cardContent">
                <a href="https://www.kompasiana.com/dadangsunarwan1633/6ac0525734777c2fd96ca815/guru-antara-pusat-dan-daerah">
                    <div class="flex flex flex-col gap-8">
                        <div class="cardImg aspect-4-5">
                                                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/03/image-6a8f7d43-6ac050da34777c3a203144ea.jpg?t=o&amp;v=773" alt="Guru, antara Pusat dan Daerah" class=" radius-4">
                                                    </div>
                    </div>
                </a>
            </div>
        </div>
                        <div class="card bg-base-white flex flex-col gap-12 py-14">
            <div class="cardHeader px-12">
                <div class="labelProfile flex flex-align-start gap-8">
                    <div class="avatar sq-40">
                        <div class="avatar">
                        <a href="https://www.kompasiana.com/dewi153">
                            <img src="https://assets-a1.kompasiana.com/images/avatar/85fef200-b1ef-4340-bf04-f802ac5d0069-694695cc34777c4dcf679492.jpg?t=t&amp;v=40&amp;x=40" alt="Dewiyatini">
                        </a>
                        </div>
                    </div>
                    <div class="flex-1 flex-justify-start flex-align-center gap-16">
                        <div class="labelProfile__info flex-col justify-content-center">
                            <div class="labelProfile__name flex-align-center">
                            <div class="text-14-bold">
                                <a href="https://www.kompasiana.com/dewi153" >
                                Dewiyatini
                                </a>
                            </div>
                                                        <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                                        </div>
                            <span class="text-12-normal cl-neutral-600">1 hari lalu</span>
                        </div>
                    </div>
                </div>
                <a href="https://www.kompasiana.com/dewi153/6ac1117ac925c45045421cd7/20-tahun-jadi-wartawan-lalu-apa-artinya-tanpa-kartu-pers">
                <h2 class="cardTitle text-16-bold line-clamp-4">20 Tahun Jadi Wartawan, Lalu Apa Artinya Tanpa Kartu Pers?</h2>
                </a>
            </div>
            <div class="cardContent">
                <a href="https://www.kompasiana.com/dewi153/6ac1117ac925c45045421cd7/20-tahun-jadi-wartawan-lalu-apa-artinya-tanpa-kartu-pers">
                    <div class="flex flex flex-col gap-8">
                        <div class="cardImg aspect-4-5">
                                                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/03/1000344670-6ac1114e34777c134d3e95b2.jpg?t=o&amp;v=773" alt="20 Tahun Jadi Wartawan, Lalu Apa Artinya Tanpa Kartu Pers?" class=" radius-4">
                                                    </div>
                    </div>
                </a>
            </div>
        </div>
                        <div class="card bg-base-white flex flex-col gap-12 py-14">
            <div class="cardHeader px-12">
                <div class="labelProfile flex flex-align-start gap-8">
                    <div class="avatar sq-40">
                        <div class="avatar">
                        <a href="https://www.kompasiana.com/ennyratnawati">
                            <img src="https://assets-a1.kompasiana.com/images/avatar/campaign-indosat-6565f9d512d50f729273be62.png?t=t&amp;v=40&amp;x=40" alt="Enny Ratnawati A">
                        </a>
                        </div>
                    </div>
                    <div class="flex-1 flex-justify-start flex-align-center gap-16">
                        <div class="labelProfile__info flex-col justify-content-center">
                            <div class="labelProfile__name flex-align-center">
                            <div class="text-14-bold">
                                <a href="https://www.kompasiana.com/ennyratnawati" >
                                Enny Ratnawati A
                                </a>
                            </div>
                                                        <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                                        </div>
                            <span class="text-12-normal cl-neutral-600">3 hari lalu</span>
                        </div>
                    </div>
                </div>
                <a href="https://www.kompasiana.com/ennyratnawati/6abde1fac925c42add07de4c/tidak-ada-mal-kebahagian-tetap-hadir">
                <h2 class="cardTitle text-16-bold line-clamp-4">Tidak Ada Mal, Kebahagian Tetap Hadir</h2>
                </a>
            </div>
            <div class="cardContent">
                <a href="https://www.kompasiana.com/ennyratnawati/6abde1fac925c42add07de4c/tidak-ada-mal-kebahagian-tetap-hadir">
                    <div class="flex flex flex-col gap-8">
                        <div class="cardImg aspect-4-5">
                                                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/01/alam-desa-6abdced5c925c45d085ced6c.jpg?t=o&amp;v=773" alt="Tidak Ada Mal, Kebahagian Tetap Hadir" class=" radius-4">
                                                    </div>
                    </div>
                </a>
            </div>
        </div>
                        <div class="card bg-base-white flex flex-col gap-12 py-14">
            <div class="cardHeader px-12">
                <div class="labelProfile flex flex-align-start gap-8">
                    <div class="avatar sq-40">
                        <div class="avatar">
                        <a href="https://www.kompasiana.com/leti28449">
                            <img src="https://assets-a1.kompasiana.com/images/avatar/20260601-172140-6a98c8d0c925c43d5c20a932.jpg?t=t&amp;v=40&amp;x=40" alt="Leti Kho">
                        </a>
                        </div>
                    </div>
                    <div class="flex-1 flex-justify-start flex-align-center gap-16">
                        <div class="labelProfile__info flex-col justify-content-center">
                            <div class="labelProfile__name flex-align-center">
                            <div class="text-14-bold">
                                <a href="https://www.kompasiana.com/leti28449" >
                                Leti Kho
                                </a>
                            </div>
                                                        </div>
                            <span class="text-12-normal cl-neutral-600">1 hari lalu</span>
                        </div>
                    </div>
                </div>
                <a href="https://www.kompasiana.com/leti28449/6ac0af16ed6415764d207727/mama-keleyengan">
                <h2 class="cardTitle text-16-bold line-clamp-4">Mama Keleyengan</h2>
                </a>
            </div>
            <div class="cardContent">
                <a href="https://www.kompasiana.com/leti28449/6ac0af16ed6415764d207727/mama-keleyengan">
                    <div class="flex flex flex-col gap-8">
                        <div class="cardImg aspect-4-5">
                                                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/03/file-000000001dec8211b18645afb98032bf-6ac0ae04ed64153ff54c80fd.png?t=o&amp;v=773" alt="Mama Keleyengan" class=" radius-4">
                                                    </div>
                    </div>
                </a>
            </div>
        </div>
                        <div class="card bg-base-white flex flex-col gap-12 py-14">
            <div class="cardHeader px-12">
                <div class="labelProfile flex flex-align-start gap-8">
                    <div class="avatar sq-40">
                        <div class="avatar">
                        <a href="https://www.kompasiana.com/kompasiananews">
                            <img src="https://assets-a1.kompasiana.com/images/avatar/pp-kompasiana-news-58aec38f0e9373c31925a805.jpg?t=t&amp;v=40&amp;x=40" alt="Kompasiana News">
                        </a>
                        </div>
                    </div>
                    <div class="flex-1 flex-justify-start flex-align-center gap-16">
                        <div class="labelProfile__info flex-col justify-content-center">
                            <div class="labelProfile__name flex-align-center">
                            <div class="text-14-bold">
                                <a href="https://www.kompasiana.com/kompasiananews" >
                                Kompasiana News
                                </a>
                            </div>
                                                        <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                                        </div>
                            <span class="text-12-normal cl-neutral-600">18 jam lalu</span>
                        </div>
                    </div>
                </div>
                <a href="https://www.kompasiana.com/kompasiananews/6ac1badfc925c418bd5ac255/bukan-cuma-belajar-makeup-begini-serunya-the-glam-bersama-lyfefellas">
                <h2 class="cardTitle text-16-bold line-clamp-4">Bukan Cuma Belajar Makeup, Begini Serunya The Glam Lab bersama Lyfefellas</h2>
                </a>
            </div>
            <div class="cardContent">
                <a href="https://www.kompasiana.com/kompasiananews/6ac1badfc925c418bd5ac255/bukan-cuma-belajar-makeup-begini-serunya-the-glam-bersama-lyfefellas">
                    <div class="flex flex flex-col gap-8">
                        <div class="cardImg aspect-4-5">
                                                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/04/20261003-130310-6ac1b6caed64155d1227c078.jpg?t=o&amp;v=773" alt="Bukan Cuma Belajar Makeup, Begini Serunya The Glam Lab bersama Lyfefellas" class=" radius-4">
                                                    </div>
                    </div>
                </a>
            </div>
        </div>
                        <div class="card bg-base-white flex flex-col gap-12 py-14">
            <div class="cardHeader px-12">
                <div class="labelProfile flex flex-align-start gap-8">
                    <div class="avatar sq-40">
                        <div class="avatar">
                        <a href="https://www.kompasiana.com/pakdhekowo">
                            <img src="https://assets-a1.kompasiana.com/images/avatar/img-20220907-092058-641826294addee1014519b82.jpg?t=t&amp;v=40&amp;x=40" alt="Sungkowo">
                        </a>
                        </div>
                    </div>
                    <div class="flex-1 flex-justify-start flex-align-center gap-16">
                        <div class="labelProfile__info flex-col justify-content-center">
                            <div class="labelProfile__name flex-align-center">
                            <div class="text-14-bold">
                                <a href="https://www.kompasiana.com/pakdhekowo" >
                                Sungkowo
                                </a>
                            </div>
                                                        <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                                        </div>
                            <span class="text-12-normal cl-neutral-600">1 hari lalu</span>
                        </div>
                    </div>
                </div>
                <a href="https://www.kompasiana.com/pakdhekowo/6ac0e278c925c4171b2501b2/guru-itu-perlu-menjaga-apresiasi-murid">
                <h2 class="cardTitle text-16-bold line-clamp-4">Guru Itu Perlu Menjaga Apresiasi Murid</h2>
                </a>
            </div>
            <div class="cardContent">
                <a href="https://www.kompasiana.com/pakdhekowo/6ac0e278c925c4171b2501b2/guru-itu-perlu-menjaga-apresiasi-murid">
                    <div class="flex flex flex-col gap-8">
                        <div class="cardImg aspect-4-5">
                                                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/03/1000947069-6ac0de5634777c3ce66b29a2.jpg?t=o&amp;v=773" alt="Guru Itu Perlu Menjaga Apresiasi Murid" class=" radius-4">
                                                    </div>
                    </div>
                </a>
            </div>
        </div>
                        <div class="card bg-base-white flex flex-col gap-12 py-14">
            <div class="cardHeader px-12">
                <div class="labelProfile flex flex-align-start gap-8">
                    <div class="avatar sq-40">
                        <div class="avatar">
                        <a href="https://www.kompasiana.com/erinintyanishabrinaa">
                            <img src="https://assets-a1.kompasiana.com/images/avatar/file-0000000022d8720baf8b0bfcafd418f5-6a2801ceed6415390a12a784.png?t=t&amp;v=40&amp;x=40" alt="Erinintyani Shabrina">
                        </a>
                        </div>
                    </div>
                    <div class="flex-1 flex-justify-start flex-align-center gap-16">
                        <div class="labelProfile__info flex-col justify-content-center">
                            <div class="labelProfile__name flex-align-center">
                            <div class="text-14-bold">
                                <a href="https://www.kompasiana.com/erinintyanishabrinaa" >
                                Erinintyani Shabrina
                                </a>
                            </div>
                                                        <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                                        </div>
                            <span class="text-12-normal cl-neutral-600">1 hari lalu</span>
                        </div>
                    </div>
                </div>
                <a href="https://www.kompasiana.com/erinintyanishabrinaa/6abf9473ed64153a6f4ac839/rawa-pening-yang-tak-lagi-bening">
                <h2 class="cardTitle text-16-bold line-clamp-4">Rawa Pening yang Berjuang agar Tetap Bening</h2>
                </a>
            </div>
            <div class="cardContent">
                <a href="https://www.kompasiana.com/erinintyanishabrinaa/6abf9473ed64153a6f4ac839/rawa-pening-yang-tak-lagi-bening">
                    <div class="flex flex flex-col gap-8">
                        <div class="cardImg aspect-4-5">
                                                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/02/1000634341-6abfcaae34777c640f624493.jpg?t=o&amp;v=773" alt="Rawa Pening yang Berjuang agar Tetap Bening" class=" radius-4">
                                                    </div>
                    </div>
                </a>
            </div>
        </div>
                        <div class="card bg-base-white flex flex-col gap-12 py-14">
            <div class="cardHeader px-12">
                <div class="labelProfile flex flex-align-start gap-8">
                    <div class="avatar sq-40">
                        <div class="avatar">
                        <a href="https://www.kompasiana.com/jhonrivelpurba0122">
                            <img src="https://assets-a1.kompasiana.com/images/avatar/whatsapp-image-2025-07-08-at-13-39-13-686caf7634777c13ae22ada2.jpeg?t=t&amp;v=40&amp;x=40" alt="Jhon Rivel Purba">
                        </a>
                        </div>
                    </div>
                    <div class="flex-1 flex-justify-start flex-align-center gap-16">
                        <div class="labelProfile__info flex-col justify-content-center">
                            <div class="labelProfile__name flex-align-center">
                            <div class="text-14-bold">
                                <a href="https://www.kompasiana.com/jhonrivelpurba0122" >
                                Jhon Rivel Purba
                                </a>
                            </div>
                                                        <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                                        </div>
                            <span class="text-12-normal cl-neutral-600">5 hari lalu</span>
                        </div>
                    </div>
                </div>
                <a href="https://www.kompasiana.com/jhonrivelpurba0122/6abb23f9c925c409e96f8497/ketika-sebuah-tulisan-sederhana-menjangkau-ratusan-ribu-pembaca">
                <h2 class="cardTitle text-16-bold line-clamp-4">Ketika Sebuah Tulisan Sederhana Menjangkau Ratusan Ribu Pembaca</h2>
                </a>
            </div>
            <div class="cardContent">
                <a href="https://www.kompasiana.com/jhonrivelpurba0122/6abb23f9c925c409e96f8497/ketika-sebuah-tulisan-sederhana-menjangkau-ratusan-ribu-pembaca">
                    <div class="flex flex flex-col gap-8">
                        <div class="cardImg aspect-4-5">
                                                        <img src="https://assets-a3.kompasiana.com/items/album/2026/09/29/screenshot-2026-09-29-091005-6abb1eb4c925c4644668f404.jpg?t=o&amp;v=773" alt="Ketika Sebuah Tulisan Sederhana Menjangkau Ratusan Ribu Pembaca" class=" radius-4">
                                                    </div>
                    </div>
                </a>
            </div>
        </div>
                        <div class="card bg-base-white flex flex-col gap-12 py-14">
            <div class="cardHeader px-12">
                <div class="labelProfile flex flex-align-start gap-8">
                    <div class="avatar sq-40">
                        <div class="avatar">
                        <a href="https://www.kompasiana.com/resmisari1788">
                            <img src="https://assets-a1.kompasiana.com/images/avatar/whatsapp-image-2025-11-27-at-14-24-40-6927efe8c925c436be2cec62.jpeg?t=t&amp;v=40&amp;x=40" alt="Resmi Sari">
                        </a>
                        </div>
                    </div>
                    <div class="flex-1 flex-justify-start flex-align-center gap-16">
                        <div class="labelProfile__info flex-col justify-content-center">
                            <div class="labelProfile__name flex-align-center">
                            <div class="text-14-bold">
                                <a href="https://www.kompasiana.com/resmisari1788" >
                                Resmi Sari
                                </a>
                            </div>
                                                        </div>
                            <span class="text-12-normal cl-neutral-600">3 hari lalu</span>
                        </div>
                    </div>
                </div>
                <a href="https://www.kompasiana.com/resmisari1788/6abdcce034777c7f74330d05/gawai-makin-pintar-literasi-makin-sekarat-betul-apa-betul">
                <h2 class="cardTitle text-16-bold line-clamp-4">Gawai Makin Pintar, Literasi Makin Sekarat, Betul Apa BETUL?</h2>
                </a>
            </div>
            <div class="cardContent">
                <a href="https://www.kompasiana.com/resmisari1788/6abdcce034777c7f74330d05/gawai-makin-pintar-literasi-makin-sekarat-betul-apa-betul">
                    <div class="flex flex flex-col gap-8">
                        <div class="cardImg aspect-4-5">
                                                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/01/whatsapp-image-2026-10-01-at-10-39-56-6abdc878c925c454677fc07d.jpeg?t=o&amp;v=773" alt="Gawai Makin Pintar, Literasi Makin Sekarat, Betul Apa BETUL?" class=" radius-4">
                                                    </div>
                    </div>
                </a>
            </div>
        </div>
                    </div>
</div>
	<div class="storekompas-ad">
	<a href="https://store.kompas.com/" target="_blank" rel="noopener">
		<img src="https://assets-a1.kompasiana.com/statics/2026/harmony/desktop/images/storekompas.png" alt="Store Kompas" class="w-full">
	</a>
</div>
	
	
	<div class="story">
  <div class="storyWrapper flex gap-12">
    <div class="storyPlus flex flex-col w-68 gap-4 ml-16" data-title="Story Feed" data-tooltip="Aktivitas dan konten terbaru dari temanmu" data-wizard="2">
      <div class="storyRing__wrapper sq-68">
        <a href="https://www.kompasiana.com/explore-penulis/storyteller">
          <div class="storyRing flex-align-center flex-justify-center sq-full bg-blue-100">
            <div class="w-32 h-32 flex-align-center flex-justify-center">
              <i class="iconBase iconPlus"></i>
            </div>
          </div>
        </a>
      </div>
      <span class="storyUsername text-12-normal">
        Ikuti Penulis
      </span>
    </div>

    <!-- 2. ITEM PROFIL PENULIS (LOOPABLE) -->
                    <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Syahrial">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/file-00000000f0607208ab7ef48f886aed41-6a3da98334777c14544d2012.png?t=t&amp;v=40&amp;x=40" alt="Syahrial">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Syahrial
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Agustinus Gereda Tukan">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/fotoq2-660b5c7e14709375012898a2.jpg?t=t&amp;v=40&amp;x=40" alt="Agustinus Gereda Tukan">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Agustinus Gereda Tukan
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Salmun Ndun">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/chatgpt-image-sep-1-2026-04-00-05-pm-6a96943eed64153cd71f4b43.png?t=t&amp;v=40&amp;x=40" alt="Salmun Ndun">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Salmun Ndun
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Hanom Bashari">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/azibtidur-5fc9fb80d541df2c87303332.jpg?t=t&amp;v=40&amp;x=40" alt="Hanom Bashari">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Hanom Bashari
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Kavya">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/yo-bw-gpt-699971c4c925c44bf6622142.png?t=t&amp;v=40&amp;x=40" alt="Kavya">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Kavya
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Ahmad Turmuzi">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/aku-56d78cba147f610e098b4569.jpg?t=t&amp;v=40&amp;x=40" alt="Ahmad Turmuzi">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Ahmad Turmuzi
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Yulius Roma Patandean">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/aku-pgri-63d0711bc3bdbf5391412352.png?t=t&amp;v=40&amp;x=40" alt="Yulius Roma Patandean">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Yulius Roma Patandean
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Yayuk Sulistiyowati M.V.">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/chatgpt-image-jan-29-2026-06-30-01-pm-69c2c7dc34777c146841f0c2.png?t=t&amp;v=40&amp;x=40" alt="Yayuk Sulistiyowati M.V.">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Yayuk Sulistiyowati M.V.
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Lily Setiawati Utomo">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/img20171231192142-63a6472808a8b573541c0402.jpg?t=t&amp;v=40&amp;x=40" alt="Lily Setiawati Utomo">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Lily Setiawati Utomo
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Agustina Purwantini">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/selpie-hijau-5886dfe493fdfdde0f2aaa79.jpg?t=t&amp;v=40&amp;x=40" alt="Agustina Purwantini">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Agustina Purwantini
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Zida Sinata Milati">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/whatsapp-image-2025-06-23-at-15-18-31-1-6867639bc925c4129a6c9306.jpeg?t=t&amp;v=40&amp;x=40" alt="Zida Sinata Milati">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Zida Sinata Milati
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Alfred Benediktus">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/fotoku-6a869dbec925c432af0c079d.jpg?t=t&amp;v=40&amp;x=40" alt="Alfred Benediktus">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Alfred Benediktus
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Jandris_Sky">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/dfd09b57-ac9b-4557-8747-7a13027427b7-1-all-20250-6ab737e734777c11a3514a54.jpg?t=t&amp;v=40&amp;x=40" alt="Jandris_Sky">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Jandris_Sky
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Made Devayana Krisna Pendit">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/2213021005-made-devayana-krisna-pendit-foto-46-6ab1f29234777c08b90a0224.jpeg?t=t&amp;v=40&amp;x=40" alt="Made Devayana Krisna Pendit">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Made Devayana Krisna Pendit
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Tiyarman Gulo">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/grok-image-90b8249c-0b08-407b-80c4-cc1600e2aab3-6a03dc7234777c7f857cf6e3.png?t=t&amp;v=40&amp;x=40" alt="Tiyarman Gulo">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Tiyarman Gulo
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Ludiro Madu">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/lud3-62dcfef008a8b575763f583b.jpg?t=t&amp;v=40&amp;x=40" alt="Ludiro Madu">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Ludiro Madu
      </span>
    </div>
            
  </div>
</div>
	<nav aria-labelledby="Menu Filter" class="menu-filter flex pt-4">
    <ul class="flex gap-14 py-16 h-p100"> 
        <li>
            <a href="https://www.kompasiana.com/" data-title="Top" data-tooltip="Kumpulan artikel pilihan terbaik dari Kompasianer"  data-wizard="3" aria-label="Top" class="btn btn-filter btn-sm active">
                <i class="iconBase iconVote-filled" aria-hidden="true"></i>
                <span>Top</span>
            </a>
        </li>
        <li>
            <a href="https://account.kompasiana.com/login/a29tcGFzaWFuYQ==/aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20vaW50ZXJlc3QtYXJ0aWNsZQ==" data-title="Untukmu" data-tooltip="Rekomendasi konten berdasarkan minat dan preferensimu" data-wizard="4" aria-label="Untukmu" class="btn btn-filter btn-sm ">
                <i class="iconBase iconSparkle" aria-hidden="true"></i>
                <span>Untukmu</span>
            </a>
        </li>
                <li>
            <a href="https://www.kompasiana.com/popular" data-title="Terpopuler" data-tooltip="Daftar konten dengan jumlah pembaca terbanyak" data-wizard="6" aria-label="Terpopuler" class="btn btn-filter btn-sm ">
                <i class="iconBase iconFire" aria-hidden="true"></i>
                <span>Terpopuler</span>
            </a>
        </li>
        <li>
            <a href="https://www.kompasiana.com/latest" data-title="Terbaru" data-tooltip="Konten terbaru yang dipublikasikan oleh seluruh Kompasianer" data-wizard="7" aria-label="Terbaru" class="btn btn-filter btn-sm ">
            <i class="iconBase iconClock" aria-hidden="true"></i>
            <span>Terbaru</span>
            </a>
        </li>
    </ul>
</nav>		<div class="feedList flex flex-col mt-12 mb-24 gap-16">
		
				<div class="card bg-base-white flex flex-col gap-12 py-14">
			<div class="cardHeader px-12 flex flex-justify-between flex-align-center">
				<span class="text-14-normal cl-base-black">Login untuk rekomendasi konten</span>
				<a href="javascript:void(0)" class="btn btn-solid btn-xs" onclick="oneTapShow('Yuk login dulu untuk membuka akun kamu', '#')" >
				<span>Login</span>
				</a>
			</div>
		</div>
							<div class="card bg-base-white flex flex-col gap-12 py-14 post-card-item">
    <div class="cardHeader px-12">
        <div class="labelProfile flex flex-align-center gap-8">
                        <div class="avatar sq-40">
                <div class="avatar">
                    <a href="https://www.kompasiana.com/tupari">
                        <img src="https://assets-a1.kompasiana.com/images/avatar/img-20220330-055512-6a2e9d93c925c41ce35245b4.jpg?t=t&amp;v=40&amp;x=40" alt="Tupari">
                    </a>
                </div>
            </div>
                        <div class="flex-1 flex-justify-start flex-align-center gap-16">
                <div class="labelProfile__info flex-col justify-content-center">
                    <div class="labelProfile__name flex-align-center">
                        <div class="text-16-bold">
                            <a href="https://www.kompasiana.com/tupari">
                                Tupari
                            </a>
                        </div>
                                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                            </div>
                    <span class="text-14-normal cl-neutral-600">3 Oktober 2026</span>
                </div>
            </div>
                        <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
                <div class="option sq-24">
                    <button class="btn btn-text btn-2xs" type="button" data-target="popover-report-6ac028d334777c5aef167d53" title="Options">
                        <i class="iconBase iconDotsThree"></i>
                    </button>
                </div>
                <div class="modalPopover flex-justify-end flex-align-end" data-target="popover-report-6ac028d334777c5aef167d53" data-state="closed">
                    <div class="modalBox modalReport--alt radius-8 flex-col">
                        <div class="modalContent">
                            <ul>
                                <li>
                                    <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac028d334777c5aef167d53" data-target="report-konten-6ac028d334777c5aef167d53">Laporkan Konten</button>
                                </li>
                                <li>
                                    <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)" data-user-id="683e75fb34777c06fb538f62" data-target="report-penulis-683e75fb34777c06fb538f62">Laporkan Penulis</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
                                </div>        
    </div>

    <div class="cardContent  px-12">
        <a href="https://www.kompasiana.com/tupari/6ac028d334777c5aef167d53/batik-sarapan-dan-cara-sederhana-membudayakan-kebersamaan-di-sekolah">
            <div class="flex flex flex-col gap-8">
                <h2 class="cardTitle text-20-bold line-clamp-3">Batik, Sarapan, dan Cara Sederhana Membudayakan Kebersamaan di Sekolah</h2>
                <div class="text-16-normal mb-6 line-clamp-4">Merayakan Batik Nasional bukan sekadar mengenakan kain, tetapi menghidupkan budaya melalui kebersamaan dan pengalaman bermakna di sekolah.</div>
                                <div class="cardImg aspect-16-9">
                    <img src="https://assets-a3.kompasiana.com/items/album/2026/10/03/1000068441-6ac0293fc925c47d7f0bb3d4.jpg?t=o&amp;v=770" alt="Batik, Sarapan, dan Cara Sederhana Membudayakan Kebersamaan di Sekolah" class=" radius-4">
                </div>
                            </div>
        </a>
    </div>
    
    <div class="cardFooter flex flex-justify-between px-12">
        <div class="reaction flex gap-12">
            <a href="https://www.kompasiana.com/tupari/6ac028d334777c5aef167d53/batik-sarapan-dan-cara-sederhana-membudayakan-kebersamaan-di-sekolah" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="11">
                <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/tupari/6ac028d334777c5aef167d53/batik-sarapan-dan-cara-sederhana-membudayakan-kebersamaan-di-sekolah" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="5">
                <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="2" data-url-comment="https://www.kompasiana.com/komentar/tupari/6ac028d334777c5aef167d53/batik-sarapan-dan-cara-sederhana-membudayakan-kebersamaan-di-sekolah">
                <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Batik, Sarapan, dan Cara Sederhana Membudayakan Kebersamaan di Sekolah" data-url="https://www.kompasiana.com/tupari/6ac028d334777c5aef167d53/batik-sarapan-dan-cara-sederhana-membudayakan-kebersamaan-di-sekolah">
                <i class="iconBase iconShare" title="Share"></i>
            </button>
        </div>

        <div class="reaction flex gap-12">
                        <button class="btn btn-text btn-2xs 6ac028d334777c5aef167d53_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac028d334777c5aef167d53&#039;)" data-status="0">
                <i class="iconBase iconBookmark" title="Bookmark"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="View" data-count="179" >
                <i class="iconBase iconView" title="View"></i>
            </button>
        </div>
    </div>
</div>
										<div class="card cardArena bg-base-white flex flex-col gap-12 py-14">
            <div class="cardContent">
                <div class="listCard__header flex flex-align-center gap-4 px-12">
                    <h3 class="heading-5">Kompasiana Arena</h3>
                </div>
                <div class="cardContent__list flex gap-16 px-12">
                                        <div class="flex flex flex-col mt-14">
                        <a href="https://www.kompasiana.com/promo/228?source=play?utm_source=kompasiana.com kuis&amp;utm_medium=referral&amp;utm_campaign=kompasiana.com play Yuk Ikutan Kuisnya dan Raih Hadiahnya!">
                        <div class="cardImg aspect-3-2">
                            <img src="https://assets.kompasiana.com/promo/6aa573e8cd154.jpg" alt="Kuis ini bekerja sama dengan PT Pegadaian (Persero)" class="radius-4">
                        </div>
                        <h2 class="cardTitle text-16-bold line-clamp-3 my-8">Yuk Ikutan Kuisnya dan Raih Hadiahnya!</h2>
                        </a>
                    </div>
                                    </div>
            </a>
            </div>
        </div>
            																	<div class="card bg-base-white flex flex-col gap-12 py-14 post-card-item">
    <div class="cardHeader px-12">
        <div class="labelProfile flex flex-align-center gap-8">
                        <div class="avatar sq-40">
                <div class="avatar">
                    <a href="https://www.kompasiana.com/ugdani1264">
                        <img src="https://assets-a1.kompasiana.com/images/avatar/img-20260729-210001-6a6a85f0ed64153438100883.jpg?t=t&amp;v=40&amp;x=40" alt="UG DANI">
                    </a>
                </div>
            </div>
                        <div class="flex-1 flex-justify-start flex-align-center gap-16">
                <div class="labelProfile__info flex-col justify-content-center">
                    <div class="labelProfile__name flex-align-center">
                        <div class="text-16-bold">
                            <a href="https://www.kompasiana.com/ugdani1264">
                                UG DANI
                            </a>
                        </div>
                                            </div>
                    <span class="text-14-normal cl-neutral-600">4 Oktober 2026</span>
                </div>
            </div>
                        <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
                <div class="option sq-24">
                    <button class="btn btn-text btn-2xs" type="button" data-target="popover-report-6ac1d722ed64157f2c656d12" title="Options">
                        <i class="iconBase iconDotsThree"></i>
                    </button>
                </div>
                <div class="modalPopover flex-justify-end flex-align-end" data-target="popover-report-6ac1d722ed64157f2c656d12" data-state="closed">
                    <div class="modalBox modalReport--alt radius-8 flex-col">
                        <div class="modalContent">
                            <ul>
                                <li>
                                    <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac1d722ed64157f2c656d12" data-target="report-konten-6ac1d722ed64157f2c656d12">Laporkan Konten</button>
                                </li>
                                <li>
                                    <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)" data-user-id="67961dc334777c02eb144d74" data-target="report-penulis-67961dc334777c02eb144d74">Laporkan Penulis</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
                                </div>        
    </div>

    <div class="cardContent  px-12">
        <a href="https://www.kompasiana.com/ugdani1264/6ac1d722ed64157f2c656d12/sebelum-akhirnya-cinta-itu-tumbuh">
            <div class="flex flex flex-col gap-8">
                <h2 class="cardTitle text-20-bold line-clamp-3">Sebelum Akhirnya Cinta Itu Tumbuh</h2>
                <div class="text-16-normal mb-6 line-clamp-4">Namun seiring waktu cinta itu tumbuh dengan sendirinya, cinta kita tumbuh dari drama sebelum kita saling mencintai.</div>
                                <div class="cardImg aspect-16-9">
                    <img src="https://assets-a3.kompasiana.com/items/album/2026/10/04/img-20261004-112313-6ac1d58f34777c361f72959b.jpg?t=o&amp;v=770" alt="Sebelum Akhirnya Cinta Itu Tumbuh" class=" radius-4">
                </div>
                            </div>
        </a>
    </div>
    
    <div class="cardFooter flex flex-justify-between px-12">
        <div class="reaction flex gap-12">
            <a href="https://www.kompasiana.com/ugdani1264/6ac1d722ed64157f2c656d12/sebelum-akhirnya-cinta-itu-tumbuh" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="4">
                <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/ugdani1264/6ac1d722ed64157f2c656d12/sebelum-akhirnya-cinta-itu-tumbuh" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="3">
                <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="0" data-url-comment="https://www.kompasiana.com/komentar/ugdani1264/6ac1d722ed64157f2c656d12/sebelum-akhirnya-cinta-itu-tumbuh">
                <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Sebelum Akhirnya Cinta Itu Tumbuh" data-url="https://www.kompasiana.com/ugdani1264/6ac1d722ed64157f2c656d12/sebelum-akhirnya-cinta-itu-tumbuh">
                <i class="iconBase iconShare" title="Share"></i>
            </button>
        </div>

        <div class="reaction flex gap-12">
                        <button class="btn btn-text btn-2xs 6ac1d722ed64157f2c656d12_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac1d722ed64157f2c656d12&#039;)" data-status="0">
                <i class="iconBase iconBookmark" title="Bookmark"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="View" data-count="121" >
                <i class="iconBase iconView" title="View"></i>
            </button>
        </div>
    </div>
</div>
																				<div class="card bg-base-white flex flex-col gap-12 py-14 post-card-item">
    <div class="cardHeader px-12">
        <div class="labelProfile flex flex-align-center gap-8">
                        <div class="avatar sq-40">
                <div class="avatar">
                    <a href="https://www.kompasiana.com/karnitakar4943">
                        <img src="https://assets-a1.kompasiana.com/images/avatar/foto-karnita-jpg-6781bdf234777c70fc6df4c3.jpg?t=t&amp;v=40&amp;x=40" alt="Karnita">
                    </a>
                </div>
            </div>
                        <div class="flex-1 flex-justify-start flex-align-center gap-16">
                <div class="labelProfile__info flex-col justify-content-center">
                    <div class="labelProfile__name flex-align-center">
                        <div class="text-16-bold">
                            <a href="https://www.kompasiana.com/karnitakar4943">
                                Karnita
                            </a>
                        </div>
                                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                            </div>
                    <span class="text-14-normal cl-neutral-600">4 Oktober 2026</span>
                </div>
            </div>
                        <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
                <div class="option sq-24">
                    <button class="btn btn-text btn-2xs" type="button" data-target="popover-report-6ac24e6fc925c40efa4ed349" title="Options">
                        <i class="iconBase iconDotsThree"></i>
                    </button>
                </div>
                <div class="modalPopover flex-justify-end flex-align-end" data-target="popover-report-6ac24e6fc925c40efa4ed349" data-state="closed">
                    <div class="modalBox modalReport--alt radius-8 flex-col">
                        <div class="modalContent">
                            <ul>
                                <li>
                                    <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac24e6fc925c40efa4ed349" data-target="report-konten-6ac24e6fc925c40efa4ed349">Laporkan Konten</button>
                                </li>
                                <li>
                                    <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)" data-user-id="6781b61234777c217f2ccbd2" data-target="report-penulis-6781b61234777c217f2ccbd2">Laporkan Penulis</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
                                </div>        
    </div>

    <div class="cardContent  px-12">
        <a href="https://www.kompasiana.com/karnitakar4943/6ac24e6fc925c40efa4ed349/kdm-proyek-ai-rp3-5-triliun-dan-air-jatiluhur">
            <div class="flex flex flex-col gap-8">
                <h2 class="cardTitle text-20-bold line-clamp-3">KDM, Proyek AI Rp3,5 Triliun, dan Air Jatiluhur</h2>
                <div class="text-16-normal mb-6 line-clamp-4">KDM menghentikan sementara proyek AI Rp3,5 triliun di Jatiluhur karena izin belum lengkap, dengan air dan kepentingan warga menjadi perhatian.</div>
                                <div class="cardImg aspect-16-9">
                    <img src="https://assets-a3.kompasiana.com/items/album/2026/10/04/gubernur-jabar-dedi-mulyadi-kdm-2026-03-30-bisniscom-1787061326-6ac24e63ed641507465d5b84.jpg?t=o&amp;v=770" alt="KDM, Proyek AI Rp3,5 Triliun, dan Air Jatiluhur" class=" radius-4">
                </div>
                            </div>
        </a>
    </div>
    
    <div class="cardFooter flex flex-justify-between px-12">
        <div class="reaction flex gap-12">
            <a href="https://www.kompasiana.com/karnitakar4943/6ac24e6fc925c40efa4ed349/kdm-proyek-ai-rp3-5-triliun-dan-air-jatiluhur" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="5">
                <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/karnitakar4943/6ac24e6fc925c40efa4ed349/kdm-proyek-ai-rp3-5-triliun-dan-air-jatiluhur" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="2">
                <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="0" data-url-comment="https://www.kompasiana.com/komentar/karnitakar4943/6ac24e6fc925c40efa4ed349/kdm-proyek-ai-rp3-5-triliun-dan-air-jatiluhur">
                <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="KDM, Proyek AI Rp3,5 Triliun, dan Air Jatiluhur" data-url="https://www.kompasiana.com/karnitakar4943/6ac24e6fc925c40efa4ed349/kdm-proyek-ai-rp3-5-triliun-dan-air-jatiluhur">
                <i class="iconBase iconShare" title="Share"></i>
            </button>
        </div>

        <div class="reaction flex gap-12">
                        <button class="btn btn-text btn-2xs 6ac24e6fc925c40efa4ed349_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac24e6fc925c40efa4ed349&#039;)" data-status="0">
                <i class="iconBase iconBookmark" title="Bookmark"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="View" data-count="86" >
                <i class="iconBase iconView" title="View"></i>
            </button>
        </div>
    </div>
</div>
							<div class="card bg-base-white flex flex-col gap-12 py-14 post-card-item text-center">
    <div class="kg-infeed-wrap" style="width:100%;min-height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden;">
        <div id="div-gpt-ad-Infeed_3" class="kg-infeed-slot" style="width:100%;max-width:336px;min-height:280px;display:flex;align-items:center;justify-content:center;" data-infeed-gpt="1" data-slot-id="div-gpt-ad-Infeed_3"></div>
    </div>
</div>
													<div class="card cardTopik bg-base-white flex flex-col gap-12 py-14">
    <div class="cardContent  ">
        <div class="listCard__header flex flex-align-center flex-justify-between gap-4 px-12">
            <div class="flex flex-align-center gap-4">
                <h3 class="heading-5">Topik Pilihan
                </h3>
            </div>
            <a href="https://www.kompasiana.com/topic" class="btn btn-text btn-2xs cl-blue-primary flex flex-align-center gap-4 flex-none nowrap">
                <span>Selengkapnya</span>
                <i class="iconBase iconCaretRight sq-16"></i>
            </a>
        </div>
        <div class="cardContent__list flex gap-16 px-12">
                             
                <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/topic/bisnis-rumahanmu-seberapa-cuan">
                    <div class="cardImg aspect-2-3">
                        <img src="https://assets-a2.kompasiana.com/items/topics/topil-potrait-23-1790946824.png?t=o&amp;v=244&amp;x=172" alt=" Bisnis Rumahanmu, Seberapa Cuan?" class="radius-4">
                    </div>
                    
                    </a>
                </div>
                             
                <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/topic/halo-warga-desa-bagaimana-caramu-menemukan-kebahagiaan">
                    <div class="cardImg aspect-2-3">
                        <img src="https://assets-a2.kompasiana.com/items/topics/hiburan-di-desa-1790802592.png?t=o&amp;v=244&amp;x=172" alt=" Halo Warga Desa, Bagaimana Caramu Menemukan Kebahagiaan?" class="radius-4">
                    </div>
                    
                    </a>
                </div>
                             
                <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/topic/seberapa-optimistis-indonesia-juara-fifa-asean-cup-2026">
                    <div class="cardImg aspect-2-3">
                        <img src="https://assets-a2.kompasiana.com/items/topics/asean-cup-2026-1790566391.png?t=o&amp;v=244&amp;x=172" alt=" Seberapa Optimistis Indonesia Juara FIFA ASEAN Cup 2026?" class="radius-4">
                    </div>
                    
                    </a>
                </div>
                             
                <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/topic/ternyata-menikah-juga-punya-sisi-manisnya">
                    <div class="cardImg aspect-2-3">
                        <img src="https://assets-a2.kompasiana.com/items/topics/marriage-is-sweet-1790305677.png?t=o&amp;v=244&amp;x=172" alt=" Ternyata, Menikah Juga Punya Sisi Manisnya!" class="radius-4">
                    </div>
                    
                    </a>
                </div>
                             
                <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/topic/sempat-terpikir-mengakhiri-hidup">
                    <div class="cardImg aspect-2-3">
                        <img src="https://assets-a2.kompasiana.com/items/topics/topil-potrait-22-1790172945.png?t=o&amp;v=244&amp;x=172" alt=" Sempat Terpikir Mengakhiri Hidup?" class="radius-4">
                    </div>
                    
                    </a>
                </div>
                             
                <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/topic/apa-perlu-wajib-belajar-15-tahun">
                    <div class="cardImg aspect-2-3">
                        <img src="https://assets-a2.kompasiana.com/items/topics/ptn-gratis-1790067057.png?t=o&amp;v=244&amp;x=172" alt=" Apa Perlu Wajib Belajar 15 Tahun?" class="radius-4">
                    </div>
                    
                    </a>
                </div>
                             
                <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/topic/apa-yang-buatmu-mau-jadi-guru">
                    <div class="cardImg aspect-2-3">
                        <img src="https://assets-a2.kompasiana.com/items/topics/topil-potrait-2-1789698912.png?t=o&amp;v=244&amp;x=172" alt=" Apa yang Buatmu Mau Jadi Guru?" class="radius-4">
                    </div>
                    
                    </a>
                </div>
                             
                <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/topic/berita-buruk-terus-mindfulness-kapan">
                    <div class="cardImg aspect-2-3">
                        <img src="https://assets-a2.kompasiana.com/items/topics/mindfulness-1789572528.png?t=o&amp;v=244&amp;x=172" alt=" Berita Buruk Terus, Mindfulness Kapan?" class="radius-4">
                    </div>
                    
                    </a>
                </div>
                                    </div>
    </div>
</div>
														<div class="card bg-base-white flex flex-col gap-12 py-14 post-card-item">
    <div class="cardHeader px-12">
        <div class="labelProfile flex flex-align-center gap-8">
                        <div class="avatar sq-40">
                <div class="avatar">
                    <a href="https://www.kompasiana.com/rintawulandarii">
                        <img src="https://assets-a1.kompasiana.com/images/avatar/photoroom-20260514-065251574-6a050ef734777c59100d6024.jpg?t=t&amp;v=40&amp;x=40" alt="Rinta Wulandari">
                    </a>
                </div>
            </div>
                        <div class="flex-1 flex-justify-start flex-align-center gap-16">
                <div class="labelProfile__info flex-col justify-content-center">
                    <div class="labelProfile__name flex-align-center">
                        <div class="text-16-bold">
                            <a href="https://www.kompasiana.com/rintawulandarii">
                                Rinta Wulandari
                            </a>
                        </div>
                                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                            </div>
                    <span class="text-14-normal cl-neutral-600">3 Oktober 2026</span>
                </div>
            </div>
                        <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
                <div class="option sq-24">
                    <button class="btn btn-text btn-2xs" type="button" data-target="popover-report-6ac109eeed64152f873461c3" title="Options">
                        <i class="iconBase iconDotsThree"></i>
                    </button>
                </div>
                <div class="modalPopover flex-justify-end flex-align-end" data-target="popover-report-6ac109eeed64152f873461c3" data-state="closed">
                    <div class="modalBox modalReport--alt radius-8 flex-col">
                        <div class="modalContent">
                            <ul>
                                <li>
                                    <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac109eeed64152f873461c3" data-target="report-konten-6ac109eeed64152f873461c3">Laporkan Konten</button>
                                </li>
                                <li>
                                    <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)" data-user-id="54e54281745513693f8b4570" data-target="report-penulis-54e54281745513693f8b4570">Laporkan Penulis</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
                                </div>        
    </div>

    <div class="cardContent  px-12">
        <a href="https://www.kompasiana.com/rintawulandarii/6ac109eeed64152f873461c3/salon-muslimah-pilihanku-melakukan-perawatan-diri">
            <div class="flex flex flex-col gap-8">
                <h2 class="cardTitle text-20-bold line-clamp-3">Salon Muslimah, Pilihanku Melakukan Perawatan Diri</h2>
                <div class="text-16-normal mb-6 line-clamp-4">Hari ini agendaku cukup menyenangkan, ke salon bersama anak sulungku ke salon muslimah, apa saja yang dilakukan?</div>
                                <div class="cardImg aspect-16-9">
                    <img src="https://assets-a3.kompasiana.com/items/album/2026/10/03/1001414085-6ac10c1cc925c448412dacc2.jpg?t=o&amp;v=770" alt="Salon Muslimah, Pilihanku Melakukan Perawatan Diri" class=" radius-4">
                </div>
                            </div>
        </a>
    </div>
    
    <div class="cardFooter flex flex-justify-between px-12">
        <div class="reaction flex gap-12">
            <a href="https://www.kompasiana.com/rintawulandarii/6ac109eeed64152f873461c3/salon-muslimah-pilihanku-melakukan-perawatan-diri" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="11">
                <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/rintawulandarii/6ac109eeed64152f873461c3/salon-muslimah-pilihanku-melakukan-perawatan-diri" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="6">
                <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="0" data-url-comment="https://www.kompasiana.com/komentar/rintawulandarii/6ac109eeed64152f873461c3/salon-muslimah-pilihanku-melakukan-perawatan-diri">
                <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Salon Muslimah, Pilihanku Melakukan Perawatan Diri" data-url="https://www.kompasiana.com/rintawulandarii/6ac109eeed64152f873461c3/salon-muslimah-pilihanku-melakukan-perawatan-diri">
                <i class="iconBase iconShare" title="Share"></i>
            </button>
        </div>

        <div class="reaction flex gap-12">
                        <button class="btn btn-text btn-2xs 6ac109eeed64152f873461c3_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac109eeed64152f873461c3&#039;)" data-status="0">
                <i class="iconBase iconBookmark" title="Bookmark"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="View" data-count="214" >
                <i class="iconBase iconView" title="View"></i>
            </button>
        </div>
    </div>
</div>
																				<div class="card bg-base-white flex flex-col gap-12 py-14 post-card-item">
    <div class="cardHeader px-12">
        <div class="labelProfile flex flex-align-center gap-8">
                        <div class="avatar sq-40">
                <div class="avatar">
                    <a href="https://www.kompasiana.com/ludiro">
                        <img src="https://assets-a1.kompasiana.com/images/avatar/lud3-62dcfef008a8b575763f583b.jpg?t=t&amp;v=40&amp;x=40" alt="Ludiro Madu">
                    </a>
                </div>
            </div>
                        <div class="flex-1 flex-justify-start flex-align-center gap-16">
                <div class="labelProfile__info flex-col justify-content-center">
                    <div class="labelProfile__name flex-align-center">
                        <div class="text-16-bold">
                            <a href="https://www.kompasiana.com/ludiro">
                                Ludiro Madu
                            </a>
                        </div>
                                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                            </div>
                    <span class="text-14-normal cl-neutral-600">4 Oktober 2026</span>
                </div>
            </div>
                        <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
                <div class="option sq-24">
                    <button class="btn btn-text btn-2xs" type="button" data-target="popover-report-6ac1c41334777c6c25188977" title="Options">
                        <i class="iconBase iconDotsThree"></i>
                    </button>
                </div>
                <div class="modalPopover flex-justify-end flex-align-end" data-target="popover-report-6ac1c41334777c6c25188977" data-state="closed">
                    <div class="modalBox modalReport--alt radius-8 flex-col">
                        <div class="modalContent">
                            <ul>
                                <li>
                                    <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac1c41334777c6c25188977" data-target="report-konten-6ac1c41334777c6c25188977">Laporkan Konten</button>
                                </li>
                                <li>
                                    <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)" data-user-id="54d897297455130e3649ef26" data-target="report-penulis-54d897297455130e3649ef26">Laporkan Penulis</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
                                </div>        
    </div>

    <div class="cardContent  px-12">
        <a href="https://www.kompasiana.com/ludiro/6ac1c41334777c6c25188977/pabrik-gula-cepiring-klaten-dan-kudus-jaringan-mesin-ekspor-kolonial">
            <div class="flex flex flex-col gap-8">
                <h2 class="cardTitle text-20-bold line-clamp-3">Pabrik Gula Cepiring, Klaten, dan Kudus: Jaringan Mesin Ekspor Kolonial</h2>
                <div class="text-16-normal mb-6 line-clamp-4">Tiga pabrik gula yang dulu terhubung oleh satu jaringan produksi dalam pasar global itu, kini berjalan sendiri-sendiri menuju masa depan yang berbeda.</div>
                                <div class="cardImg aspect-16-9">
                    <img src="https://assets-a3.kompasiana.com/items/album/2026/10/04/1001035215-6ac1c3efc925c428c62da6ba.jpg?t=o&amp;v=770" alt="Pabrik Gula Cepiring, Klaten, dan Kudus: Jaringan Mesin Ekspor Kolonial" class=" radius-4">
                </div>
                            </div>
        </a>
    </div>
    
    <div class="cardFooter flex flex-justify-between px-12">
        <div class="reaction flex gap-12">
            <a href="https://www.kompasiana.com/ludiro/6ac1c41334777c6c25188977/pabrik-gula-cepiring-klaten-dan-kudus-jaringan-mesin-ekspor-kolonial" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="22">
                <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/ludiro/6ac1c41334777c6c25188977/pabrik-gula-cepiring-klaten-dan-kudus-jaringan-mesin-ekspor-kolonial" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="10">
                <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="2" data-url-comment="https://www.kompasiana.com/komentar/ludiro/6ac1c41334777c6c25188977/pabrik-gula-cepiring-klaten-dan-kudus-jaringan-mesin-ekspor-kolonial">
                <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Pabrik Gula Cepiring, Klaten, dan Kudus: Jaringan Mesin Ekspor Kolonial" data-url="https://www.kompasiana.com/ludiro/6ac1c41334777c6c25188977/pabrik-gula-cepiring-klaten-dan-kudus-jaringan-mesin-ekspor-kolonial">
                <i class="iconBase iconShare" title="Share"></i>
            </button>
        </div>

        <div class="reaction flex gap-12">
                        <button class="btn btn-text btn-2xs 6ac1c41334777c6c25188977_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac1c41334777c6c25188977&#039;)" data-status="0">
                <i class="iconBase iconBookmark" title="Bookmark"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="View" data-count="307" >
                <i class="iconBase iconView" title="View"></i>
            </button>
        </div>
    </div>
</div>
																<div class="card cardSeries bg-base-white flex flex-col gap-12 py-14">
    <div class="cardContent  ">
        <div class="listCard__header flex flex-align-center flex-justify-between gap-4 px-12">
            <div class="flex flex-align-center gap-4">
                <div class="cardTitle__icon">
                    <img src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/mobile/images/narativ/narativ-icon.png" alt="Ikon The Series">
                </div>
                <h3 class="heading-5">The Series</h3>
            </div>
            <a href="https://www.kompasiana.com/series" class="btn btn-text btn-2xs cl-blue-primary flex flex-align-center gap-4 flex-none nowrap">
                <span>Selengkapnya</span>
                <i class="iconBase iconCaretRight sq-16"></i>
            </a>
        </div>
        <div class="cardContent__list flex gap-16 px-12">
                         
            <div class="flex flex flex-col mt-14">
                <a href="https://www.kompasiana.com/series/6a33a67011514428d7617ca5/biodiversitas-di-tengah-ruang-hijau-yang-menyusut">
                <div class="cardImg aspect-2-3">
                    <img src="https://assets.kompasiana.com/items/narative_series/the-series-cover-1781769840.png?t=o&amp;v=300" alt="Biodiversitas di Tengah Ruang Hijau yang Menyusut" class="radius-4">
                </div>
                <h2 class="cardTitle text-16-bold line-clamp-3 my-8">Biodiversitas di Tengah Ruang Hijau yang Menyusut</h2>
                </a>
            </div>
                         
            <div class="flex flex flex-col mt-14">
                <a href="https://www.kompasiana.com/series/69cb6e8f115144673c480362/jejak-kontribusi-awardee-lpdp-bagi-negeri">
                <div class="cardImg aspect-2-3">
                    <img src="https://assets.kompasiana.com/items/narative_series/the-series-cover-5-1774939790.png?t=o&amp;v=300" alt="Jejak Kontribusi Awardee LPDP bagi Negeri" class="radius-4">
                </div>
                <h2 class="cardTitle text-16-bold line-clamp-3 my-8">Jejak Kontribusi Awardee LPDP bagi Negeri</h2>
                </a>
            </div>
                         
            <div class="flex flex flex-col mt-14">
                <a href="https://www.kompasiana.com/series/69ca494e11514401751ddf54/membangun-solidaritas-di-tengah-ketidakpastian-karir">
                <div class="cardImg aspect-2-3">
                    <img src="https://assets.kompasiana.com/items/narative_series/the-series-cover-4-1774864718.png?t=o&amp;v=300" alt="Membangun Solidaritas di Tengah Ketidakpastian Karir" class="radius-4">
                </div>
                <h2 class="cardTitle text-16-bold line-clamp-3 my-8">Membangun Solidaritas di Tengah Ketidakpastian Karir</h2>
                </a>
            </div>
                         
            <div class="flex flex flex-col mt-14">
                <a href="https://www.kompasiana.com/series/69ca438911514443575c5fb9/tetap-bergerak-tetap-konsisten-di-bulan-puasa">
                <div class="cardImg aspect-2-3">
                    <img src="https://assets.kompasiana.com/items/narative_series/the-series-cover-1-1774863241.png?t=o&amp;v=300" alt="Tetap Bergerak, Tetap Konsisten di Bulan Puasa" class="radius-4">
                </div>
                <h2 class="cardTitle text-16-bold line-clamp-3 my-8">Tetap Bergerak, Tetap Konsisten di Bulan Puasa</h2>
                </a>
            </div>
                         
            <div class="flex flex flex-col mt-14">
                <a href="https://www.kompasiana.com/series/69ca3de511514443575c5fb3/ibu-di-garda-depan-kesehatan-anak">
                <div class="cardImg aspect-2-3">
                    <img src="https://assets.kompasiana.com/items/narative_series/the-series-cover-1774861796.png?t=o&amp;v=300" alt="Ibu di Garda Depan Kesehatan Anak" class="radius-4">
                </div>
                <h2 class="cardTitle text-16-bold line-clamp-3 my-8">Ibu di Garda Depan Kesehatan Anak</h2>
                </a>
            </div>
                         
            <div class="flex flex flex-col mt-14">
                <a href="https://www.kompasiana.com/series/6904a05a1151443a1d560483/gerakan-bikinberdaya-untuk-sesama">
                <div class="cardImg aspect-2-3">
                    <img src="https://assets.kompasiana.com/items/narative_series/rumah-zakat-series-mandiri-2-1761910874.jpg?t=o&amp;v=300" alt="Gerakan #BikinBerdaya untuk Sesama" class="radius-4">
                </div>
                <h2 class="cardTitle text-16-bold line-clamp-3 my-8">Gerakan #BikinBerdaya untuk Sesama</h2>
                </a>
            </div>
                         
            <div class="flex flex flex-col mt-14">
                <a href="https://www.kompasiana.com/series/68c1967711514406025c7184/menghapus-dahaga-dari-krisis-air">
                <div class="cardImg aspect-2-3">
                    <img src="https://assets.kompasiana.com/items/narative_series/hercules-3ax-1757586613.png?t=o&amp;v=300" alt="Menghapus Dahaga dari Krisis Air" class="radius-4">
                </div>
                <h2 class="cardTitle text-16-bold line-clamp-3 my-8">Menghapus Dahaga dari Krisis Air</h2>
                </a>
            </div>
                         
            <div class="flex flex flex-col mt-14">
                <a href="https://www.kompasiana.com/series/6773b48611514469a00bcaa5/sustainable-living-gaya-hidup-minim-sampah">
                <div class="cardImg aspect-2-3">
                    <img src="https://assets.kompasiana.com/items/narative_series/feed-2-1735636102.png?t=o&amp;v=300" alt="Sustainable Living, Gaya Hidup Minim Sampah" class="radius-4">
                </div>
                <h2 class="cardTitle text-16-bold line-clamp-3 my-8">Sustainable Living, Gaya Hidup Minim Sampah</h2>
                </a>
            </div>
                                </div>
    </div>
</div>
											<div class="card bg-base-white flex flex-col gap-12 py-14 post-card-item">
    <div class="cardHeader px-12">
        <div class="labelProfile flex flex-align-center gap-8">
                        <div class="avatar sq-40">
                <div class="avatar">
                    <a href="https://www.kompasiana.com/jujunjunaedia37689">
                        <img src="https://assets-a1.kompasiana.com/images/avatar/img-20240331-222757-66098121c57afb4ed74991b4.png?t=t&amp;v=40&amp;x=40" alt="Jujun Junaedi">
                    </a>
                </div>
            </div>
                        <div class="flex-1 flex-justify-start flex-align-center gap-16">
                <div class="labelProfile__info flex-col justify-content-center">
                    <div class="labelProfile__name flex-align-center">
                        <div class="text-16-bold">
                            <a href="https://www.kompasiana.com/jujunjunaedia37689">
                                Jujun Junaedi
                            </a>
                        </div>
                                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                            </div>
                    <span class="text-14-normal cl-neutral-600">3 Oktober 2026</span>
                </div>
            </div>
                        <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
                <div class="option sq-24">
                    <button class="btn btn-text btn-2xs" type="button" data-target="popover-report-6ac1342bc925c4546d35cb64" title="Options">
                        <i class="iconBase iconDotsThree"></i>
                    </button>
                </div>
                <div class="modalPopover flex-justify-end flex-align-end" data-target="popover-report-6ac1342bc925c4546d35cb64" data-state="closed">
                    <div class="modalBox modalReport--alt radius-8 flex-col">
                        <div class="modalContent">
                            <ul>
                                <li>
                                    <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac1342bc925c4546d35cb64" data-target="report-konten-6ac1342bc925c4546d35cb64">Laporkan Konten</button>
                                </li>
                                <li>
                                    <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)" data-user-id="66092e441470936fd7568ca2" data-target="report-penulis-66092e441470936fd7568ca2">Laporkan Penulis</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
                                </div>        
    </div>

    <div class="cardContent  px-12">
        <a href="https://www.kompasiana.com/jujunjunaedia37689/6ac1342bc925c4546d35cb64/dari-serabut-jadi-merabut-cuan-keajaiban-sabut-kelapa-di-desa-cintrakarya">
            <div class="flex flex flex-col gap-8">
                <h2 class="cardTitle text-20-bold line-clamp-3">Dari Serabut Jadi Merabut Cuan: Keajaiban Sabut Kelapa di Desa Cintrakarya</h2>
                <div class="text-16-normal mb-6 line-clamp-4">Melihat langsung proses pembuatan olahan sabut kelapa memperluas sudut pandang saya tentang usaha</div>
                                <div class="cardImg aspect-16-9">
                    <img src="https://assets-a3.kompasiana.com/items/album/2026/10/03/screenshot-20261003-234600-6ac131d734777c7ef77e0507.jpg?t=o&amp;v=770" alt="Dari Serabut Jadi Merabut Cuan: Keajaiban Sabut Kelapa di Desa Cintrakarya" class=" radius-4">
                </div>
                            </div>
        </a>
    </div>
    
    <div class="cardFooter flex flex-justify-between px-12">
        <div class="reaction flex gap-12">
            <a href="https://www.kompasiana.com/jujunjunaedia37689/6ac1342bc925c4546d35cb64/dari-serabut-jadi-merabut-cuan-keajaiban-sabut-kelapa-di-desa-cintrakarya" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="13">
                <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/jujunjunaedia37689/6ac1342bc925c4546d35cb64/dari-serabut-jadi-merabut-cuan-keajaiban-sabut-kelapa-di-desa-cintrakarya" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="7">
                <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="2" data-url-comment="https://www.kompasiana.com/komentar/jujunjunaedia37689/6ac1342bc925c4546d35cb64/dari-serabut-jadi-merabut-cuan-keajaiban-sabut-kelapa-di-desa-cintrakarya">
                <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Dari Serabut Jadi Merabut Cuan: Keajaiban Sabut Kelapa di Desa Cintrakarya" data-url="https://www.kompasiana.com/jujunjunaedia37689/6ac1342bc925c4546d35cb64/dari-serabut-jadi-merabut-cuan-keajaiban-sabut-kelapa-di-desa-cintrakarya">
                <i class="iconBase iconShare" title="Share"></i>
            </button>
        </div>

        <div class="reaction flex gap-12">
                        <button class="btn btn-text btn-2xs 6ac1342bc925c4546d35cb64_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac1342bc925c4546d35cb64&#039;)" data-status="0">
                <i class="iconBase iconBookmark" title="Bookmark"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="View" data-count="296" >
                <i class="iconBase iconView" title="View"></i>
            </button>
        </div>
    </div>
</div>
							<div class="card bg-base-white flex flex-col gap-12 py-14 post-card-item text-center">
    <div class="kg-infeed-wrap" style="width:100%;min-height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden;">
        <div id="div-gpt-ad-Infeed_6" class="kg-infeed-slot" style="width:100%;max-width:336px;min-height:280px;display:flex;align-items:center;justify-content:center;" data-infeed-gpt="1" data-slot-id="div-gpt-ad-Infeed_6"></div>
    </div>
</div>
																				<div class="card bg-base-white flex flex-col gap-12 py-14 post-card-item">
    <div class="cardHeader px-12">
        <div class="labelProfile flex flex-align-center gap-8">
                        <div class="avatar sq-40">
                <div class="avatar">
                    <a href="https://www.kompasiana.com/cakbejo1202">
                        <img src="https://assets-a1.kompasiana.com/images/avatar/91925-6aa3aaf8c925c448a8016ef2.jpg?t=t&amp;v=40&amp;x=40" alt="Agus Cahyono">
                    </a>
                </div>
            </div>
                        <div class="flex-1 flex-justify-start flex-align-center gap-16">
                <div class="labelProfile__info flex-col justify-content-center">
                    <div class="labelProfile__name flex-align-center">
                        <div class="text-16-bold">
                            <a href="https://www.kompasiana.com/cakbejo1202">
                                Agus Cahyono
                            </a>
                        </div>
                                            </div>
                    <span class="text-14-normal cl-neutral-600">4 Oktober 2026</span>
                </div>
            </div>
                        <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
                <div class="option sq-24">
                    <button class="btn btn-text btn-2xs" type="button" data-target="popover-report-6ac1f58bc925c409eb0151d5" title="Options">
                        <i class="iconBase iconDotsThree"></i>
                    </button>
                </div>
                <div class="modalPopover flex-justify-end flex-align-end" data-target="popover-report-6ac1f58bc925c409eb0151d5" data-state="closed">
                    <div class="modalBox modalReport--alt radius-8 flex-col">
                        <div class="modalContent">
                            <ul>
                                <li>
                                    <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac1f58bc925c409eb0151d5" data-target="report-konten-6ac1f58bc925c409eb0151d5">Laporkan Konten</button>
                                </li>
                                <li>
                                    <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)" data-user-id="635a5dc008a8b52fca084c42" data-target="report-penulis-635a5dc008a8b52fca084c42">Laporkan Penulis</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
                                </div>        
    </div>

    <div class="cardContent  px-12">
        <a href="https://www.kompasiana.com/cakbejo1202/6ac1f58bc925c409eb0151d5/senkom-merangin-kerahkan-25-personel-dalam-apel-siaga-bencana">
            <div class="flex flex flex-col gap-8">
                <h2 class="cardTitle text-20-bold line-clamp-3">Senkom Merangin Kerahkan 25 Personel dalam Apel Siaga Bencana</h2>
                <div class="text-16-normal mb-6 line-clamp-4">Sebanyak 25 personel Senkom Mitra Polri Kabupaten Merangin mengikuti Apel Gelar Pasukan Siaga Bencana pada Jumat (2/10/2026)</div>
                                <div class="cardImg aspect-16-9">
                    <img src="https://assets-a3.kompasiana.com/items/album/2026/10/04/senkom-merangin-25-personel-apel-siaga-bencana-6ac1f4c6c925c47ac33d6c10.jpeg?t=o&amp;v=770" alt="Senkom Merangin Kerahkan 25 Personel dalam Apel Siaga Bencana" class=" radius-4">
                </div>
                            </div>
        </a>
    </div>
    
    <div class="cardFooter flex flex-justify-between px-12">
        <div class="reaction flex gap-12">
            <a href="https://www.kompasiana.com/cakbejo1202/6ac1f58bc925c409eb0151d5/senkom-merangin-kerahkan-25-personel-dalam-apel-siaga-bencana" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="4">
                <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/cakbejo1202/6ac1f58bc925c409eb0151d5/senkom-merangin-kerahkan-25-personel-dalam-apel-siaga-bencana" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="2">
                <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="0" data-url-comment="https://www.kompasiana.com/komentar/cakbejo1202/6ac1f58bc925c409eb0151d5/senkom-merangin-kerahkan-25-personel-dalam-apel-siaga-bencana">
                <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Senkom Merangin Kerahkan 25 Personel dalam Apel Siaga Bencana" data-url="https://www.kompasiana.com/cakbejo1202/6ac1f58bc925c409eb0151d5/senkom-merangin-kerahkan-25-personel-dalam-apel-siaga-bencana">
                <i class="iconBase iconShare" title="Share"></i>
            </button>
        </div>

        <div class="reaction flex gap-12">
                        <button class="btn btn-text btn-2xs 6ac1f58bc925c409eb0151d5_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac1f58bc925c409eb0151d5&#039;)" data-status="0">
                <i class="iconBase iconBookmark" title="Bookmark"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="View" data-count="149" >
                <i class="iconBase iconView" title="View"></i>
            </button>
        </div>
    </div>
</div>
																			<div class="card cardTren bg-base-white flex flex-col gap-12 py-14">
    <div class="cardContent">
        <div class="listCard__header flex flex-align-center flex-justify-between gap-4 px-12">
            <div class="flex flex-align-center gap-4">
                <h3 class="heading-5">Tren Pekan Ini
                </h3>
            </div>
        </div>
        <div class="cardContent__list flex gap-16 px-12">
                                            <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/makenyok/6ac05677c925c478422d015c/jet-tempur-siluman-gen-6-j-36-tiongkok-jauh-meninggalkan-ngad-f-47-as">
                        <div class="cardImg aspect-16-9">
                            <img src="https://assets-a3.kompasiana.com/items/album/2026/10/03/a-6ac05087c925c478467a720d.png?t=o&amp;v=220" alt="Jet Tempur Siluman Gen-6 J-36 Tiongkok Jauh Meninggalkan NGAD F-47 AS" class="radius-4">
                        </div>
                        <h2 class="cardTitle text-16-bold line-clamp-3 my-8">Jet Tempur Siluman Gen-6 J-36 Tiongkok Jauh Meninggalkan NGAD F-47 AS</h2>
                    </a>
                </div>
                                            <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/jandris_sky/6ac0aacced641536a82f42e7/kebun-pintar-tanpa-menyiram-dengan-metode-self-watering-pot">
                        <div class="cardImg aspect-16-9">
                            <img src="https://assets-a3.kompasiana.com/items/album/2026/10/03/1000011556-6ac0a02eed64157f2f7037a6.jpg?t=o&amp;v=220" alt="Kebun Pintar Tanpa Menyiram, Dengan Metode &quot;Self-Watering Pot&quot;" class="radius-4">
                        </div>
                        <h2 class="cardTitle text-16-bold line-clamp-3 my-8">Kebun Pintar Tanpa Menyiram, Dengan Metode &quot;Self-Watering Pot&quot;</h2>
                    </a>
                </div>
                                            <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/merzagamal8924/6ac0827bed64157f20026218/enam-cara-menyeduh-menikmati-kopi">
                        <div class="cardImg aspect-16-9">
                            <img src="https://assets-a3.kompasiana.com/items/album/2026/10/03/file-000000007524820b903662d589899ccb-6ac07f8aed64157f2002620d.png?t=o&amp;v=220" alt="Enam Cara Menyeduh &amp; Menikmati Kopi" class="radius-4">
                        </div>
                        <h2 class="cardTitle text-16-bold line-clamp-3 my-8">Enam Cara Menyeduh &amp; Menikmati Kopi</h2>
                    </a>
                </div>
                                            <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/alfredbenediktusjogoena3063/6abfb828ed64152904343f0c/alfonsus-hilarius-ase-sahabat-seperjuangan-di-lembah-sasa">
                        <div class="cardImg aspect-16-9">
                            <img src="https://assets-a3.kompasiana.com/items/album/2026/10/02/fbe9bf4e-f67a-4f7e-b581-fbff68ee4f2f-6abfb398ed6415290d64bd71.jpg?t=o&amp;v=220" alt="Alfonsus Hilarius Ase, Sahabat Seperjuangan di Lembah Sasa" class="radius-4">
                        </div>
                        <h2 class="cardTitle text-16-bold line-clamp-3 my-8">Alfonsus Hilarius Ase, Sahabat Seperjuangan di Lembah Sasa</h2>
                    </a>
                </div>
                                            <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/nendennuraeni5172/6ac0f63fc925c46a234e32b2/kembali-ke-jogja-malioboro-run-kuliner-dan-healing-bersama-anak">
                        <div class="cardImg aspect-16-9">
                            <img src="https://assets-a3.kompasiana.com/items/album/2026/10/03/whatsapp-image-2026-10-03-at-19-26-11-6ac0f49eed641555266e5502.jpeg?t=o&amp;v=220" alt="Kembali ke Jogja: Malioboro Run, Kuliner, dan Healing Bersama Anak" class="radius-4">
                        </div>
                        <h2 class="cardTitle text-16-bold line-clamp-3 my-8">Kembali ke Jogja: Malioboro Run, Kuliner, dan Healing Bersama Anak</h2>
                    </a>
                </div>
                                            <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/andisetyopambudi5192/6aba02d4ed64151eb87662e3/tak-harus-mewah-begini-cara-orang-uganda-bahagia-dan-menikmati-hidup">
                        <div class="cardImg aspect-16-9">
                            <img src="https://assets-a3.kompasiana.com/items/album/2026/09/28/dsc01130-jpg-6ab9ff5eed6415217c694fd4.jpg?t=o&amp;v=220" alt="Tak Harus Mewah, Begini Cara Orang Uganda Bahagia dan Menikmati Hidup" class="radius-4">
                        </div>
                        <h2 class="cardTitle text-16-bold line-clamp-3 my-8">Tak Harus Mewah, Begini Cara Orang Uganda Bahagia dan Menikmati Hidup</h2>
                    </a>
                </div>
                    </div>
    </div>
</div>
								<div class="card bg-base-white flex flex-col gap-12 py-14 post-card-item">
    <div class="cardHeader px-12">
        <div class="labelProfile flex flex-align-center gap-8">
                        <div class="avatar sq-40">
                <div class="avatar">
                    <a href="https://www.kompasiana.com/adebakri">
                        <img src="https://assets-a1.kompasiana.com/images/avatar/186059-6a819b85ed64157dd65028d4.jpg?t=t&amp;v=40&amp;x=40" alt="Ade Tjahyono Bakri">
                    </a>
                </div>
            </div>
                        <div class="flex-1 flex-justify-start flex-align-center gap-16">
                <div class="labelProfile__info flex-col justify-content-center">
                    <div class="labelProfile__name flex-align-center">
                        <div class="text-16-bold">
                            <a href="https://www.kompasiana.com/adebakri">
                                Ade Tjahyono Bakri
                            </a>
                        </div>
                                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                            </div>
                    <span class="text-14-normal cl-neutral-600">4 Oktober 2026</span>
                </div>
            </div>
                        <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
                <div class="option sq-24">
                    <button class="btn btn-text btn-2xs" type="button" data-target="popover-report-6ac22a9b34777c1cde3d3375" title="Options">
                        <i class="iconBase iconDotsThree"></i>
                    </button>
                </div>
                <div class="modalPopover flex-justify-end flex-align-end" data-target="popover-report-6ac22a9b34777c1cde3d3375" data-state="closed">
                    <div class="modalBox modalReport--alt radius-8 flex-col">
                        <div class="modalContent">
                            <ul>
                                <li>
                                    <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac22a9b34777c1cde3d3375" data-target="report-konten-6ac22a9b34777c1cde3d3375">Laporkan Konten</button>
                                </li>
                                <li>
                                    <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)" data-user-id="5f3b5a9565eaa15e413fcd92" data-target="report-penulis-5f3b5a9565eaa15e413fcd92">Laporkan Penulis</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
                                </div>        
    </div>

    <div class="cardContent  px-12">
        <a href="https://www.kompasiana.com/adebakri/6ac22a9b34777c1cde3d3375/sengkarut-tuti-adagae-ketika-potensi-wisata-alor-dibiarkan-telantar">
            <div class="flex flex flex-col gap-8">
                <h2 class="cardTitle text-20-bold line-clamp-3">Sengkarut Tuti Adagae: Ketika Potensi Wisata Alor Dibiarkan Telantar</h2>
                <div class="text-16-normal mb-6 line-clamp-4">Sengkarut Tuti Adagae. Saatnya membenahi tata kelola dan infrastruktur sebelum aset wisata darat Alor ini benar-benar dilupakan dalam kesunyian</div>
                                <div class="cardImg aspect-16-9">
                    <img src="https://assets-a3.kompasiana.com/items/album/2026/10/04/225011-6ac222e634777c752e4a41ac.png?t=o&amp;v=770" alt="Sengkarut Tuti Adagae: Ketika Potensi Wisata Alor Dibiarkan Telantar" class=" radius-4">
                </div>
                            </div>
        </a>
    </div>
    
    <div class="cardFooter flex flex-justify-between px-12">
        <div class="reaction flex gap-12">
            <a href="https://www.kompasiana.com/adebakri/6ac22a9b34777c1cde3d3375/sengkarut-tuti-adagae-ketika-potensi-wisata-alor-dibiarkan-telantar" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="10">
                <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/adebakri/6ac22a9b34777c1cde3d3375/sengkarut-tuti-adagae-ketika-potensi-wisata-alor-dibiarkan-telantar" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="6">
                <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="1" data-url-comment="https://www.kompasiana.com/komentar/adebakri/6ac22a9b34777c1cde3d3375/sengkarut-tuti-adagae-ketika-potensi-wisata-alor-dibiarkan-telantar">
                <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Sengkarut Tuti Adagae: Ketika Potensi Wisata Alor Dibiarkan Telantar" data-url="https://www.kompasiana.com/adebakri/6ac22a9b34777c1cde3d3375/sengkarut-tuti-adagae-ketika-potensi-wisata-alor-dibiarkan-telantar">
                <i class="iconBase iconShare" title="Share"></i>
            </button>
        </div>

        <div class="reaction flex gap-12">
                        <button class="btn btn-text btn-2xs 6ac22a9b34777c1cde3d3375_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac22a9b34777c1cde3d3375&#039;)" data-status="0">
                <i class="iconBase iconBookmark" title="Bookmark"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="View" data-count="158" >
                <i class="iconBase iconView" title="View"></i>
            </button>
        </div>
    </div>
</div>
																				<div class="card bg-base-white flex flex-col gap-12 py-14 post-card-item">
    <div class="cardHeader px-12">
        <div class="labelProfile flex flex-align-center gap-8">
                        <div class="avatar sq-40">
                <div class="avatar">
                    <a href="https://www.kompasiana.com/totok10799">
                        <img src="https://assets-a1.kompasiana.com/images/avatar/foto-totok-siswantara-d-66e6728ec925c43524511fd3.jpg?t=t&amp;v=40&amp;x=40" alt="Totok Siswantara">
                    </a>
                </div>
            </div>
                        <div class="flex-1 flex-justify-start flex-align-center gap-16">
                <div class="labelProfile__info flex-col justify-content-center">
                    <div class="labelProfile__name flex-align-center">
                        <div class="text-16-bold">
                            <a href="https://www.kompasiana.com/totok10799">
                                Totok Siswantara
                            </a>
                        </div>
                                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                            </div>
                    <span class="text-14-normal cl-neutral-600">4 Oktober 2026</span>
                </div>
            </div>
                        <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
                <div class="option sq-24">
                    <button class="btn btn-text btn-2xs" type="button" data-target="popover-report-6ac1fb5034777c6185214972" title="Options">
                        <i class="iconBase iconDotsThree"></i>
                    </button>
                </div>
                <div class="modalPopover flex-justify-end flex-align-end" data-target="popover-report-6ac1fb5034777c6185214972" data-state="closed">
                    <div class="modalBox modalReport--alt radius-8 flex-col">
                        <div class="modalContent">
                            <ul>
                                <li>
                                    <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac1fb5034777c6185214972" data-target="report-konten-6ac1fb5034777c6185214972">Laporkan Konten</button>
                                </li>
                                <li>
                                    <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)" data-user-id="63bfdbdf11a3524f1039ad92" data-target="report-penulis-63bfdbdf11a3524f1039ad92">Laporkan Penulis</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
                                </div>        
    </div>

    <div class="cardContent  px-12">
        <a href="https://www.kompasiana.com/totok10799/6ac1fb5034777c6185214972/bunga-pikiran-saya-sulit-menembus-lapak-spotlight-apa-kurang-sajen">
            <div class="flex flex flex-col gap-8">
                <h2 class="cardTitle text-20-bold line-clamp-3">Bunga Pikiran Saya Sulit Menembus Lapak Spotlight, Apa Kurang Sajen?</h2>
                <div class="text-16-normal mb-6 line-clamp-4">Artikel yang masuk sorotan belum tentu menjadi artikel dengan jumlah pembaca terbesar</div>
                                <div class="cardImg aspect-16-9">
                    <img src="https://assets-a3.kompasiana.com/items/album/2026/10/04/gambar-spotlight-1-1-6ac1f692c925c40338748f9b.jpg?t=o&amp;v=770" alt="Bunga Pikiran Saya Sulit Menembus Lapak Spotlight, Apa Kurang Sajen?" class=" radius-4">
                </div>
                            </div>
        </a>
    </div>
    
    <div class="cardFooter flex flex-justify-between px-12">
        <div class="reaction flex gap-12">
            <a href="https://www.kompasiana.com/totok10799/6ac1fb5034777c6185214972/bunga-pikiran-saya-sulit-menembus-lapak-spotlight-apa-kurang-sajen" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="6">
                <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/totok10799/6ac1fb5034777c6185214972/bunga-pikiran-saya-sulit-menembus-lapak-spotlight-apa-kurang-sajen" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="2">
                <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="0" data-url-comment="https://www.kompasiana.com/komentar/totok10799/6ac1fb5034777c6185214972/bunga-pikiran-saya-sulit-menembus-lapak-spotlight-apa-kurang-sajen">
                <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Bunga Pikiran Saya Sulit Menembus Lapak Spotlight, Apa Kurang Sajen?" data-url="https://www.kompasiana.com/totok10799/6ac1fb5034777c6185214972/bunga-pikiran-saya-sulit-menembus-lapak-spotlight-apa-kurang-sajen">
                <i class="iconBase iconShare" title="Share"></i>
            </button>
        </div>

        <div class="reaction flex gap-12">
                        <button class="btn btn-text btn-2xs 6ac1fb5034777c6185214972_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac1fb5034777c6185214972&#039;)" data-status="0">
                <i class="iconBase iconBookmark" title="Bookmark"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="View" data-count="146" >
                <i class="iconBase iconView" title="View"></i>
            </button>
        </div>
    </div>
</div>
							<div class="card bg-base-white flex flex-col gap-12 py-14 post-card-item text-center">
    <div class="kg-infeed-wrap" style="width:100%;min-height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden;">
        <div id="div-gpt-ad-Infeed_9" class="kg-infeed-slot" style="width:100%;max-width:336px;min-height:280px;display:flex;align-items:center;justify-content:center;" data-infeed-gpt="1" data-slot-id="div-gpt-ad-Infeed_9"></div>
    </div>
</div>
																				<div class="card bg-base-white flex flex-col gap-12 py-14 post-card-item">
    <div class="cardHeader px-12">
        <div class="labelProfile flex flex-align-center gap-8">
                        <div class="avatar sq-40">
                <div class="avatar">
                    <a href="https://www.kompasiana.com/hasanuddinabdussalam1454">
                        <img src="https://assets-a1.kompasiana.com/images/avatar/foto-baru-6a39e61634777c387a001932.jpeg?t=t&amp;v=40&amp;x=40" alt="Hasanuddin Abdussalam">
                    </a>
                </div>
            </div>
                        <div class="flex-1 flex-justify-start flex-align-center gap-16">
                <div class="labelProfile__info flex-col justify-content-center">
                    <div class="labelProfile__name flex-align-center">
                        <div class="text-16-bold">
                            <a href="https://www.kompasiana.com/hasanuddinabdussalam1454">
                                Hasanuddin Abdussalam
                            </a>
                        </div>
                                            </div>
                    <span class="text-14-normal cl-neutral-600">4 Oktober 2026</span>
                </div>
            </div>
                        <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
                <div class="option sq-24">
                    <button class="btn btn-text btn-2xs" type="button" data-target="popover-report-6ac2719134777c4ff322d095" title="Options">
                        <i class="iconBase iconDotsThree"></i>
                    </button>
                </div>
                <div class="modalPopover flex-justify-end flex-align-end" data-target="popover-report-6ac2719134777c4ff322d095" data-state="closed">
                    <div class="modalBox modalReport--alt radius-8 flex-col">
                        <div class="modalContent">
                            <ul>
                                <li>
                                    <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac2719134777c4ff322d095" data-target="report-konten-6ac2719134777c4ff322d095">Laporkan Konten</button>
                                </li>
                                <li>
                                    <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)" data-user-id="6a24919334777c4b175a2e53" data-target="report-penulis-6a24919334777c4b175a2e53">Laporkan Penulis</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
                                </div>        
    </div>

    <div class="cardContent  px-12">
        <a href="https://www.kompasiana.com/hasanuddinabdussalam1454/6ac2719134777c4ff322d095/gadis-di-garis-pintu">
            <div class="flex flex flex-col gap-8">
                <h2 class="cardTitle text-20-bold line-clamp-3">Gadis di Garis Pintu</h2>
                <div class="text-16-normal mb-6 line-clamp-4">Tradisi yang hidup adalah tradisi yang membuat kita mampu menemukan kembali kebijaksanaan di balik kalimat-kalimat itu.</div>
                                <div class="cardImg aspect-16-9">
                    <img src="https://assets-a3.kompasiana.com/items/album/2026/10/04/whatsapp-image-2026-10-04-at-22-25-56-6ac27051ed64151561181212.jpeg?t=o&amp;v=770" alt="Gadis di Garis Pintu" class=" radius-4">
                </div>
                            </div>
        </a>
    </div>
    
    <div class="cardFooter flex flex-justify-between px-12">
        <div class="reaction flex gap-12">
            <a href="https://www.kompasiana.com/hasanuddinabdussalam1454/6ac2719134777c4ff322d095/gadis-di-garis-pintu" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="6">
                <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/hasanuddinabdussalam1454/6ac2719134777c4ff322d095/gadis-di-garis-pintu" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="4">
                <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="0" data-url-comment="https://www.kompasiana.com/komentar/hasanuddinabdussalam1454/6ac2719134777c4ff322d095/gadis-di-garis-pintu">
                <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Gadis di Garis Pintu" data-url="https://www.kompasiana.com/hasanuddinabdussalam1454/6ac2719134777c4ff322d095/gadis-di-garis-pintu">
                <i class="iconBase iconShare" title="Share"></i>
            </button>
        </div>

        <div class="reaction flex gap-12">
                        <button class="btn btn-text btn-2xs 6ac2719134777c4ff322d095_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac2719134777c4ff322d095&#039;)" data-status="0">
                <i class="iconBase iconBookmark" title="Bookmark"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="View" data-count="106" >
                <i class="iconBase iconView" title="View"></i>
            </button>
        </div>
    </div>
</div>
																			
	</div>
	<div class="flex flex-justify-center mb-24">
		<img id="loader-anim" src="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/loader-small.svg" style="display: none; margin-left: auto; margin-right: auto; width: 30px;" />
		<button class="btn btn-outline btn-lg w-full" id="load-more-btn" type="button" data-rubrik="upvote" data-page="1" data-url="https://www.kompasiana.com/ajax/getHighlights" onclick="loadMore();">
	    	<span>Load More</span>
	    </button>
	</div>
</div>
				</div>
									<div class="mt-16 mb-16 text-center">
						<div class="adsHorad">
							<button class="btn btn-text btn-2xs adsClose" type="button" onclick="this.parentElement.remove();">
								<i class="iconBase iconClose"></i>
							</button>
							<div class="adsReservebox ads970x90">
								<div id='div-gpt-ad-Bottom_Horad'>
									<script type='text/javascript'>
										googletag.cmd.push(function() { googletag.display('div-gpt-ad-Bottom_Horad'); });
									</script>
								</div>
							</div>
						</div>
					</div>
							</div>
		</div>
		
		<footer class="footer bg-base-white cl-txt-secondary border-t-neutral-400 border-t-1 mt-20">
    <div class="container mx-auto py-40 ">
        <div class="flex   gap-20 flex-align-center">
            <div class="flex flex-col">
                <div class="footerBrand h-40">
                    <img src="https://assets-a1.kompasiana.com/statics/2025_kompasiana/desktop/images/logo-kompasiana.svg" alt="Kompasiana Logo Footer" class="footer__logo h-40">
                </div>
                <div class="footerContent flex flex-col flex-align-center gap-18 flex-col">
                    <div class="flex flex-col gap-8">
                        <span class="text-14-normal cl-neutral-700 mt-12">Penghargaan dan Sertifikat</span>
                        <div class="footerLogo flex flex-align-center gap-8">
                            <img src="https://assets-a1.kompasiana.com/statics/2025_kompasiana/desktop/images/logo/pesta-blogger-2010.jpg" alt="ISO Logo" class="footer__logo--small">
                            <img src="https://assets-a1.kompasiana.com/statics/2025_kompasiana/desktop/images/logo/marketeers.png" alt="PSE Logo" class="footer__logo--small">
                            <img src="https://assets-a1.kompasiana.com/statics/2025_kompasiana/desktop/images/logo/wanifra.png" alt="Kominfo Logo" class="footer__logo--small">
                        </div>
                    </div>
                    <div class="flex flex-col gap-8">
                        <span class="text-14-normal cl-neutral-700 mt-12">Temukan juga Kompasiana di:</span>
                        <div class="footerSocial flex flex-justify-center gap-16">
                            <a href="https://www.youtube.com/@KompasianaTV" class="cl-txt-secondary">
                                <div class="footerSocial__item footerSocial__youtube">
                                    <i class="iconBase iconYoutubeLogo-filled"></i>
                                </div>
                            </a>
                            <a href="https://www.instagram.com/kompasianacom/?hl=en" class="cl-txt-secondary">
                                <div class="footerSocial__item footerSocial__instagram">
                                    <i class="iconBase iconInstagramLogo-filled"></i>
                                </div>
                            </a>
                            <a href="https://www.facebook.com/KOMPASIANAcom/?locale=id_ID" class="cl-txt-secondary">
                                <div class="footerSocial__item footerSocial__facebook">
                                    <i class="iconBase iconFacebookLogo-filled"></i>
                                </div>
                            </a>
                            <a href="https://twitter.com/kompasiana" class="cl-txt-secondary">
                                <div class="footerSocial__item footerSocial__x">
                                    <i class="iconBase iconXLogo-filled"></i>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <nav class="footerNav flex ">
                <div class="flex flex-col flex-none">
                    <ul class="flex flex-col flex-wrap">
                        <li>
                            <a href="https://www.kompasiana.com/tentang-kompasiana" class="text-16-medium cl-blue-700">Tentang Kompasiana</a>
                        </li>
                        <li>
                            <a href="https://www.kompasiana.com/syarat-ketentuan" class="text-16-medium cl-blue-700">Syarat dan
                                Ketentuan</a>
                        </li>
                        <li>
                            <a href="https://www.kompasiana.com/bantuan/faq" class="text-16-medium cl-blue-700">FAQ</a>
                        </li>
                        <li>
                            <a href="https://www.kompasiana.com/bantuan/tutorial" class="text-16-medium cl-blue-700">Tutorial</a>
                        </li>
                        <li>
                            <a href="https://legal.kompasiana.com/privacy" class="text-16-medium cl-blue-700">Privasi & Policy</a>
                        </li>
                        <li>
                            <a href="https://www.kompasiana.com/bantuan/faq-bantuan" class="text-16-medium cl-blue-700">Bantuan</a>
                        </li>

                    </ul>
                </div>
                <div class="flex flex-col flex-none">
                    <h3 class="text-16-bold mb-12">Program</h3>
                    <ul class="flex flex-col flex-wrap">
                                                    <li>
                                <a href="https://www.kompasiana.com/k-rewards" class="text-16-medium cl-blue-700">K-rewards</a>
                            </li>
                                                    <li>
                                <a href="https://www.kompasiana.com/series" class="text-16-medium cl-blue-700">The Series</a>
                            </li>
                                                    <li>
                                <a href="https://www.kompasiana.com/infinite" class="text-16-medium cl-blue-700">Infinite</a>
                            </li>
                                                    <li>
                                <a href="https://microsite.kompasiana.com/narativ" class="text-16-medium cl-blue-700">Narativ</a>
                            </li>
                                                    <li>
                                <a href="https://kilasbalik.kompasiana.com/" class="text-16-medium cl-blue-700">Kilas Balik</a>
                            </li>
                                                    <li>
                                <a href="https://ramadan.kompasiana.com/" class="text-16-medium cl-blue-700">Ramadan</a>
                            </li>
                                            </ul>
                </div>
                <div class="flex flex-col flex-none">
                    <h3 class="text-16-bold mb-12">Kategori</h3>
                    <ul class="flex flex-col flex-wrap">
                                                    <li>
                                <a href="https://www.kompasiana.com/kampusiana" class="text-16-medium cl-blue-700">Kampusiana</a>
                            </li>
                                                    <li>
                                <a href="https://www.kompasiana.com/sustainability" class="text-16-medium cl-blue-700">Sustainability</a>
                            </li>
                                                    <li>
                                <a href="https://www.kompasiana.com/lyfe" class="text-16-medium cl-blue-700">Lyfe</a>
                            </li>
                                                    <li>
                                <a href="https://www.kompasiana.com/money" class="text-16-medium cl-blue-700">Money</a>
                            </li>
                                                    <li>
                                <a href="https://www.kompasiana.com/vox-pop" class="text-16-medium cl-blue-700">Vox Pop</a>
                            </li>
                                                    <li>
                                <a href="https://www.kompasiana.com/travel-story" class="text-16-medium cl-blue-700">Travel Story</a>
                            </li>
                                                    <li>
                                <a href="https://www.kompasiana.com/halo-lokal" class="text-16-medium cl-blue-700">Halo Lokal</a>
                            </li>
                                                    <li>
                                <a href="https://www.kompasiana.com/sports" class="text-16-medium cl-blue-700">Sports</a>
                            </li>
                                                    <li>
                                <a href="https://www.kompasiana.com/fiksiana" class="text-16-medium cl-blue-700">Fiksiana</a>
                            </li>
                                                    <li>
                                <a href="https://www.kompasiana.com/hands-on" class="text-16-medium cl-blue-700">Hands On</a>
                            </li>
                                                    <li>
                                <a href="https://www.kompasiana.com/video" class="text-16-medium cl-blue-700">Video</a>
                            </li>
                                            </ul>
                </div>
            </nav>
        </div>

    </div>
    <div class="footerCopyright w-full px-16 bg-blue-700 inline-block">
        <p class="text-14-normal cl-base-white py-10">&copy; 2025 Kompasiana.com. A subsidiary of KG Media All Rights Reserved</p>
    </div>
</footer>	</main>
	<div class="storyPopup w-full flex flex-align-center flex-justify-center hidden">
    <div class="adsReservebox w-full">
      <div class="aspect-
              1-2 
         w-full">
      </div>
    </div>
  
    <div data-story-viewer class="w-full relative">
      <div class="storyPopup__progressbar px-8 py-8 flex"></div>
      <div class="storyPopup__logo flex">
        <a href="https://www.kompasiana.com/">
          <img src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/logo-kompasiana-white.svg" alt="Kompasiana Logo" width="162" height="46" loading="lazy">
        </a>
      </div>
      <div class="storyPopup__close flex sq-24">
        <button
          class="btn btn-text btn-2xs cl-neutral-100"
          type="button"  data-action="close">
          <i class="iconBase iconClose"></i>
          </button>
      </div>
                        <div data-story-slide="0" data-author-id="640454f908a8b55a314c3846" data-author-name="Syahrial" data-like="0" data-comment="0" data-vote="0" class="storyPopup__item trans-opacity trans-duration-300">
        <div class="storyPopup__stats">
          <div class="reaction flex-col gap-20">
            <a href="https://www.kompasiana.com/syahrialsyahrial0585/6ac2c394c925c45276159ad6/ai-makin-canggih-tapi-guru-justru-makin-tak-tergantikan-ini-alasannya" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="0">
              <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/syahrialsyahrial0585/6ac2c394c925c45276159ad6/ai-makin-canggih-tapi-guru-justru-makin-tak-tergantikan-ini-alasannya" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="0">
              <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="0" data-url-comment="https://www.kompasiana.com/komentar/syahrialsyahrial0585/6ac2c394c925c45276159ad6/ai-makin-canggih-tapi-guru-justru-makin-tak-tergantikan-ini-alasannya">
              <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="AI Makin Canggih, Tapi Guru Justru Makin Tak Tergantikan  Ini Alasannya" data-url="https://www.kompasiana.com/syahrialsyahrial0585/6ac2c394c925c45276159ad6/ai-makin-canggih-tapi-guru-justru-makin-tak-tergantikan-ini-alasannya">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ac2c394c925c45276159ad6_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac2c394c925c45276159ad6&#039;)" data-status="0">
              <i class="iconBase iconBookmark" title="Bookmark"></i>
              <span>Simpan</span>
            </button>
          </div>
        </div>
  
        <div class="storyPopup__header">
          <div class="labelProfile flex flex-align-start gap-8">
            <div class="avatar sq-40">
                <!-- BARU: Prioritas 1: Jika Group, SELALU gunakan loop dbAvatar -->
                <!-- Prioritas 2: Jika BUKAN Group, cek apakah dbCardAvatar (URL langsung dari Card) dikirim -->
                <div class="avatar">
                  <a href="https://www.kompasiana.com/syahrialsyahrial0585">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/file-00000000f0607208ab7ef48f886aed41-6a3da98334777c14544d2012.png?t=t&amp;v=40&amp;x=40" alt="Syahrial">
                  </a>
                </div>
            </div>
          
            <div class="flex-1 flex-justify-start flex-align-center gap-16">
          
              <div class="labelProfile__info flex-col justify-content-center">
                <div class="labelProfile__name flex-align-center">
                  <div class="text-16-bold">
                    <a href="https://www.kompasiana.com/syahrialsyahrial0585" >
                      Syahrial
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">7 menit lalu</span>
          
              </div>
          
          
            </div>
            <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
          
              <div class="option sq-24">
                <button
                  class="btn btn-text btn-2xs"
                  type="button"  data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9">
                  <i class="iconBase iconDotsThree"></i>
                  </button>
              </div>
              <div class="modalPopover flex-justify-end flex-align-end"
                data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9" data-state="closed">
                <div class="modalBox modalReport--alt radius-8 flex-col">
                  <div class="modalContent">
                    <ul>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac2c394c925c45276159ad6" data-target="report-konten-6ac2c394c925c45276159ad6">Laporkan Konten</button>
                      </li>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)"
                          data-user-id="640454f908a8b55a314c3846" data-target="report-penulis-640454f908a8b55a314c3846">Laporkan Penulis</button>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
  
        <div class="storyPopup__imageWrap">
          <div class="storyPopup__image">
                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/05/1000711077-6ac2c36a34777c14834b92e2.jpg?t=o&amp;v=773" alt="AI Makin Canggih, Tapi Guru Justru Makin Tak Tergantikan  Ini Alasannya">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/syahrialsyahrial0585/6ac2c394c925c45276159ad6/ai-makin-canggih-tapi-guru-justru-makin-tak-tergantikan-ini-alasannya" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">AI Makin Canggih, Tapi Guru Justru Makin Tak Tergantikan  Ini Alasannya</div>
            <div class="flex flex-align-center gap-4 text-14-medium cl-base-white">
              <span>Baca Selengkapnya</span>
              <i class="iconBase iconCaretRight"></i>
            </div>
          </a>
        </div>
      </div>
                  <div data-story-slide="1" data-author-id="660b3b7e1470932d8e0a6932" data-author-name="Agustinus Gereda Tukan" data-like="0" data-comment="0" data-vote="0" class="storyPopup__item trans-opacity trans-duration-300">
        <div class="storyPopup__stats">
          <div class="reaction flex-col gap-20">
            <a href="https://www.kompasiana.com/agustinus98698/6ac2bc5934777c7a2a731865/berpikir-abstrak-dari-bertanya-ke-bijaksana" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="0">
              <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/agustinus98698/6ac2bc5934777c7a2a731865/berpikir-abstrak-dari-bertanya-ke-bijaksana" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="0">
              <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="0" data-url-comment="https://www.kompasiana.com/komentar/agustinus98698/6ac2bc5934777c7a2a731865/berpikir-abstrak-dari-bertanya-ke-bijaksana">
              <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Berpikir Abstrak, Dari Bertanya ke Bijaksana" data-url="https://www.kompasiana.com/agustinus98698/6ac2bc5934777c7a2a731865/berpikir-abstrak-dari-bertanya-ke-bijaksana">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ac2bc5934777c7a2a731865_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac2bc5934777c7a2a731865&#039;)" data-status="0">
              <i class="iconBase iconBookmark" title="Bookmark"></i>
              <span>Simpan</span>
            </button>
          </div>
        </div>
  
        <div class="storyPopup__header">
          <div class="labelProfile flex flex-align-start gap-8">
            <div class="avatar sq-40">
                <!-- BARU: Prioritas 1: Jika Group, SELALU gunakan loop dbAvatar -->
                <!-- Prioritas 2: Jika BUKAN Group, cek apakah dbCardAvatar (URL langsung dari Card) dikirim -->
                <div class="avatar">
                  <a href="https://www.kompasiana.com/agustinus98698">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/fotoq2-660b5c7e14709375012898a2.jpg?t=t&amp;v=40&amp;x=40" alt="Agustinus Gereda Tukan">
                  </a>
                </div>
            </div>
          
            <div class="flex-1 flex-justify-start flex-align-center gap-16">
          
              <div class="labelProfile__info flex-col justify-content-center">
                <div class="labelProfile__name flex-align-center">
                  <div class="text-16-bold">
                    <a href="https://www.kompasiana.com/agustinus98698" >
                      Agustinus Gereda Tukan
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">38 menit lalu</span>
          
              </div>
          
          
            </div>
            <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
          
              <div class="option sq-24">
                <button
                  class="btn btn-text btn-2xs"
                  type="button"  data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9">
                  <i class="iconBase iconDotsThree"></i>
                  </button>
              </div>
              <div class="modalPopover flex-justify-end flex-align-end"
                data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9" data-state="closed">
                <div class="modalBox modalReport--alt radius-8 flex-col">
                  <div class="modalContent">
                    <ul>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac2bc5934777c7a2a731865" data-target="report-konten-6ac2bc5934777c7a2a731865">Laporkan Konten</button>
                      </li>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)"
                          data-user-id="660b3b7e1470932d8e0a6932" data-target="report-penulis-660b3b7e1470932d8e0a6932">Laporkan Penulis</button>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
  
        <div class="storyPopup__imageWrap">
          <div class="storyPopup__image">
                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/05/gbr-8-menjelajah-dunia-di-balik-yang-tampak-6ac2b83934777c6d0a5ef326.jpg?t=o&amp;v=773" alt="Berpikir Abstrak, Dari Bertanya ke Bijaksana">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/agustinus98698/6ac2bc5934777c7a2a731865/berpikir-abstrak-dari-bertanya-ke-bijaksana" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Berpikir Abstrak, Dari Bertanya ke Bijaksana</div>
            <div class="flex flex-align-center gap-4 text-14-medium cl-base-white">
              <span>Baca Selengkapnya</span>
              <i class="iconBase iconCaretRight"></i>
            </div>
          </a>
        </div>
      </div>
                  <div data-story-slide="2" data-author-id="6436ca20a7e0fa49d4611992" data-author-name="Salmun Ndun" data-like="2" data-comment="0" data-vote="2" class="storyPopup__item trans-opacity trans-duration-300">
        <div class="storyPopup__stats">
          <div class="reaction flex-col gap-20">
            <a href="https://www.kompasiana.com/salmunndun9469/6ab3b1f6ed64155c43769206/krisis-kepercayaan-pemerintah-akankah-jadi-bayang-bayang-disintegrasi" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="2">
              <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/salmunndun9469/6ab3b1f6ed64155c43769206/krisis-kepercayaan-pemerintah-akankah-jadi-bayang-bayang-disintegrasi" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="2">
              <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="0" data-url-comment="https://www.kompasiana.com/komentar/salmunndun9469/6ab3b1f6ed64155c43769206/krisis-kepercayaan-pemerintah-akankah-jadi-bayang-bayang-disintegrasi">
              <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Krisis Kepercayaan Pemerintah, Akankah Jadi Bayang-Bayang Disintegrasi?" data-url="https://www.kompasiana.com/salmunndun9469/6ab3b1f6ed64155c43769206/krisis-kepercayaan-pemerintah-akankah-jadi-bayang-bayang-disintegrasi">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ab3b1f6ed64155c43769206_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ab3b1f6ed64155c43769206&#039;)" data-status="0">
              <i class="iconBase iconBookmark" title="Bookmark"></i>
              <span>Simpan</span>
            </button>
          </div>
        </div>
  
        <div class="storyPopup__header">
          <div class="labelProfile flex flex-align-start gap-8">
            <div class="avatar sq-40">
                <!-- BARU: Prioritas 1: Jika Group, SELALU gunakan loop dbAvatar -->
                <!-- Prioritas 2: Jika BUKAN Group, cek apakah dbCardAvatar (URL langsung dari Card) dikirim -->
                <div class="avatar">
                  <a href="https://www.kompasiana.com/salmunndun9469">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/chatgpt-image-sep-1-2026-04-00-05-pm-6a96943eed64153cd71f4b43.png?t=t&amp;v=40&amp;x=40" alt="Salmun Ndun">
                  </a>
                </div>
            </div>
          
            <div class="flex-1 flex-justify-start flex-align-center gap-16">
          
              <div class="labelProfile__info flex-col justify-content-center">
                <div class="labelProfile__name flex-align-center">
                  <div class="text-16-bold">
                    <a href="https://www.kompasiana.com/salmunndun9469" >
                      Salmun Ndun
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">1 jam lalu</span>
          
              </div>
          
          
            </div>
            <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
          
              <div class="option sq-24">
                <button
                  class="btn btn-text btn-2xs"
                  type="button"  data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9">
                  <i class="iconBase iconDotsThree"></i>
                  </button>
              </div>
              <div class="modalPopover flex-justify-end flex-align-end"
                data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9" data-state="closed">
                <div class="modalBox modalReport--alt radius-8 flex-col">
                  <div class="modalContent">
                    <ul>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ab3b1f6ed64155c43769206" data-target="report-konten-6ab3b1f6ed64155c43769206">Laporkan Konten</button>
                      </li>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)"
                          data-user-id="6436ca20a7e0fa49d4611992" data-target="report-penulis-6436ca20a7e0fa49d4611992">Laporkan Penulis</button>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
  
        <div class="storyPopup__imageWrap">
          <div class="storyPopup__image">
                        <img src="https://assets-a3.kompasiana.com/items/album/2026/09/23/chatgpt-image-sep-23-2026-04-50-29-pm-6ab3b19dc925c46aa20c0004.png?t=o&amp;v=773" alt="Krisis Kepercayaan Pemerintah, Akankah Jadi Bayang-Bayang Disintegrasi?">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/salmunndun9469/6ab3b1f6ed64155c43769206/krisis-kepercayaan-pemerintah-akankah-jadi-bayang-bayang-disintegrasi" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Krisis Kepercayaan Pemerintah, Akankah Jadi Bayang-Bayang Disintegrasi?</div>
            <div class="flex flex-align-center gap-4 text-14-medium cl-base-white">
              <span>Baca Selengkapnya</span>
              <i class="iconBase iconCaretRight"></i>
            </div>
          </a>
        </div>
      </div>
                  <div data-story-slide="3" data-author-id="5fc9f1ec8ede486c7438c812" data-author-name="Hanom Bashari" data-like="1" data-comment="0" data-vote="0" class="storyPopup__item trans-opacity trans-duration-300">
        <div class="storyPopup__stats">
          <div class="reaction flex-col gap-20">
            <a href="https://www.kompasiana.com/hanbashari/6ac283fded641528435c1fc8/kita-berjumpa-di-karaenta-sulawesi-selatan" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="1">
              <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/hanbashari/6ac283fded641528435c1fc8/kita-berjumpa-di-karaenta-sulawesi-selatan" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="0">
              <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="0" data-url-comment="https://www.kompasiana.com/komentar/hanbashari/6ac283fded641528435c1fc8/kita-berjumpa-di-karaenta-sulawesi-selatan">
              <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Kita Berjumpa di Karaenta, Sulawesi Selatan" data-url="https://www.kompasiana.com/hanbashari/6ac283fded641528435c1fc8/kita-berjumpa-di-karaenta-sulawesi-selatan">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ac283fded641528435c1fc8_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac283fded641528435c1fc8&#039;)" data-status="0">
              <i class="iconBase iconBookmark" title="Bookmark"></i>
              <span>Simpan</span>
            </button>
          </div>
        </div>
  
        <div class="storyPopup__header">
          <div class="labelProfile flex flex-align-start gap-8">
            <div class="avatar sq-40">
                <!-- BARU: Prioritas 1: Jika Group, SELALU gunakan loop dbAvatar -->
                <!-- Prioritas 2: Jika BUKAN Group, cek apakah dbCardAvatar (URL langsung dari Card) dikirim -->
                <div class="avatar">
                  <a href="https://www.kompasiana.com/hanbashari">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/azibtidur-5fc9fb80d541df2c87303332.jpg?t=t&amp;v=40&amp;x=40" alt="Hanom Bashari">
                  </a>
                </div>
            </div>
          
            <div class="flex-1 flex-justify-start flex-align-center gap-16">
          
              <div class="labelProfile__info flex-col justify-content-center">
                <div class="labelProfile__name flex-align-center">
                  <div class="text-16-bold">
                    <a href="https://www.kompasiana.com/hanbashari" >
                      Hanom Bashari
                    </a>
                  </div>
                                  </div>
                <span class="text-14-normal cl-neutral-600">4 jam lalu</span>
          
              </div>
          
          
            </div>
            <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
          
              <div class="option sq-24">
                <button
                  class="btn btn-text btn-2xs"
                  type="button"  data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9">
                  <i class="iconBase iconDotsThree"></i>
                  </button>
              </div>
              <div class="modalPopover flex-justify-end flex-align-end"
                data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9" data-state="closed">
                <div class="modalBox modalReport--alt radius-8 flex-col">
                  <div class="modalContent">
                    <ul>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac283fded641528435c1fc8" data-target="report-konten-6ac283fded641528435c1fc8">Laporkan Konten</button>
                      </li>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)"
                          data-user-id="5fc9f1ec8ede486c7438c812" data-target="report-penulis-5fc9f1ec8ede486c7438c812">Laporkan Penulis</button>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
  
        <div class="storyPopup__imageWrap">
          <div class="storyPopup__image">
                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/04/a-capucinus-female-3-jpg-6ac27f6834777c66f83ead57.jpg?t=o&amp;v=773" alt="Kita Berjumpa di Karaenta, Sulawesi Selatan">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/hanbashari/6ac283fded641528435c1fc8/kita-berjumpa-di-karaenta-sulawesi-selatan" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Kita Berjumpa di Karaenta, Sulawesi Selatan</div>
            <div class="flex flex-align-center gap-4 text-14-medium cl-base-white">
              <span>Baca Selengkapnya</span>
              <i class="iconBase iconCaretRight"></i>
            </div>
          </a>
        </div>
      </div>
                  <div data-story-slide="4" data-author-id="5a28fdf3454802177a297e82" data-author-name="Kavya" data-like="0" data-comment="0" data-vote="0" class="storyPopup__item trans-opacity trans-duration-300">
        <div class="storyPopup__stats">
          <div class="reaction flex-col gap-20">
            <a href="https://www.kompasiana.com/johannessugianto/6ac2777dc925c4335c320167/tiga-anggota-dprd-direhabilitasi-bukan-berarti-reputasi-pulih" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="0">
              <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/johannessugianto/6ac2777dc925c4335c320167/tiga-anggota-dprd-direhabilitasi-bukan-berarti-reputasi-pulih" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="0">
              <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="0" data-url-comment="https://www.kompasiana.com/komentar/johannessugianto/6ac2777dc925c4335c320167/tiga-anggota-dprd-direhabilitasi-bukan-berarti-reputasi-pulih">
              <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Tiga Anggota DPRD Direhabilitasi, Bukan Berarti Reputasi Pulih" data-url="https://www.kompasiana.com/johannessugianto/6ac2777dc925c4335c320167/tiga-anggota-dprd-direhabilitasi-bukan-berarti-reputasi-pulih">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ac2777dc925c4335c320167_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac2777dc925c4335c320167&#039;)" data-status="0">
              <i class="iconBase iconBookmark" title="Bookmark"></i>
              <span>Simpan</span>
            </button>
          </div>
        </div>
  
        <div class="storyPopup__header">
          <div class="labelProfile flex flex-align-start gap-8">
            <div class="avatar sq-40">
                <!-- BARU: Prioritas 1: Jika Group, SELALU gunakan loop dbAvatar -->
                <!-- Prioritas 2: Jika BUKAN Group, cek apakah dbCardAvatar (URL langsung dari Card) dikirim -->
                <div class="avatar">
                  <a href="https://www.kompasiana.com/johannessugianto">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/yo-bw-gpt-699971c4c925c44bf6622142.png?t=t&amp;v=40&amp;x=40" alt="Kavya">
                  </a>
                </div>
            </div>
          
            <div class="flex-1 flex-justify-start flex-align-center gap-16">
          
              <div class="labelProfile__info flex-col justify-content-center">
                <div class="labelProfile__name flex-align-center">
                  <div class="text-16-bold">
                    <a href="https://www.kompasiana.com/johannessugianto" >
                      Kavya
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">5 jam lalu</span>
          
              </div>
          
          
            </div>
            <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
          
              <div class="option sq-24">
                <button
                  class="btn btn-text btn-2xs"
                  type="button"  data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9">
                  <i class="iconBase iconDotsThree"></i>
                  </button>
              </div>
              <div class="modalPopover flex-justify-end flex-align-end"
                data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9" data-state="closed">
                <div class="modalBox modalReport--alt radius-8 flex-col">
                  <div class="modalContent">
                    <ul>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac2777dc925c4335c320167" data-target="report-konten-6ac2777dc925c4335c320167">Laporkan Konten</button>
                      </li>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)"
                          data-user-id="5a28fdf3454802177a297e82" data-target="report-penulis-5a28fdf3454802177a297e82">Laporkan Penulis</button>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
  
        <div class="storyPopup__imageWrap">
          <div class="storyPopup__image">
                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/04/3-anggota-dprd-gerindra-6ac27534c925c41d087809c7.png?t=o&amp;v=773" alt="Tiga Anggota DPRD Direhabilitasi, Bukan Berarti Reputasi Pulih">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/johannessugianto/6ac2777dc925c4335c320167/tiga-anggota-dprd-direhabilitasi-bukan-berarti-reputasi-pulih" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Tiga Anggota DPRD Direhabilitasi, Bukan Berarti Reputasi Pulih</div>
            <div class="flex flex-align-center gap-4 text-14-medium cl-base-white">
              <span>Baca Selengkapnya</span>
              <i class="iconBase iconCaretRight"></i>
            </div>
          </a>
        </div>
      </div>
                  <div data-story-slide="5" data-author-id="56d78afb44afbd4c078b4568" data-author-name="Ahmad Turmuzi" data-like="2" data-comment="0" data-vote="1" class="storyPopup__item trans-opacity trans-duration-300">
        <div class="storyPopup__stats">
          <div class="reaction flex-col gap-20">
            <a href="https://www.kompasiana.com/ahmadturmuzi71/6ac2735ec925c41cb06ad438/benarkah-rentetan-gempa-pertanda-megathrust-dan-saling-picu" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="2">
              <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/ahmadturmuzi71/6ac2735ec925c41cb06ad438/benarkah-rentetan-gempa-pertanda-megathrust-dan-saling-picu" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="1">
              <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="0" data-url-comment="https://www.kompasiana.com/komentar/ahmadturmuzi71/6ac2735ec925c41cb06ad438/benarkah-rentetan-gempa-pertanda-megathrust-dan-saling-picu">
              <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Benarkah Rentetan Gempa Pertanda Megathrust dan Saling Picu?" data-url="https://www.kompasiana.com/ahmadturmuzi71/6ac2735ec925c41cb06ad438/benarkah-rentetan-gempa-pertanda-megathrust-dan-saling-picu">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ac2735ec925c41cb06ad438_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac2735ec925c41cb06ad438&#039;)" data-status="0">
              <i class="iconBase iconBookmark" title="Bookmark"></i>
              <span>Simpan</span>
            </button>
          </div>
        </div>
  
        <div class="storyPopup__header">
          <div class="labelProfile flex flex-align-start gap-8">
            <div class="avatar sq-40">
                <!-- BARU: Prioritas 1: Jika Group, SELALU gunakan loop dbAvatar -->
                <!-- Prioritas 2: Jika BUKAN Group, cek apakah dbCardAvatar (URL langsung dari Card) dikirim -->
                <div class="avatar">
                  <a href="https://www.kompasiana.com/ahmadturmuzi71">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/aku-56d78cba147f610e098b4569.jpg?t=t&amp;v=40&amp;x=40" alt="Ahmad Turmuzi">
                  </a>
                </div>
            </div>
          
            <div class="flex-1 flex-justify-start flex-align-center gap-16">
          
              <div class="labelProfile__info flex-col justify-content-center">
                <div class="labelProfile__name flex-align-center">
                  <div class="text-16-bold">
                    <a href="https://www.kompasiana.com/ahmadturmuzi71" >
                      Ahmad Turmuzi
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">5 jam lalu</span>
          
              </div>
          
          
            </div>
            <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
          
              <div class="option sq-24">
                <button
                  class="btn btn-text btn-2xs"
                  type="button"  data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9">
                  <i class="iconBase iconDotsThree"></i>
                  </button>
              </div>
              <div class="modalPopover flex-justify-end flex-align-end"
                data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9" data-state="closed">
                <div class="modalBox modalReport--alt radius-8 flex-col">
                  <div class="modalContent">
                    <ul>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac2735ec925c41cb06ad438" data-target="report-konten-6ac2735ec925c41cb06ad438">Laporkan Konten</button>
                      </li>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)"
                          data-user-id="56d78afb44afbd4c078b4568" data-target="report-penulis-56d78afb44afbd4c078b4568">Laporkan Penulis</button>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
  
        <div class="storyPopup__imageWrap">
          <div class="storyPopup__image">
                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/04/screenshot-494-6ac270d4c925c4213a07c512.png?t=o&amp;v=773" alt="Benarkah Rentetan Gempa Pertanda Megathrust dan Saling Picu?">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/ahmadturmuzi71/6ac2735ec925c41cb06ad438/benarkah-rentetan-gempa-pertanda-megathrust-dan-saling-picu" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Benarkah Rentetan Gempa Pertanda Megathrust dan Saling Picu?</div>
            <div class="flex flex-align-center gap-4 text-14-medium cl-base-white">
              <span>Baca Selengkapnya</span>
              <i class="iconBase iconCaretRight"></i>
            </div>
          </a>
        </div>
      </div>
                  <div data-story-slide="6" data-author-id="54f7773d115af9702d005827" data-author-name="Yulius Roma Patandean" data-like="2" data-comment="0" data-vote="1" class="storyPopup__item trans-opacity trans-duration-300">
        <div class="storyPopup__stats">
          <div class="reaction flex-col gap-20">
            <a href="https://www.kompasiana.com/owenjuve/6ac272e1ed641513dd593346/mengapa-banyak-orang-menderita-saraf-terjepit-penyebab-gejala-dan-solusi" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="2">
              <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/owenjuve/6ac272e1ed641513dd593346/mengapa-banyak-orang-menderita-saraf-terjepit-penyebab-gejala-dan-solusi" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="1">
              <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="0" data-url-comment="https://www.kompasiana.com/komentar/owenjuve/6ac272e1ed641513dd593346/mengapa-banyak-orang-menderita-saraf-terjepit-penyebab-gejala-dan-solusi">
              <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Mengapa Banyak Orang Menderita Saraf Terjepit? Penyebab, Gejala, dan Solusi" data-url="https://www.kompasiana.com/owenjuve/6ac272e1ed641513dd593346/mengapa-banyak-orang-menderita-saraf-terjepit-penyebab-gejala-dan-solusi">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ac272e1ed641513dd593346_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac272e1ed641513dd593346&#039;)" data-status="0">
              <i class="iconBase iconBookmark" title="Bookmark"></i>
              <span>Simpan</span>
            </button>
          </div>
        </div>
  
        <div class="storyPopup__header">
          <div class="labelProfile flex flex-align-start gap-8">
            <div class="avatar sq-40">
                <!-- BARU: Prioritas 1: Jika Group, SELALU gunakan loop dbAvatar -->
                <!-- Prioritas 2: Jika BUKAN Group, cek apakah dbCardAvatar (URL langsung dari Card) dikirim -->
                <div class="avatar">
                  <a href="https://www.kompasiana.com/owenjuve">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/aku-pgri-63d0711bc3bdbf5391412352.png?t=t&amp;v=40&amp;x=40" alt="Yulius Roma Patandean">
                  </a>
                </div>
            </div>
          
            <div class="flex-1 flex-justify-start flex-align-center gap-16">
          
              <div class="labelProfile__info flex-col justify-content-center">
                <div class="labelProfile__name flex-align-center">
                  <div class="text-16-bold">
                    <a href="https://www.kompasiana.com/owenjuve" >
                      Yulius Roma Patandean
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">5 jam lalu</span>
          
              </div>
          
          
            </div>
            <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
          
              <div class="option sq-24">
                <button
                  class="btn btn-text btn-2xs"
                  type="button"  data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9">
                  <i class="iconBase iconDotsThree"></i>
                  </button>
              </div>
              <div class="modalPopover flex-justify-end flex-align-end"
                data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9" data-state="closed">
                <div class="modalBox modalReport--alt radius-8 flex-col">
                  <div class="modalContent">
                    <ul>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac272e1ed641513dd593346" data-target="report-konten-6ac272e1ed641513dd593346">Laporkan Konten</button>
                      </li>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)"
                          data-user-id="54f7773d115af9702d005827" data-target="report-penulis-54f7773d115af9702d005827">Laporkan Penulis</button>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
  
        <div class="storyPopup__imageWrap">
          <div class="storyPopup__image">
                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/04/180221-6ac2704734777c5387340252.jpg?t=o&amp;v=773" alt="Mengapa Banyak Orang Menderita Saraf Terjepit? Penyebab, Gejala, dan Solusi">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/owenjuve/6ac272e1ed641513dd593346/mengapa-banyak-orang-menderita-saraf-terjepit-penyebab-gejala-dan-solusi" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Mengapa Banyak Orang Menderita Saraf Terjepit? Penyebab, Gejala, dan Solusi</div>
            <div class="flex flex-align-center gap-4 text-14-medium cl-base-white">
              <span>Baca Selengkapnya</span>
              <i class="iconBase iconCaretRight"></i>
            </div>
          </a>
        </div>
      </div>
                  <div data-story-slide="7" data-author-id="5e54d210d541df5f510d3fa2" data-author-name="Yayuk Sulistiyowati M.V." data-like="4" data-comment="0" data-vote="4" class="storyPopup__item trans-opacity trans-duration-300">
        <div class="storyPopup__stats">
          <div class="reaction flex-col gap-20">
            <a href="https://www.kompasiana.com/yycorjesu/6ac2593534777c76405fcea6/ngliyep-laut-angin-ombak-dan-kenangan" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="4">
              <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/yycorjesu/6ac2593534777c76405fcea6/ngliyep-laut-angin-ombak-dan-kenangan" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="4">
              <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="0" data-url-comment="https://www.kompasiana.com/komentar/yycorjesu/6ac2593534777c76405fcea6/ngliyep-laut-angin-ombak-dan-kenangan">
              <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Ngliyep: Laut, Angin, Ombak, dan Kenangan" data-url="https://www.kompasiana.com/yycorjesu/6ac2593534777c76405fcea6/ngliyep-laut-angin-ombak-dan-kenangan">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ac2593534777c76405fcea6_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac2593534777c76405fcea6&#039;)" data-status="0">
              <i class="iconBase iconBookmark" title="Bookmark"></i>
              <span>Simpan</span>
            </button>
          </div>
        </div>
  
        <div class="storyPopup__header">
          <div class="labelProfile flex flex-align-start gap-8">
            <div class="avatar sq-40">
                <!-- BARU: Prioritas 1: Jika Group, SELALU gunakan loop dbAvatar -->
                <!-- Prioritas 2: Jika BUKAN Group, cek apakah dbCardAvatar (URL langsung dari Card) dikirim -->
                <div class="avatar">
                  <a href="https://www.kompasiana.com/yycorjesu">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/chatgpt-image-jan-29-2026-06-30-01-pm-69c2c7dc34777c146841f0c2.png?t=t&amp;v=40&amp;x=40" alt="Yayuk Sulistiyowati M.V.">
                  </a>
                </div>
            </div>
          
            <div class="flex-1 flex-justify-start flex-align-center gap-16">
          
              <div class="labelProfile__info flex-col justify-content-center">
                <div class="labelProfile__name flex-align-center">
                  <div class="text-16-bold">
                    <a href="https://www.kompasiana.com/yycorjesu" >
                      Yayuk Sulistiyowati M.V.
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">6 jam lalu</span>
          
              </div>
          
          
            </div>
            <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
          
              <div class="option sq-24">
                <button
                  class="btn btn-text btn-2xs"
                  type="button"  data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9">
                  <i class="iconBase iconDotsThree"></i>
                  </button>
              </div>
              <div class="modalPopover flex-justify-end flex-align-end"
                data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9" data-state="closed">
                <div class="modalBox modalReport--alt radius-8 flex-col">
                  <div class="modalContent">
                    <ul>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac2593534777c76405fcea6" data-target="report-konten-6ac2593534777c76405fcea6">Laporkan Konten</button>
                      </li>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)"
                          data-user-id="5e54d210d541df5f510d3fa2" data-target="report-penulis-5e54d210d541df5f510d3fa2">Laporkan Penulis</button>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
  
        <div class="storyPopup__imageWrap">
          <div class="storyPopup__image">
                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/04/1582500-6ac2584e34777c6c0221148b.jpg?t=o&amp;v=773" alt="Ngliyep: Laut, Angin, Ombak, dan Kenangan">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/yycorjesu/6ac2593534777c76405fcea6/ngliyep-laut-angin-ombak-dan-kenangan" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Ngliyep: Laut, Angin, Ombak, dan Kenangan</div>
            <div class="flex flex-align-center gap-4 text-14-medium cl-base-white">
              <span>Baca Selengkapnya</span>
              <i class="iconBase iconCaretRight"></i>
            </div>
          </a>
        </div>
      </div>
                  <div data-story-slide="8" data-author-id="60180dced541df7bf5743b83" data-author-name="Lily Setiawati Utomo" data-like="5" data-comment="7" data-vote="3" class="storyPopup__item trans-opacity trans-duration-300">
        <div class="storyPopup__stats">
          <div class="reaction flex-col gap-20">
            <a href="https://www.kompasiana.com/lilysutomo1225/6ac26ee2c925c40ab634795a/titik-darah-mawar-hitam-berduri" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="5">
              <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/lilysutomo1225/6ac26ee2c925c40ab634795a/titik-darah-mawar-hitam-berduri" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="3">
              <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="7" data-url-comment="https://www.kompasiana.com/komentar/lilysutomo1225/6ac26ee2c925c40ab634795a/titik-darah-mawar-hitam-berduri">
              <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Titik darah mawar hitam berduri" data-url="https://www.kompasiana.com/lilysutomo1225/6ac26ee2c925c40ab634795a/titik-darah-mawar-hitam-berduri">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ac26ee2c925c40ab634795a_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac26ee2c925c40ab634795a&#039;)" data-status="0">
              <i class="iconBase iconBookmark" title="Bookmark"></i>
              <span>Simpan</span>
            </button>
          </div>
        </div>
  
        <div class="storyPopup__header">
          <div class="labelProfile flex flex-align-start gap-8">
            <div class="avatar sq-40">
                <!-- BARU: Prioritas 1: Jika Group, SELALU gunakan loop dbAvatar -->
                <!-- Prioritas 2: Jika BUKAN Group, cek apakah dbCardAvatar (URL langsung dari Card) dikirim -->
                <div class="avatar">
                  <a href="https://www.kompasiana.com/lilysutomo1225">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/img20171231192142-63a6472808a8b573541c0402.jpg?t=t&amp;v=40&amp;x=40" alt="Lily Setiawati Utomo">
                  </a>
                </div>
            </div>
          
            <div class="flex-1 flex-justify-start flex-align-center gap-16">
          
              <div class="labelProfile__info flex-col justify-content-center">
                <div class="labelProfile__name flex-align-center">
                  <div class="text-16-bold">
                    <a href="https://www.kompasiana.com/lilysutomo1225" >
                      Lily Setiawati Utomo
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">6 jam lalu</span>
          
              </div>
          
          
            </div>
            <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
          
              <div class="option sq-24">
                <button
                  class="btn btn-text btn-2xs"
                  type="button"  data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9">
                  <i class="iconBase iconDotsThree"></i>
                  </button>
              </div>
              <div class="modalPopover flex-justify-end flex-align-end"
                data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9" data-state="closed">
                <div class="modalBox modalReport--alt radius-8 flex-col">
                  <div class="modalContent">
                    <ul>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac26ee2c925c40ab634795a" data-target="report-konten-6ac26ee2c925c40ab634795a">Laporkan Konten</button>
                      </li>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)"
                          data-user-id="60180dced541df7bf5743b83" data-target="report-penulis-60180dced541df7bf5743b83">Laporkan Penulis</button>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
  
        <div class="storyPopup__imageWrap">
          <div class="storyPopup__image">
                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/04/darah-6ac26df334777c3e5808da06.jpg?t=o&amp;v=773" alt="Titik darah mawar hitam berduri">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/lilysutomo1225/6ac26ee2c925c40ab634795a/titik-darah-mawar-hitam-berduri" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Titik darah mawar hitam berduri</div>
            <div class="flex flex-align-center gap-4 text-14-medium cl-base-white">
              <span>Baca Selengkapnya</span>
              <i class="iconBase iconCaretRight"></i>
            </div>
          </a>
        </div>
      </div>
                  <div data-story-slide="9" data-author-id="54dc1e73745513c34949e8fe" data-author-name="Agustina Purwantini" data-like="2" data-comment="0" data-vote="2" class="storyPopup__item trans-opacity trans-duration-300">
        <div class="storyPopup__stats">
          <div class="reaction flex-col gap-20">
            <a href="https://www.kompasiana.com/agustinapurwantini/6ac26ab434777c3e823ec7f3/nyolong-iphone-di-masjid-gedhe-disembunyikannya-di-mushala-aisiyah" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="2">
              <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/agustinapurwantini/6ac26ab434777c3e823ec7f3/nyolong-iphone-di-masjid-gedhe-disembunyikannya-di-mushala-aisiyah" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="2">
              <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="0" data-url-comment="https://www.kompasiana.com/komentar/agustinapurwantini/6ac26ab434777c3e823ec7f3/nyolong-iphone-di-masjid-gedhe-disembunyikannya-di-mushala-aisiyah">
              <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Nyolong iPhone di Masjid Gedhe, Disembunyikannya di Mushala Aisiyah" data-url="https://www.kompasiana.com/agustinapurwantini/6ac26ab434777c3e823ec7f3/nyolong-iphone-di-masjid-gedhe-disembunyikannya-di-mushala-aisiyah">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ac26ab434777c3e823ec7f3_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac26ab434777c3e823ec7f3&#039;)" data-status="0">
              <i class="iconBase iconBookmark" title="Bookmark"></i>
              <span>Simpan</span>
            </button>
          </div>
        </div>
  
        <div class="storyPopup__header">
          <div class="labelProfile flex flex-align-start gap-8">
            <div class="avatar sq-40">
                <!-- BARU: Prioritas 1: Jika Group, SELALU gunakan loop dbAvatar -->
                <!-- Prioritas 2: Jika BUKAN Group, cek apakah dbCardAvatar (URL langsung dari Card) dikirim -->
                <div class="avatar">
                  <a href="https://www.kompasiana.com/agustinapurwantini">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/selpie-hijau-5886dfe493fdfdde0f2aaa79.jpg?t=t&amp;v=40&amp;x=40" alt="Agustina Purwantini">
                  </a>
                </div>
            </div>
          
            <div class="flex-1 flex-justify-start flex-align-center gap-16">
          
              <div class="labelProfile__info flex-col justify-content-center">
                <div class="labelProfile__name flex-align-center">
                  <div class="text-16-bold">
                    <a href="https://www.kompasiana.com/agustinapurwantini" >
                      Agustina Purwantini
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">6 jam lalu</span>
          
              </div>
          
          
            </div>
            <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
          
              <div class="option sq-24">
                <button
                  class="btn btn-text btn-2xs"
                  type="button"  data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9">
                  <i class="iconBase iconDotsThree"></i>
                  </button>
              </div>
              <div class="modalPopover flex-justify-end flex-align-end"
                data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9" data-state="closed">
                <div class="modalBox modalReport--alt radius-8 flex-col">
                  <div class="modalContent">
                    <ul>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac26ab434777c3e823ec7f3" data-target="report-konten-6ac26ab434777c3e823ec7f3">Laporkan Konten</button>
                      </li>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)"
                          data-user-id="54dc1e73745513c34949e8fe" data-target="report-penulis-54dc1e73745513c34949e8fe">Laporkan Penulis</button>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
  
        <div class="storyPopup__imageWrap">
          <div class="storyPopup__image">
                        <img src="https://assets-a3.kompasiana.com/items/category/47-1-1628767988.png?t=o&amp;v=773" alt="Nyolong iPhone di Masjid Gedhe, Disembunyikannya di Mushala Aisiyah">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/agustinapurwantini/6ac26ab434777c3e823ec7f3/nyolong-iphone-di-masjid-gedhe-disembunyikannya-di-mushala-aisiyah" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Nyolong iPhone di Masjid Gedhe, Disembunyikannya di Mushala Aisiyah</div>
            <div class="flex flex-align-center gap-4 text-14-medium cl-base-white">
              <span>Baca Selengkapnya</span>
              <i class="iconBase iconCaretRight"></i>
            </div>
          </a>
        </div>
      </div>
                  <div data-story-slide="10" data-author-id="655e988d12d50f15be114643" data-author-name="Zida Sinata Milati" data-like="3" data-comment="0" data-vote="2" class="storyPopup__item trans-opacity trans-duration-300">
        <div class="storyPopup__stats">
          <div class="reaction flex-col gap-20">
            <a href="https://www.kompasiana.com/zida76990/6ac26a57ed64157a064a6a67/tektok-part-2-bukit-lincing-1860-mdpl" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="3">
              <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/zida76990/6ac26a57ed64157a064a6a67/tektok-part-2-bukit-lincing-1860-mdpl" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="2">
              <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="0" data-url-comment="https://www.kompasiana.com/komentar/zida76990/6ac26a57ed64157a064a6a67/tektok-part-2-bukit-lincing-1860-mdpl">
              <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Tektok Part 2, Bukit Lincing 1860 mdpL" data-url="https://www.kompasiana.com/zida76990/6ac26a57ed64157a064a6a67/tektok-part-2-bukit-lincing-1860-mdpl">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ac26a57ed64157a064a6a67_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac26a57ed64157a064a6a67&#039;)" data-status="0">
              <i class="iconBase iconBookmark" title="Bookmark"></i>
              <span>Simpan</span>
            </button>
          </div>
        </div>
  
        <div class="storyPopup__header">
          <div class="labelProfile flex flex-align-start gap-8">
            <div class="avatar sq-40">
                <!-- BARU: Prioritas 1: Jika Group, SELALU gunakan loop dbAvatar -->
                <!-- Prioritas 2: Jika BUKAN Group, cek apakah dbCardAvatar (URL langsung dari Card) dikirim -->
                <div class="avatar">
                  <a href="https://www.kompasiana.com/zida76990">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/whatsapp-image-2025-06-23-at-15-18-31-1-6867639bc925c4129a6c9306.jpeg?t=t&amp;v=40&amp;x=40" alt="Zida Sinata Milati">
                  </a>
                </div>
            </div>
          
            <div class="flex-1 flex-justify-start flex-align-center gap-16">
          
              <div class="labelProfile__info flex-col justify-content-center">
                <div class="labelProfile__name flex-align-center">
                  <div class="text-16-bold">
                    <a href="https://www.kompasiana.com/zida76990" >
                      Zida Sinata Milati
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">6 jam lalu</span>
          
              </div>
          
          
            </div>
            <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
          
              <div class="option sq-24">
                <button
                  class="btn btn-text btn-2xs"
                  type="button"  data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9">
                  <i class="iconBase iconDotsThree"></i>
                  </button>
              </div>
              <div class="modalPopover flex-justify-end flex-align-end"
                data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9" data-state="closed">
                <div class="modalBox modalReport--alt radius-8 flex-col">
                  <div class="modalContent">
                    <ul>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac26a57ed64157a064a6a67" data-target="report-konten-6ac26a57ed64157a064a6a67">Laporkan Konten</button>
                      </li>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)"
                          data-user-id="655e988d12d50f15be114643" data-target="report-penulis-655e988d12d50f15be114643">Laporkan Penulis</button>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
  
        <div class="storyPopup__imageWrap">
          <div class="storyPopup__image">
                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/04/lincing-2-6ac268dd34777c7a105d2050.jpg?t=o&amp;v=773" alt="Tektok Part 2, Bukit Lincing 1860 mdpL">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/zida76990/6ac26a57ed64157a064a6a67/tektok-part-2-bukit-lincing-1860-mdpl" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Tektok Part 2, Bukit Lincing 1860 mdpL</div>
            <div class="flex flex-align-center gap-4 text-14-medium cl-base-white">
              <span>Baca Selengkapnya</span>
              <i class="iconBase iconCaretRight"></i>
            </div>
          </a>
        </div>
      </div>
                  <div data-story-slide="11" data-author-id="613c2b120101906919093322" data-author-name="Alfred Benediktus" data-like="3" data-comment="0" data-vote="2" class="storyPopup__item trans-opacity trans-duration-300">
        <div class="storyPopup__stats">
          <div class="reaction flex-col gap-20">
            <a href="https://www.kompasiana.com/alfredbenediktusjogoena3063/6ac269e334777c1a70427e91/antara-cawan-sokrates-dan-kursi-istana" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="3">
              <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/alfredbenediktusjogoena3063/6ac269e334777c1a70427e91/antara-cawan-sokrates-dan-kursi-istana" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="2">
              <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="0" data-url-comment="https://www.kompasiana.com/komentar/alfredbenediktusjogoena3063/6ac269e334777c1a70427e91/antara-cawan-sokrates-dan-kursi-istana">
              <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Antara Cawan Sokrates dan Kursi Istana" data-url="https://www.kompasiana.com/alfredbenediktusjogoena3063/6ac269e334777c1a70427e91/antara-cawan-sokrates-dan-kursi-istana">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ac269e334777c1a70427e91_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac269e334777c1a70427e91&#039;)" data-status="0">
              <i class="iconBase iconBookmark" title="Bookmark"></i>
              <span>Simpan</span>
            </button>
          </div>
        </div>
  
        <div class="storyPopup__header">
          <div class="labelProfile flex flex-align-start gap-8">
            <div class="avatar sq-40">
                <!-- BARU: Prioritas 1: Jika Group, SELALU gunakan loop dbAvatar -->
                <!-- Prioritas 2: Jika BUKAN Group, cek apakah dbCardAvatar (URL langsung dari Card) dikirim -->
                <div class="avatar">
                  <a href="https://www.kompasiana.com/alfredbenediktusjogoena3063">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/fotoku-6a869dbec925c432af0c079d.jpg?t=t&amp;v=40&amp;x=40" alt="Alfred Benediktus">
                  </a>
                </div>
            </div>
          
            <div class="flex-1 flex-justify-start flex-align-center gap-16">
          
              <div class="labelProfile__info flex-col justify-content-center">
                <div class="labelProfile__name flex-align-center">
                  <div class="text-16-bold">
                    <a href="https://www.kompasiana.com/alfredbenediktusjogoena3063" >
                      Alfred Benediktus
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">6 jam lalu</span>
          
              </div>
          
          
            </div>
            <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
          
              <div class="option sq-24">
                <button
                  class="btn btn-text btn-2xs"
                  type="button"  data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9">
                  <i class="iconBase iconDotsThree"></i>
                  </button>
              </div>
              <div class="modalPopover flex-justify-end flex-align-end"
                data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9" data-state="closed">
                <div class="modalBox modalReport--alt radius-8 flex-col">
                  <div class="modalContent">
                    <ul>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac269e334777c1a70427e91" data-target="report-konten-6ac269e334777c1a70427e91">Laporkan Konten</button>
                      </li>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)"
                          data-user-id="613c2b120101906919093322" data-target="report-penulis-613c2b120101906919093322">Laporkan Penulis</button>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
  
        <div class="storyPopup__imageWrap">
          <div class="storyPopup__image">
                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/04/90be78e4-19b1-418e-b625-a9ea8a3e2f69-6ac269caed641576e26ba057.png?t=o&amp;v=773" alt="Antara Cawan Sokrates dan Kursi Istana">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/alfredbenediktusjogoena3063/6ac269e334777c1a70427e91/antara-cawan-sokrates-dan-kursi-istana" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Antara Cawan Sokrates dan Kursi Istana</div>
            <div class="flex flex-align-center gap-4 text-14-medium cl-base-white">
              <span>Baca Selengkapnya</span>
              <i class="iconBase iconCaretRight"></i>
            </div>
          </a>
        </div>
      </div>
                  <div data-story-slide="12" data-author-id="63aecdad08a8b54eb9452392" data-author-name="Jandris_Sky" data-like="5" data-comment="4" data-vote="1" class="storyPopup__item trans-opacity trans-duration-300">
        <div class="storyPopup__stats">
          <div class="reaction flex-col gap-20">
            <a href="https://www.kompasiana.com/jandris_sky/6ac2674334777c302323ba42/ada-yang-pernah-pelihara-ayam-warna-warni" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="5">
              <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/jandris_sky/6ac2674334777c302323ba42/ada-yang-pernah-pelihara-ayam-warna-warni" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="1">
              <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="4" data-url-comment="https://www.kompasiana.com/komentar/jandris_sky/6ac2674334777c302323ba42/ada-yang-pernah-pelihara-ayam-warna-warni">
              <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Ada yang Pernah Pelihara Ayam Warna-warni?" data-url="https://www.kompasiana.com/jandris_sky/6ac2674334777c302323ba42/ada-yang-pernah-pelihara-ayam-warna-warni">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ac2674334777c302323ba42_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac2674334777c302323ba42&#039;)" data-status="0">
              <i class="iconBase iconBookmark" title="Bookmark"></i>
              <span>Simpan</span>
            </button>
          </div>
        </div>
  
        <div class="storyPopup__header">
          <div class="labelProfile flex flex-align-start gap-8">
            <div class="avatar sq-40">
                <!-- BARU: Prioritas 1: Jika Group, SELALU gunakan loop dbAvatar -->
                <!-- Prioritas 2: Jika BUKAN Group, cek apakah dbCardAvatar (URL langsung dari Card) dikirim -->
                <div class="avatar">
                  <a href="https://www.kompasiana.com/jandris_sky">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/dfd09b57-ac9b-4557-8747-7a13027427b7-1-all-20250-6ab737e734777c11a3514a54.jpg?t=t&amp;v=40&amp;x=40" alt="Jandris_Sky">
                  </a>
                </div>
            </div>
          
            <div class="flex-1 flex-justify-start flex-align-center gap-16">
          
              <div class="labelProfile__info flex-col justify-content-center">
                <div class="labelProfile__name flex-align-center">
                  <div class="text-16-bold">
                    <a href="https://www.kompasiana.com/jandris_sky" >
                      Jandris_Sky
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">6 jam lalu</span>
          
              </div>
          
          
            </div>
            <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
          
              <div class="option sq-24">
                <button
                  class="btn btn-text btn-2xs"
                  type="button"  data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9">
                  <i class="iconBase iconDotsThree"></i>
                  </button>
              </div>
              <div class="modalPopover flex-justify-end flex-align-end"
                data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9" data-state="closed">
                <div class="modalBox modalReport--alt radius-8 flex-col">
                  <div class="modalContent">
                    <ul>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac2674334777c302323ba42" data-target="report-konten-6ac2674334777c302323ba42">Laporkan Konten</button>
                      </li>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)"
                          data-user-id="63aecdad08a8b54eb9452392" data-target="report-penulis-63aecdad08a8b54eb9452392">Laporkan Penulis</button>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
  
        <div class="storyPopup__imageWrap">
          <div class="storyPopup__image">
                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/04/1000011629-6ac26281c925c43f950a5dca.png?t=o&amp;v=773" alt="Ada yang Pernah Pelihara Ayam Warna-warni?">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/jandris_sky/6ac2674334777c302323ba42/ada-yang-pernah-pelihara-ayam-warna-warni" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Ada yang Pernah Pelihara Ayam Warna-warni?</div>
            <div class="flex flex-align-center gap-4 text-14-medium cl-base-white">
              <span>Baca Selengkapnya</span>
              <i class="iconBase iconCaretRight"></i>
            </div>
          </a>
        </div>
      </div>
                  <div data-story-slide="13" data-author-id="65a75f4bc57afb032a2efc42" data-author-name="Made Devayana Krisna Pendit" data-like="1" data-comment="0" data-vote="1" class="storyPopup__item trans-opacity trans-duration-300">
        <div class="storyPopup__stats">
          <div class="reaction flex-col gap-20">
            <a href="https://www.kompasiana.com/devayanapendit2904/6abf1c86c925c4673a1a04c6/radikalisme-kenali-ancamannya-cegah-dampaknya-jangan-salahkan-agamanya" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="1">
              <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/devayanapendit2904/6abf1c86c925c4673a1a04c6/radikalisme-kenali-ancamannya-cegah-dampaknya-jangan-salahkan-agamanya" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="1">
              <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="0" data-url-comment="https://www.kompasiana.com/komentar/devayanapendit2904/6abf1c86c925c4673a1a04c6/radikalisme-kenali-ancamannya-cegah-dampaknya-jangan-salahkan-agamanya">
              <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Radikalisme: Kenali Ancamannya, Cegah Secepatnya (dalam Perspektif Hindu)" data-url="https://www.kompasiana.com/devayanapendit2904/6abf1c86c925c4673a1a04c6/radikalisme-kenali-ancamannya-cegah-dampaknya-jangan-salahkan-agamanya">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6abf1c86c925c4673a1a04c6_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6abf1c86c925c4673a1a04c6&#039;)" data-status="0">
              <i class="iconBase iconBookmark" title="Bookmark"></i>
              <span>Simpan</span>
            </button>
          </div>
        </div>
  
        <div class="storyPopup__header">
          <div class="labelProfile flex flex-align-start gap-8">
            <div class="avatar sq-40">
                <!-- BARU: Prioritas 1: Jika Group, SELALU gunakan loop dbAvatar -->
                <!-- Prioritas 2: Jika BUKAN Group, cek apakah dbCardAvatar (URL langsung dari Card) dikirim -->
                <div class="avatar">
                  <a href="https://www.kompasiana.com/devayanapendit2904">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/2213021005-made-devayana-krisna-pendit-foto-46-6ab1f29234777c08b90a0224.jpeg?t=t&amp;v=40&amp;x=40" alt="Made Devayana Krisna Pendit">
                  </a>
                </div>
            </div>
          
            <div class="flex-1 flex-justify-start flex-align-center gap-16">
          
              <div class="labelProfile__info flex-col justify-content-center">
                <div class="labelProfile__name flex-align-center">
                  <div class="text-16-bold">
                    <a href="https://www.kompasiana.com/devayanapendit2904" >
                      Made Devayana Krisna Pendit
                    </a>
                  </div>
                                  </div>
                <span class="text-14-normal cl-neutral-600">8 jam lalu</span>
          
              </div>
          
          
            </div>
            <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
          
              <div class="option sq-24">
                <button
                  class="btn btn-text btn-2xs"
                  type="button"  data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9">
                  <i class="iconBase iconDotsThree"></i>
                  </button>
              </div>
              <div class="modalPopover flex-justify-end flex-align-end"
                data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9" data-state="closed">
                <div class="modalBox modalReport--alt radius-8 flex-col">
                  <div class="modalContent">
                    <ul>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6abf1c86c925c4673a1a04c6" data-target="report-konten-6abf1c86c925c4673a1a04c6">Laporkan Konten</button>
                      </li>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)"
                          data-user-id="65a75f4bc57afb032a2efc42" data-target="report-penulis-65a75f4bc57afb032a2efc42">Laporkan Penulis</button>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
  
        <div class="storyPopup__imageWrap">
          <div class="storyPopup__image">
                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/04/gemini-ai-stop-radicalism-6ac24a5934777c2301043d7b.jpg?t=o&amp;v=773" alt="Radikalisme: Kenali Ancamannya, Cegah Secepatnya (dalam Perspektif Hindu)">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/devayanapendit2904/6abf1c86c925c4673a1a04c6/radikalisme-kenali-ancamannya-cegah-dampaknya-jangan-salahkan-agamanya" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Radikalisme: Kenali Ancamannya, Cegah Secepatnya (dalam Perspektif Hindu)</div>
            <div class="flex flex-align-center gap-4 text-14-medium cl-base-white">
              <span>Baca Selengkapnya</span>
              <i class="iconBase iconCaretRight"></i>
            </div>
          </a>
        </div>
      </div>
                  <div data-story-slide="14" data-author-id="61026a9606310e6c6470e672" data-author-name="Tiyarman Gulo" data-like="2" data-comment="0" data-vote="1" class="storyPopup__item trans-opacity trans-duration-300">
        <div class="storyPopup__stats">
          <div class="reaction flex-col gap-20">
            <a href="https://www.kompasiana.com/tiyarmangulo8212/6ac264f7c925c4359d60d2ed/bisnis-rumahan-seberapa-cuan-modal-kecil-bisa-jadi-penghasilan-utama" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="2">
              <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/tiyarmangulo8212/6ac264f7c925c4359d60d2ed/bisnis-rumahan-seberapa-cuan-modal-kecil-bisa-jadi-penghasilan-utama" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="1">
              <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="0" data-url-comment="https://www.kompasiana.com/komentar/tiyarmangulo8212/6ac264f7c925c4359d60d2ed/bisnis-rumahan-seberapa-cuan-modal-kecil-bisa-jadi-penghasilan-utama">
              <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Bisnis Rumahan Seberapa Cuan? Modal Kecil Bisa Jadi Penghasilan Utama" data-url="https://www.kompasiana.com/tiyarmangulo8212/6ac264f7c925c4359d60d2ed/bisnis-rumahan-seberapa-cuan-modal-kecil-bisa-jadi-penghasilan-utama">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ac264f7c925c4359d60d2ed_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac264f7c925c4359d60d2ed&#039;)" data-status="0">
              <i class="iconBase iconBookmark" title="Bookmark"></i>
              <span>Simpan</span>
            </button>
          </div>
        </div>
  
        <div class="storyPopup__header">
          <div class="labelProfile flex flex-align-start gap-8">
            <div class="avatar sq-40">
                <!-- BARU: Prioritas 1: Jika Group, SELALU gunakan loop dbAvatar -->
                <!-- Prioritas 2: Jika BUKAN Group, cek apakah dbCardAvatar (URL langsung dari Card) dikirim -->
                <div class="avatar">
                  <a href="https://www.kompasiana.com/tiyarmangulo8212">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/grok-image-90b8249c-0b08-407b-80c4-cc1600e2aab3-6a03dc7234777c7f857cf6e3.png?t=t&amp;v=40&amp;x=40" alt="Tiyarman Gulo">
                  </a>
                </div>
            </div>
          
            <div class="flex-1 flex-justify-start flex-align-center gap-16">
          
              <div class="labelProfile__info flex-col justify-content-center">
                <div class="labelProfile__name flex-align-center">
                  <div class="text-16-bold">
                    <a href="https://www.kompasiana.com/tiyarmangulo8212" >
                      Tiyarman Gulo
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">6 jam lalu</span>
          
              </div>
          
          
            </div>
            <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
          
              <div class="option sq-24">
                <button
                  class="btn btn-text btn-2xs"
                  type="button"  data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9">
                  <i class="iconBase iconDotsThree"></i>
                  </button>
              </div>
              <div class="modalPopover flex-justify-end flex-align-end"
                data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9" data-state="closed">
                <div class="modalBox modalReport--alt radius-8 flex-col">
                  <div class="modalContent">
                    <ul>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac264f7c925c4359d60d2ed" data-target="report-konten-6ac264f7c925c4359d60d2ed">Laporkan Konten</button>
                      </li>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)"
                          data-user-id="61026a9606310e6c6470e672" data-target="report-penulis-61026a9606310e6c6470e672">Laporkan Penulis</button>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
  
        <div class="storyPopup__imageWrap">
          <div class="storyPopup__image">
                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/04/pexels-tuti-isnawati-2160809826-37234069-6ac264dd34777c76414e5cd9.jpg?t=o&amp;v=773" alt="Bisnis Rumahan Seberapa Cuan? Modal Kecil Bisa Jadi Penghasilan Utama">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/tiyarmangulo8212/6ac264f7c925c4359d60d2ed/bisnis-rumahan-seberapa-cuan-modal-kecil-bisa-jadi-penghasilan-utama" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Bisnis Rumahan Seberapa Cuan? Modal Kecil Bisa Jadi Penghasilan Utama</div>
            <div class="flex flex-align-center gap-4 text-14-medium cl-base-white">
              <span>Baca Selengkapnya</span>
              <i class="iconBase iconCaretRight"></i>
            </div>
          </a>
        </div>
      </div>
                  <div data-story-slide="15" data-author-id="54d897297455130e3649ef26" data-author-name="Ludiro Madu" data-like="4" data-comment="0" data-vote="1" class="storyPopup__item trans-opacity trans-duration-300">
        <div class="storyPopup__stats">
          <div class="reaction flex-col gap-20">
            <a href="https://www.kompasiana.com/ludiro/6ac254daed641526457fbdc3/semarang-setelah-industri-gula-runtuh-di-akhir-masa-kolonial" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="4">
              <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/ludiro/6ac254daed641526457fbdc3/semarang-setelah-industri-gula-runtuh-di-akhir-masa-kolonial" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="1">
              <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="0" data-url-comment="https://www.kompasiana.com/komentar/ludiro/6ac254daed641526457fbdc3/semarang-setelah-industri-gula-runtuh-di-akhir-masa-kolonial">
              <i class="iconBase iconComment" title="Comment"></i>
            </button>
            <button class="btn btn-text btn-2xs" type="button" aria-label="Share" data-target="share" data-title="Semarang Setelah Industri Gula Runtuh di Akhir Masa Kolonial" data-url="https://www.kompasiana.com/ludiro/6ac254daed641526457fbdc3/semarang-setelah-industri-gula-runtuh-di-akhir-masa-kolonial">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ac254daed641526457fbdc3_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ac254daed641526457fbdc3&#039;)" data-status="0">
              <i class="iconBase iconBookmark" title="Bookmark"></i>
              <span>Simpan</span>
            </button>
          </div>
        </div>
  
        <div class="storyPopup__header">
          <div class="labelProfile flex flex-align-start gap-8">
            <div class="avatar sq-40">
                <!-- BARU: Prioritas 1: Jika Group, SELALU gunakan loop dbAvatar -->
                <!-- Prioritas 2: Jika BUKAN Group, cek apakah dbCardAvatar (URL langsung dari Card) dikirim -->
                <div class="avatar">
                  <a href="https://www.kompasiana.com/ludiro">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/lud3-62dcfef008a8b575763f583b.jpg?t=t&amp;v=40&amp;x=40" alt="Ludiro Madu">
                  </a>
                </div>
            </div>
          
            <div class="flex-1 flex-justify-start flex-align-center gap-16">
          
              <div class="labelProfile__info flex-col justify-content-center">
                <div class="labelProfile__name flex-align-center">
                  <div class="text-16-bold">
                    <a href="https://www.kompasiana.com/ludiro" >
                      Ludiro Madu
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">6 jam lalu</span>
          
              </div>
          
          
            </div>
            <div class="labelProfile__action flex flex-align-center flex-justify-end gap-4">
          
              <div class="option sq-24">
                <button
                  class="btn btn-text btn-2xs"
                  type="button"  data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9">
                  <i class="iconBase iconDotsThree"></i>
                  </button>
              </div>
              <div class="modalPopover flex-justify-end flex-align-end"
                data-target="popover-report-7a8b9c0d1e2f3a4b5c6d7e8f9" data-state="closed">
                <div class="modalBox modalReport--alt radius-8 flex-col">
                  <div class="modalContent">
                    <ul>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-konten', this)" data-post-id="6ac254daed641526457fbdc3" data-target="report-konten-6ac254daed641526457fbdc3">Laporkan Konten</button>
                      </li>
                      <li>
                        <button class="text-14-semibold px-12 py-6 bg-base-white" onclick="reportOpen('report-penulis', this)"
                          data-user-id="54d897297455130e3649ef26" data-target="report-penulis-54d897297455130e3649ef26">Laporkan Penulis</button>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
  
        <div class="storyPopup__imageWrap">
          <div class="storyPopup__image">
                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/04/1001035845-6ac254c7ed64151cac40b3b6.png?t=o&amp;v=773" alt="Semarang Setelah Industri Gula Runtuh di Akhir Masa Kolonial">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/ludiro/6ac254daed641526457fbdc3/semarang-setelah-industri-gula-runtuh-di-akhir-masa-kolonial" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Semarang Setelah Industri Gula Runtuh di Akhir Masa Kolonial</div>
            <div class="flex flex-align-center gap-4 text-14-medium cl-base-white">
              <span>Baca Selengkapnya</span>
              <i class="iconBase iconCaretRight"></i>
            </div>
          </a>
        </div>
      </div>
            
    </div>
  
    <div class="adsReservebox w-full">
      <div class="aspect-
              1-2 
         w-full">
    
    
    
      </div>
    </div>
  
</div>
	<!-- MODAL COMPONENT -->
<div class="modal modal--harmonyFeedback sq-screen flex-justify-center flex-align-center" id="modalFeedback" style="display:none">
  <div class="modalBox modalBox--center py-32 px-12 radius-12 bg-base-white flex-col">
    <span class="modalClose" onclick="this.parentElement.parentElement.remove();">
      <i class=" iconBase iconClose"></i>
    </span>
    <div class="modalContent">
      <h5 class="modalSubtitle my-6">
        <div class="rating">
          <span class="active">
            <i class="iconBase iconStar-fill"></i>
          </span>
          <span class="active">
            <i class="iconBase iconStar-fill"></i>
          </span>
          <span class="active">
            <i class="iconBase iconStar-fill"></i>
          </span>
          <span class="active">
            <i class="iconBase iconStar-fill"></i>
          </span>
          <span class="active">
            <i class="iconBase iconStar-fill"></i>
          </span>
        </div>
      </h5>
      <h4 class="modalTitle text-20-bold cl-blue-800">Bagaimana Menurutmu<br>Tampilan Baru Kompasiana?</h4>
      <p class="text-14-normal my-8">Berikan masukan kepada kami agar Kompasiana baru ini sesuai dengan ekspektasimu!
      </p>
      <div class="">
        <img class="modalImg my-22" src="https://assets-a1.kompasiana.com/statics/2026/harmony/desktop/images/new-kompasiana.png" alt="Tampilan Baru Kompasiana" />
      </div>
      <a href="javascript:void(0)" id="btnFeedback" class="btn btn-solid btn-xs">
        <i class="iconBase iconCheck"></i>
        <span>Nilai Sekarang</span>
        </a>
    </div>
  </div>
</div>
<!-- report-konten -->
<div class="modal sq-screen flex-justify-center flex-align-center px-16" data-target="report-konten" data-state="closed">
  <div class="modalBox py-16 px-12 radius-12 bg-base-white flex-col">
    <div class="modalHeader flex-justify-between flex-align-center mb-16">
      <div class="modalTitle heading-6">Laporkan Konten</div>
      <button
        class="btn btn-text btn-2xs modalClose"
        type="button"  data-dismiss="modal" data-target="report-konten">
        <i class="iconBase iconClose"></i>
        </button>
    </div>
    <div class="modalContent">
      <form id="form-report-konten">
        <input type="hidden" name="idPosts" id="report-idPosts" value="">
                <label class="flex-align-start gap-8 mt-12 flex-1">
          <input id="radio-61557bfc91bd5b23220c6603" data-reason="Konten tidak orisinal/melanggar hak cipta" name="radio_konten_reason" type="radio" value="Konten tidak orisinal/melanggar hak cipta" class="mt-2">
          <div class="text-16-normal flex-1">Konten tidak orisinal/melanggar hak cipta</div>
        </label>
                <label class="flex-align-start gap-8 mt-12 flex-1">
          <input id="radio-61557c0991bd5b087c6f74a4" data-reason="Hate speech/menyerang/merugikan pihak lain" name="radio_konten_reason" type="radio" value="Hate speech/menyerang/merugikan pihak lain" class="mt-2">
          <div class="text-16-normal flex-1">Hate speech/menyerang/merugikan pihak lain</div>
        </label>
                <label class="flex-align-start gap-8 mt-12 flex-1">
          <input id="radio-61557c1991bd5b2a2b7c5818" data-reason="Vulgar/menimbulkan perasaan tidak nyaman (pornografi, darah, data privat, dsb)" name="radio_konten_reason" type="radio" value="Vulgar/menimbulkan perasaan tidak nyaman (pornografi, darah, data privat, dsb)" class="mt-2">
          <div class="text-16-normal flex-1">Vulgar/menimbulkan perasaan tidak nyaman (pornografi, darah, data privat, dsb)</div>
        </label>
                <label class="flex-align-start gap-8 mt-12 flex-1">
          <input id="radio-61557c2591bd5b40651e4ad2" data-reason="Mengandung berita bohong/hoaks/misinformasi" name="radio_konten_reason" type="radio" value="Mengandung berita bohong/hoaks/misinformasi" class="mt-2">
          <div class="text-16-normal flex-1">Mengandung berita bohong/hoaks/misinformasi</div>
        </label>
                <label class="flex-align-start gap-8 mt-12 flex-1">
          <input id="radio-61557c3e91bd5b43df3c8553" data-reason="Promosi aktivitas ilegal/berbahaya (judi, aborsi, investasi bodong, bunuh diri, dsb)" name="radio_konten_reason" type="radio" value="Promosi aktivitas ilegal/berbahaya (judi, aborsi, investasi bodong, bunuh diri, dsb)" class="mt-2">
          <div class="text-16-normal flex-1">Promosi aktivitas ilegal/berbahaya (judi, aborsi, investasi bodong, bunuh diri, dsb)</div>
        </label>
                <div class="heading-6 mt-16">Detail</div>
        <div class="modalTextarea mt-12 px-12 py-12" data-counter="150">
          <textarea id="report-konten-det" class="w-full" name="report_det" rows="4" placeholder="Tuliskan alasan"></textarea>
          <div class="flex-justify-end"><span class="report-counter">0/150</span></div>
        </div>
        <div class="modalCta mt-24 flex-justify-center flex-align-center gap-14">
          <div class="flex-1">
            <button
              class="btn btn-capsule btn-sm w-full report-cancel"
              type="button" data-dismiss="modal" data-target="report-konten">
              <span>Batal</span>
              </button>
          </div>
          <div class="flex-1">
            <button
              data-report="konten"
              class="btn btn-solid btn-sm w-full btn-send report-btn"
              type="button" disabled>
              <span>Laporkan</span>
              </button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

<!-- report-penulis -->
<div class="modal sq-screen flex-justify-center flex-align-center px-16" data-target="report-penulis" data-state="closed">
  <div class="modalBox py-16 px-12 radius-12 bg-base-white flex-col">
    <div class="modalHeader flex-justify-between flex-align-center mb-16">
      <div class="modalTitle heading-6">Laporkan Penulis</div>
      <button
        class="btn btn-text btn-2xs modalClose"
        type="button"  data-dismiss="modal" data-target="report-penulis">
        <i class="iconBase iconClose"></i>
        </button>
    </div>
    <div class="modalContent">
      <form id="form-report-penulis">
        <input type="hidden" name="idPenulis" id="report-idPenulis" value="">
                <label class="flex-align-start gap-8 mt-12 flex-1">
          <input id="radio-61557adc91bd5b5a36011973" data-reason="Spamming" name="radio_penulis_reason" type="radio" value="Spamming" class="mt-2">
          <div class="text-16-normal flex-1">Spamming</div>
        </label>
                <label class="flex-align-start gap-8 mt-12 flex-1">
          <input id="radio-61557b9491bd5b27022316d7" data-reason="Akun ini palsu/menggunakan identitas orang lain" name="radio_penulis_reason" type="radio" value="Akun ini palsu/menggunakan identitas orang lain" class="mt-2">
          <div class="text-16-normal flex-1">Akun ini palsu/menggunakan identitas orang lain</div>
        </label>
                <label class="flex-align-start gap-8 mt-12 flex-1">
          <input id="radio-61557ba091bd5b2a2b7c5817" data-reason="Akun ini membahayakan pihak lain" name="radio_penulis_reason" type="radio" value="Akun ini membahayakan pihak lain" class="mt-2">
          <div class="text-16-normal flex-1">Akun ini membahayakan pihak lain</div>
        </label>
                <label class="flex-align-start gap-8 mt-12 flex-1">
          <input id="radio-61557bba91bd5b26fc6b14d6" data-reason="Akun ini diretas" name="radio_penulis_reason" type="radio" value="Akun ini diretas" class="mt-2">
          <div class="text-16-normal flex-1">Akun ini diretas</div>
        </label>
                <label class="flex-align-start gap-8 mt-12 flex-1">
          <input id="radio-61557bcb91bd5b087c6f74a3" data-reason="Akun menyebarkan kebencian (hate speech)" name="radio_penulis_reason" type="radio" value="Akun menyebarkan kebencian (hate speech)" class="mt-2">
          <div class="text-16-normal flex-1">Akun menyebarkan kebencian (hate speech)</div>
        </label>
        
        <div class="heading-6 mt-16">Detail</div>
        <div class="modalTextarea mt-12 px-12 py-12" data-counter="150">
          <textarea id="report-penulis-det" class="w-full" name="report_det" rows="4" placeholder="Tuliskan alasan"></textarea>
          <div class="flex-justify-end"><span class="report-counter">0/150</span></div>
        </div>
        <div class="modalCta mt-24 flex-justify-center flex-align-center gap-14">
          <div class="flex-1">
            <button
              class="btn btn-capsule btn-sm w-full report-cancel"
              type="button" data-dismiss="modal" data-target="report-penulis">
              <span>Batal</span>
              </button>
          </div>
          <div class="flex-1">
            <button
              data-report="penulis"
              class="btn btn-solid btn-sm w-full btn-send report-btn"
              type="button" disabled>
              <span>Laporkan</span>
              </button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

<!-- share -->
<div class="modal sq-screen flex-justify-center flex-align-center px-16" data-target="share"
  data-state="closed">
  <div class="modalBox py-16 px-12 radius-12 bg-base-white flex-col">
    <div class="modalHeader flex-justify-between flex-align-center mb-16">
      <div class="modalTitle heading-6" data-target="share-title">Loading...</div>
      <button
        class="btn btn-text btn-2xs modalClose"
        type="button"  data-dismiss="modal" data-target="share">
        <i class="iconBase iconClose"></i>
        </button>
    </div>
    <div class="modalContent">
      <div class="text-16-semibold cl-neutral-700">Bagikan ini melalui:</div>
      <div class="shareList flex-wrap flex-justify-center gap-8">
        <a href="#" class="btn btn-text btn-default btn-share cl-neutral-700" target="_blank" rel="noopener noreferrer" data-share="facebook">
          <i class="iconBase iconFacebookLogo-filled"></i>
          <span>Facebook</span>
        </a>
        <a href="#" class="btn btn-text btn-default btn-share cl-neutral-700" target="_blank" rel="noopener noreferrer" data-share="x">
          <i class="iconBase iconXLogo-filled"></i>
          <span>X</span>
        </a>
        <a href="#" class="btn btn-text btn-default btn-share cl-neutral-700" target="_blank" rel="noopener noreferrer" data-share="whatsapp">
          <i class="iconBase iconWhatsappLogo-filled"></i>
          <span>Whatsapp</span>
        </a>
        <a href="#" class="btn btn-text btn-default btn-share cl-neutral-700" target="_blank" rel="noopener noreferrer" data-share="line">
          <i class="iconBase iconLineLogo-filled"></i>
          <span>Line</span>
        </a>
        <a href="#" class="btn btn-text btn-default btn-share cl-neutral-700" target="_blank" rel="noopener noreferrer" data-share="telegram">
          <i class="iconBase iconTelegramLogo-filled"></i>
          <span>Telegram</span>
        </a>
      </div>
      <div class="text-16-semibold cl-neutral-700">Atau bagikan link:</div>
      <div class="shareCopy w-full flex-justify-center flex-align-center gap-12">
        <div class="shareCopy__text text-12-normal cl-neutral-700 line-clamp-1" data-target="share-link">Loading...</div>
        <button
          class="btn btn-text btn-2xs btn-copy"
          type="button"  data-copy="share-link">
          <i class="iconBase iconCopy"></i>
          </button>
      </div>
    </div>
  </div>
</div>
	<script src="https://assets-a1.kompasiana.com/statics/2025_kompasiana/js/jquery-3.7.1.min.js"></script>
	<script src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/jquery-redirect.min.js"></script>
	<script src="https://assets-a1.kompasiana.com/statics/2026/harmony/desktop/js/main-desktop.js?v=35"></script>
	<script src="https://assets-a1.kompasiana.com/statics/2026/harmony/desktop/js/index.js?v=35"></script>
	<script>
		var _token  = $('meta[name="csrf-token"]').attr('content');
		var isKompasianer = ("0" == 1) ? true : false;
		 	</script>
	<script src="https://assets-a1.kompasiana.com/statics/2024/www/js/sso_g_signin_fedcm_nk.min.js?v=2"></script>
	<section class="kgmModal -hide -bottom" id="kgmModal-onetap">
		<div class="kgmModal-block">
			<div class="kgmModal-header">
				<div class="kgmModal-title" id="kgmModal-title">Yuk login dulu untuk membuka akun kamu</div>
				<div class="kgmModal-header-inner">
					<button type="button" onclick="oneTapHide();return false;" class="kgmModal-close"></button>
				</div>
			</div>
			<div class="kgmModal-body">
				<div class="kgmModal-lead">Pilih metode login:</div>
				<div class="kgmModal-onetap">
					<!-- google -->
					<div class="form-google" id="kgOne1">
						<div id="googleLgnBtn"></div>
					</div>
					<div class="form-row">
					<a href="https://account.kompasiana.com/login/a29tcGFzaWFuYQ==/aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20v" class="btn btn-outline btn-base btn-login" target="_blank" style="flex-grow: 3; position: relative; display: flex; justify-content: center; align-items: center;">
						<i class="iconBase iconMail" style="position: absolute; left: 2px;"></i>
						<span class="text-14-semibold" style="margin-left: 25px;">Lanjutkan dengan Email</span>
						</a>
					</div>
				</div>
				<div class="kgmModal-reg">
					<a href="https://account.kompasiana.com/register/a29tcGFzaWFuYQ==/aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20v">Daftar KG Media ID?</a> <span>atau</span> <a href="https://account.kompasiana.com/forgot-password">Lupa password?</a>
				</div>
			</div>
			<div class="kgmModal-footer">
				<div class="kgmModal-info">Dengan login, kamu menyetujui <a href="https://www.kgmedia.id/legal-privacy-id" target="_blank">Kebijakan Data Pribadi</a></div>
			</div>
		</div>
	</section>
	<script async src="https://cdn.oval.id/tracker/p/kompasiana/oval_web_analytics_latest.js"></script>
	<script type="text/javascript">
	function fb_share(e,o){return u=o,t=e,window.open("http://www.facebook.com/sharer.php?u="+encodeURIComponent(u)+"&t="+encodeURIComponent(t),"sharer","toolbar=0,status=0,width=626,height=436"),!1}function tweet_share(t,x=''){return u=t,window.open("https://twitter.com/intent/tweet?text="+encodeURIComponent(u)+"&url="+encodeURIComponent(x),"sharer","toolbar=0,status=0,width=626,height=436"),!1}function whatsapp_share(e,o){return u=o,t=e,window.open("https://wa.me/?text="+encodeURIComponent(t)+encodeURIComponent(u),"sharer","toolbar=0,status=0,width=626,height=436"),!1}
	</script>
	<script>
		function normalizeGoogleLoginText() {
			var root = document.getElementById('googleLgnBtn');
			if (!root) return;

			var walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
			var node;
			while ((node = walker.nextNode())) {
				if (!node.nodeValue) continue;
				node.nodeValue = node.nodeValue
					.replace('Login with Google', 'Lanjutkan dengan Google')
					.replace('Login dengan Google', 'Lanjutkan dengan Google');
			}
		}

		setInterval(normalizeGoogleLoginText, 500);

		function oneTapShow(title = 'Login untuk melanjutkan', linkTarget = '') {
			let otd = document.getElementById('kgmModal-onetap')
			if (!!otd) {
				otd.classList.remove('-hide');
				document.body.classList.add('-locked');
				let kgmtitle = otd.querySelector('.kgmModal-title');
				if (!!kgmtitle) {
					kgmtitle.innerHTML = title;
				}
			}
		}
		function oneTapHide() {
			let otd = document.getElementById('kgmModal-onetap')
			if (!!otd) {
			otd.classList.add('-hide');
			document.body.classList.remove('-locked');
			}
		}

		function redirectLogin() {
			window.location = 'https://account.kompasiana.com/login/a29tcGFzaWFuYQ==/aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20v';
		}

		var base_url = "https://www.kompasiana.com/";

		function redirectWrite(urlwrite,tagswrite){
			if(!isKompasianer)
			{
				alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu.");
				redirectLogin();
				return false;
			}

			$.redirect(urlwrite, {tags_topic : tagswrite, _token : _token});
		}

		$(document).on('click', '.create_content', function(e){
			e.preventDefault();
			var $t = $(this);
			var tags = $(this).data('tags');
			var channel = $(this).data('channel');

			redirectWrite(base_url + channel + '/dashboard/write',tags);
        });

		$(document).on('click', '.send-article-topic', function(e){
			e.preventDefault();
			var $t = $(this);
			var tags = $(this).data('tags');
			var channel = $(this).data('channel');

			redirectWrite(base_url + channel + '/dashboard/write?source_from=topic',tags);
		});

		function jadwal_sholat(){
			var sel_province = $('#jadwal_sholat_detail_sel').val();
			$.ajax({
				type: "POST",
				url: "/ajax/jadwal_imsakiyah",
				data: {province: sel_province, _token: _token},
				dataType: 'json',
				success: function(response) {
					if(response.status){
						$('#date_sholat').html(response.data.date);
						$('#sholat_imsak').html(response.data.imsak);
						$('#sholat_subuh').html(response.data.subuh);
						$('#sholat_zuhur').html(response.data.zuhur);
						$('#sholat_asar').html(response.data.asar);
						$('#sholat_magrib').html(response.data.magrib);
						$('#sholat_isya').html(response.data.isya);
					}
				}
			});
		}

		// Function set cookie
		function setCookie(name, value, days) {
			var expires = "";
			if (days) {
				var date = new Date();
				date.setTime(date.getTime() + (days*24*60*60*1000));
				expires = "; expires=" + date.toUTCString();
			}
			document.cookie = name + "=" + value + expires + "; path=/";
		}

		// Function get cookie
		function getCookie(name) {
			var nameEQ = name + "=";
			var ca = document.cookie.split(';');
			for(var i=0;i < ca.length;i++) {
				var c = ca[i].trim();
				if (c.indexOf(nameEQ) == 0) {
					return c.substring(nameEQ.length,c.length);
				}
			}
			return null;
		}

		$(document).ready(function() {
			var readPost = getCookie('read_post');
			var feedbackshow = getCookie('feedback_show');
			var feedbackDone = getCookie('feedback_done');

			if (readPost === 'true' && !feedbackDone && !feedbackshow) {
				setTimeout(function() {
					setCookie('feedback_show', 'true', 1);
					$('#modalFeedback').css('display', 'flex');
				}, 10000);
			}
		});

		$('#btnFeedback').on('click', function() {
			setCookie('feedback_done', 'true', 30);
			$('#modalFeedback').remove();
			window.open("https://docs.google.com/forms/d/e/1FAIpQLSciW21O7M-Nwk6-FZagPAMMw0RhzRCyr8UZNfkMIF07hhzS1Q/formResponse", "_blank");
			// window.location.href = "https://docs.google.com/forms/d/e/1FAIpQLSciW21O7M-Nwk6-FZagPAMMw0RhzRCyr8UZNfkMIF07hhzS1Q/formResponse";
		});
	</script>
			<div id='div-gpt-ad-Overlay'>
			<script type='text/javascript'>
				googletag.cmd.push(function() { googletag.display('div-gpt-ad-Overlay'); });
			</script>
		</div>
		<div id='div-gpt-ad-Rollup'>
			<script type='text/javascript'>
				googletag.cmd.push(function() { googletag.display('div-gpt-ad-Rollup'); });
			</script>
		</div>
		<script>
		// Reaktivasi akun. Tombol #reactivate ("Aktifkan Kembali") bisa muncul dari
		// banner status akun yang disuntikkan backend, jadi handler pakai event
		// delegation agar tetap terikat walau tombolnya dirender belakangan.
		$(document).on('click', '#reactivate', function(e) {
			e.preventDefault();
			if (!confirm('Anda akan mereaktivasi akun. Lanjutkan?')) return;

			var $btn = $('#reactivate');
			var token = $('meta[name="csrf-token"]').attr('content');

			$.ajax({
				type: "POST",
				url: "/ajax_protected/reactivate",
				data: { _token: token },
				dataType: 'json',
				beforeSend: function() {
					$btn.hide();
				},
				success: function(res) {
					if (res && (res.status == 1 || res.status === true)) {
						$btn.after('<p style="color: green">' + (res.message || 'Akun berhasil diaktifkan kembali') + '</p>');
						$btn.remove();
						setTimeout(function() { window.location.reload(); }, 1500);
					} else {
						$btn.after('<p style="color: red">' + ((res && res.message) || 'Terjadi kesalahan') + '</p>');
						$btn.show();
					}
				},
				error: function(xhr) {
					console.log(xhr);
					$btn.show();
				}
			});
		});
	</script>
	<script src="https://assets-a1.kompasiana.com/statics/2026/harmony/desktop/js/story.js"></script>
	<section class="kgmModal -hide -bottom" id="kgmModal-onetap">
		<div class="kgmModal-block">
			<div class="kgmModal-header">
				<div class="kgmModal-title" id="kgmModal-title">Yuk login dulu untuk membuka akun kamu</div>
				<div class="kgmModal-header-inner">
					<button type="button" onclick="oneTapHide();return false;" class="kgmModal-close"></button>
				</div>
			</div>
			<div class="kgmModal-body">
				<div class="kgmModal-lead">Pilih metode login:</div>
				<div class="kgmModal-onetap">
					<!-- google -->
					<div class="form-google" id="kgOne1">
						<div id="googleLgnBtn"></div>
					</div>
					<div class="form-row">
					<a href="https://account.kompasiana.com/login/a29tcGFzaWFuYQ==/aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20v" class="btn btn-outline btn-base btn-login" target="_blank" >
						<i class="iconBase iconMail"></i>
						<span class="text-14-semibold">Lanjutkan dengan Email</span>
						</a>
					</div>
				</div>
				<div class="kgmModal-reg">
					<a href="https://account.kompasiana.com/register/a29tcGFzaWFuYQ==/aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20v">Daftar KG Media ID?</a> <span>atau</span> <a href="https://account.kompasiana.com/forgot-password">Lupa password?</a>
				</div>
			</div>
			<div class="kgmModal-footer">
				<div class="kgmModal-info">Dengan login, kamu menyetujui <a href="https://www.kgmedia.id/legal-privacy-id" target="_blank">Kebijakan Data Pribadi</a></div>
			</div>
		</div>
	</section>
	
	<script>
		var btn_load_more = $('#load-more-btn');
		var loading_load_more = $('#loader-anim');
		var isPremiumUser = false;

		function initInfeedAds(scope) {
			if (isPremiumUser) return;
			if (typeof googletag === 'undefined' || !googletag.cmd) return;
			var root = scope ? $(scope) : $(document);
			root.find('[data-infeed-gpt="1"]').each(function() {
				var el = $(this);
				if (el.attr('data-infeed-init') === '1') return;
				var slotId = el.attr('data-slot-id');
				if (!slotId) return;
				el.attr('data-infeed-init', '1');
				googletag.cmd.push(function() {
					var adUnitPath = '/31800665/KOMPASIANA.COM/home';
					var slot = googletag.defineSlot(adUnitPath, [[300, 250], [336, 280], [1, 1]], slotId)
						.setTargeting('Pos', ['Infeed'])
						.setTargeting('kg_pos', ['infeed'])
						.addService(googletag.pubads());
					googletag.display(slotId);
					setTimeout(function() {
						googletag.pubads().refresh([slot]);
					}, 1000);
				});
			});
		}

		function loadMore(){
			const url_load = btn_load_more.data('url');
			let page_load = btn_load_more.data('page');
			const rubrik_load = btn_load_more.data('rubrik');

			page_load+=1;
			
			$.ajax({
				type: "GET",
				url: url_load,
				data: {page: page_load, rubrik: rubrik_load},
				beforeSend: function() {
					btn_load_more.hide();
					loading_load_more.show();
				},
				success: function(data){
					btn_load_more.data('page',page_load);

					if(data == "none"){
						loading_load_more.remove();
						btn_load_more.remove();
					}else{
						loading_load_more.hide();
						btn_load_more.show();
						$(".post-card-item:last").after(data).show().fadeIn("slow");
						initInfeedAds('.feedList');
					}
				}
			});
		}
		$(function() {
			initInfeedAds('.feedList');
		});
	</script>
	<!-- KOMPASIANA WIZARD & TOOLTIP 2025 -->
	<script>
		document.addEventListener('DOMContentLoaded', function () {
			var wizard_tooltip = getCookie('wizard_tooltip');
			if (window.KomWizard && !wizard_tooltip) {
				KomWizard.start();
				setCookie('wizard_tooltip', 'true', 1);
			}
		});
	</script>
			<!-- Start Forkmedia Impulse -->
		<script>
			var _ContextAdsPublisher = document.createElement('script');
			_ContextAdsPublisher.type = 'text/javascript';
			_ContextAdsPublisher.async = true;
			_ContextAdsPublisher.id = "cads-generic";
			_ContextAdsPublisher.src = '//cdn.contextads.live/publishers/cads-generic.min.js';
			var _scripter = document.getElementsByTagName('script')[0];
			_scripter.parentNode.insertBefore(_ContextAdsPublisher, _scripter);
		</script>
		<!-- End Forkmedia Impulse -->
	</body>
</html>
