<!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-30T06:53:23+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[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);
                }
            }
                        setContextualTargeting();
if(typeof keywordBrandSafety === 'undefined'){
    console.log("no article keywords");
}else{
    console.log("execute keywords");
    setKeywordTargeting();
}

function setContextualTargeting() {
    dfp_keywords = getKeywords();
    console.log(dfp_keywords);
    googletag.pubads().setTargeting('contextual_targeting', dfp_keywords);
}

function getKeywords(){
    var metas = document.getElementsByTagName('meta');
    var str = (metas.namedItem("content_tags") || {}).content;
    if (str!=null){
        var keywords = str.toLowerCase().split(",").map(function(item) {
            return item.trim().replace(/\s\s+/g, ' ');
        });
        return keywords;
    }
    return [''];
}

// s:new keyword targeting via GAM
function setKeywordTargeting() {
    dfp_keywords = getArticle();
    console.log(dfp_keywords);
    googletag.pubads().setTargeting('keyword_targeting', dfp_keywords);
}

function getArticle(){
    var strKey = keywordBrandSafety;
    if (strKey!=null){
        var keywords = strKey.toLowerCase().split(/[ .]/).map(function(item) {
            return item.trim().replace(/\W*(&amp;quot;)\W*/g, '').replace(/([^a-zA-Z0-9]$|[()\n\"])/g, '');
        });
        keywords = keywords.filter((str) => str !== '');
        return keywords;
    }
    return null;
}
// e:new keyword targeting via GAM

try{
    // Retrieving local storage
    var ls = window.localStorage;
	
	var lr = ls.getItem("_jxitr");
	if (lr && lr.length > 2){
		try{
			googletag.pubads().setTargeting('jx_audience_interest', JSON.parse(lr).join().split(','));
		}catch {}
	}
	
	var li = ls.getItem("_jxitd");
	if (li && li.length > 2){
		try{
			googletag.pubads().setTargeting('jx_audience_intend', JSON.parse(li).join().split(','));
		}catch {}
	}

}catch(e){
      //console.log("Localstorage not accessible or any other error: " + e.message);
}
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
    googletag.pubads().setTargeting('kg_inv_type','mweb');
}else{
     googletag.pubads().setTargeting('kg_inv_type','desktop');
}
googletag.pubads().setTargeting('kg_group_sites','kompasiana');

            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="UzoJIXp6BbgIJAALCYCWP7XAn3mPpxRQJNtfTxlt">

<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=71">
<link rel="stylesheet" href="https://assets-a1.kompasiana.com/statics/2026/harmony/desktop/css/ruang-widget-ramadan.css?v=71">
	<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://www.kompasiana.com/komunitas" 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://www.kompasiana.com/event" 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/emaqabut-new-6974316e34777c3fe656d642.jpeg?t=t&amp;v=40&amp;x=40" alt="emaqabut">
					</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/emaqabut32754">emaqabut</a>
							</div>
														<span class="badge badge--verified"></span>
													</div>
						<h4 class="text-16-medium line-clamp-2">
							<a href="https://www.kompasiana.com/emaqabut32754/6ae32ca434777c56791656e4/kalau-anak-ikut-demo-boleh-ga">
								<span class="cl-text-primary">Boleh Ga Anak Ikut Demo?</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/img20171231192142-63a6472808a8b573541c0402.jpg?t=t&amp;v=40&amp;x=40" alt="Lily Setiawati Utomo">
					</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/lilysutomo1225">Lily Setiawati Utomo</a>
							</div>
														<span class="badge badge--verified"></span>
													</div>
						<h4 class="text-16-medium line-clamp-2">
							<a href="https://www.kompasiana.com/lilysutomo1225/6ae33455ed64150d631187b2/lelaki-dan-rembulan">
								<span class="cl-text-primary">Lelaki dan rembulan</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/img-20241222-070948-6a5bf44234777c286d565d52.jpg?t=t&amp;v=40&amp;x=40" alt="Latipah Rahman">
					</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/mynotetrip">Latipah Rahman</a>
							</div>
														<span class="badge badge--verified"></span>
													</div>
						<h4 class="text-16-medium line-clamp-2">
							<a href="https://www.kompasiana.com/mynotetrip/6ae363d734777c3d6b55dda4/pengalaman-pertama-eksplor-bbw-2026">
								<span class="cl-text-primary">Pengalaman Pertama Eksplor BBW 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/dfd09b57-ac9b-4557-8747-7a13027427b7-1-all-20250-6ab737e734777c11a3514a54.jpg?t=t&amp;v=40&amp;x=40" alt="Jandris_Sky">
					</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/jandris_sky">Jandris_Sky</a>
							</div>
														<span class="badge badge--verified"></span>
													</div>
						<h4 class="text-16-medium line-clamp-2">
							<a href="https://www.kompasiana.com/jandris_sky/6ae35d63ed641559672d2676/pancingan-alat-tangkap-ikan-ramah-lingkungan-untuk-perikanan-berkelanjutan">
								<span class="cl-text-primary">Pancingan, Alat Tangkap Ikan Ramah Lingkungan untuk Perikanan Berkelanjutan</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/foto-caver-6ac8deff34777c34af11c84b.png?t=t&amp;v=40&amp;x=40" alt="Bahtiar">
					</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/bahtiarsimimbora9217">Bahtiar</a>
							</div>
													</div>
						<h4 class="text-16-medium line-clamp-2">
							<a href="https://www.kompasiana.com/bahtiarsimimbora9217/6ae3b650c925c453177cf859/riting-kiri-belok-kanan-ketika-ucapan-tidak-sejalan-dengan-perbuatan">
								<span class="cl-text-primary">Riting Kiri, Belok Kanan: Ketika Ucapan Tidak Sejalan dengan Perbuatan</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/www.terrypangul.blogspot.com/6ae355c734777c24a91e78f2/ikhtiar-manggarai-bangun-ketangguhan-bareng-bmkg-via-sekolah-lapang-gempa" class="relative round-8 overflow-hidden block">
							<div class="aspect-16-9">
								<img src="https://assets-a2.kompasiana.com/items/album/2026/10/29/2492295-6ae34c7fc925c4428356fb54.jpg?t=o&amp;v=770" alt="Ikhtiar Manggarai Bangun Ketangguhan Bareng BMKG via Sekolah Lapang Gempa" 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">Ikhtiar Manggarai Bangun Ketangguhan Bareng BMKG via Sekolah Lapang Gempa</span>
								</div>
								<div class="flex flex-align-center gap-4 pl-32">
									<span class="text-10-normal cl-base-white">Terry Janu</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">501</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/emaqabut32754/6ae32ca434777c56791656e4/kalau-anak-ikut-demo-boleh-ga" class="text-14-bold cl-neutral-900 line-clamp-2 no-underline">Boleh Ga Anak Ikut Demo?</a>
								<div class="flex flex-align-center gap-4">
									<span class="text-10-normal cl-neutral-600">emaqabut</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">371</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/sahirrumakelrat6360/6ae35d31c925c47da3754b9d/warga-desa-kampung-baru-menyambut-antusias-kembali-aktifnya-majelis-taklim" class="text-14-bold cl-neutral-900 line-clamp-2 no-underline">Warga Desa Kampung Baru menyambut antusias kembali aktifnya Majelis Taklim.</a>
								<div class="flex flex-align-center gap-4">
									<span class="text-10-normal cl-neutral-600">sahir rumakelrat</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">357</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/deddiajir9469/6ae3592534777c3a03173f46/kendaraan-towing-di-jalan-tol-memahami-mekanisme-transaksi-dan-tarif" class="text-14-bold cl-neutral-900 line-clamp-2 no-underline">Kendaraan Towing di Jalan Tol: Memahami Mekanisme Transaksi dan Tarif</a>
								<div class="flex flex-align-center gap-4">
									<span class="text-10-normal cl-neutral-600">Deddi Ajir</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">334</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/rudipravda2917/6ae33b8534777c259c101a92/ketika-cuaca-menentukan-penghasilan-risiko-di-balik-pengolahan-ikan-teri" class="text-14-bold cl-neutral-900 line-clamp-2 no-underline">Ketika Cuaca Menentukan Penghasilan: Risiko di Balik Pengolahan Ikan Teri</a>
								<div class="flex flex-align-center gap-4">
									<span class="text-10-normal cl-neutral-600">Rudhy Pravda</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">319</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="Kompasianival 2026 di Depan Mata, Rebut Hadiah untuk Kamu yang Mau Berbagi Cerita!" class="sq-18 round-full object-cover flex-none">
                                <span class="text-14-normal line-clamp-1">Kompasianival 2026 di Depan Mata, Rebut Hadiah untuk Kamu yang Mau Berbagi Cerita!</span>
            </div>
                                    <div class="lagiRame__tickerItem flex flex-align-center gap-8 ">
                                    <img src="https://assets-a1.kompasiana.com/images/avatar/pp-6a0d744da0688f0c902c2162.png" alt="#18TahunKompasiana: Masih Ada yang Belum Kamu Ceritakan di Kompasiana?" class="sq-18 round-full object-cover flex-none">
                                <span class="text-14-normal line-clamp-1">#18TahunKompasiana: Masih Ada yang Belum Kamu Ceritakan di Kompasiana?</span>
            </div>
                                    <div class="lagiRame__tickerItem flex flex-align-center gap-8 ">
                                    <img src="https://assets-a1.kompasiana.com/images/avatar/img-20251125-074658-6958597fc925c4433116d782.jpg" alt="Meluruskan Kata &quot;Adaptasi&quot; Kabut Asap Karhutla" class="sq-18 round-full object-cover flex-none">
                                <span class="text-14-normal line-clamp-1">Meluruskan Kata &quot;Adaptasi&quot; Kabut Asap Karhutla</span>
            </div>
                                    <div class="lagiRame__tickerItem flex flex-align-center gap-8 ">
                                    <img src="https://assets-a1.kompasiana.com/images/avatar/yopie-pangkey-20260611-164902at-6a5aafc7ed641575a9125572.jpg" alt="Saat Helikopter Karhutla Mengambil Air di Sungai Kampung Cabang" class="sq-18 round-full object-cover flex-none">
                                <span class="text-14-normal line-clamp-1">Saat Helikopter Karhutla Mengambil Air di Sungai Kampung Cabang</span>
            </div>
                                    <div class="lagiRame__tickerItem flex flex-align-center gap-8 ">
                                    <img src="https://assets-a1.kompasiana.com/images/avatar/gemini-generated-image-xtc5obxtc5obxtc5-1-692fc359c925c447d30014e3.png" alt="Kabut Asap Karhutla Merenggut Kenyamanan Belajar Anak" class="sq-18 round-full object-cover flex-none">
                                <span class="text-14-normal line-clamp-1">Kabut Asap Karhutla Merenggut Kenyamanan Belajar Anak</span>
            </div>
                                    <div class="lagiRame__tickerItem flex flex-align-center gap-8 ">
                                    <img src="https://assets-a1.kompasiana.com/images/avatar/img-20240821-045910-887-66fe976ced641566bc266ef2.jpg" alt="Dampak Haze Akibat Karhutla Kalimantan dan Cara Melindungi Diri" class="sq-18 round-full object-cover flex-none">
                                <span class="text-14-normal line-clamp-1">Dampak Haze Akibat Karhutla Kalimantan dan Cara Melindungi Diri</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/6ae1d59bc925c40f3c052b22/kompasianival-2026-di-depan-mata-rebut-hadiah-untuk-kamu-yang-mau-berbagi" 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">Kompasianival 2026 di Depan Mata, Rebut Hadiah untuk Kamu yang Mau Berbagi Cerita!</span>
            </a>
                                    <a href="https://www.kompasiana.com/everystorymatters/6ad9c20cc925c42f0d191760/masih-ada-yang-belum-kamu-ceritakan-di-kompasiana" 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/pp-6a0d744da0688f0c902c2162.png" alt="EveryStoryMatters" class="sq-24 round-full object-cover">
                                        <span class="text-14-normal cl-neutral-700">EveryStoryMatters</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">#18TahunKompasiana: Masih Ada yang Belum Kamu Ceritakan di Kompasiana?</span>
            </a>
                                    <a href="https://www.kompasiana.com/fitriharyanti/6ad8610334777c198029bb6a/meluruskan-kata-adaptasi-kabut-asap-karhutla" 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/img-20251125-074658-6958597fc925c4433116d782.jpg" alt="Fitri Haryanti Harsono" class="sq-24 round-full object-cover">
                                        <span class="text-14-normal cl-neutral-700">Fitri Haryanti Harsono</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">Meluruskan Kata &quot;Adaptasi&quot; Kabut Asap Karhutla</span>
            </a>
                                    <a href="https://www.kompasiana.com/yopiefranz/6ad80aa334777c358c4df3df/saat-helikopter-karhutla-mengambil-air-di-sungai-kampung-cabang" 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/yopie-pangkey-20260611-164902at-6a5aafc7ed641575a9125572.jpg" alt="Yopie Pangkey" class="sq-24 round-full object-cover">
                                        <span class="text-14-normal cl-neutral-700">Yopie Pangkey</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">Saat Helikopter Karhutla Mengambil Air di Sungai Kampung Cabang</span>
            </a>
                                    <a href="https://www.kompasiana.com/akbarisation/6ad5a6c3c925c42e013b02c5/kabut-asap-karhutla-merenggut-kenyamanan-belajar-anak" 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/gemini-generated-image-xtc5obxtc5obxtc5-1-692fc359c925c447d30014e3.png" alt="Akbar Pitopang" class="sq-24 round-full object-cover">
                                        <span class="text-14-normal cl-neutral-700">Akbar Pitopang</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">Kabut Asap Karhutla Merenggut Kenyamanan Belajar Anak</span>
            </a>
                                    <a href="https://www.kompasiana.com/greg.nafanu/6ad56ddc34777c3af60d73b5/dampak-haze-akibat-karhutla-kalimantan-dan-cara-melindungi-diri" 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/img-20240821-045910-887-66fe976ced641566bc266ef2.jpg" alt="Gregorius Nafanu" class="sq-24 round-full object-cover">
                                        <span class="text-14-normal cl-neutral-700">Gregorius Nafanu</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">Dampak Haze Akibat Karhutla Kalimantan dan Cara Melindungi Diri</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/nayafitrinazwanurhaliza7549">
                            <img src="https://assets-a1.kompasiana.com/images/avatar/senyum-anggun-di-desa-tradisional-6ae221f7c925c45c6930c09c.png?t=t&amp;v=40&amp;x=40" alt="Naya Nazwa Haliza">
                        </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/nayafitrinazwanurhaliza7549" >
                                Naya Nazwa Haliza
                                </a>
                            </div>
                                                        </div>
                            <span class="text-12-normal cl-neutral-600">1 hari lalu</span>
                        </div>
                    </div>
                </div>
                <a href="https://www.kompasiana.com/nayafitrinazwanurhaliza7549/6ae216dec925c47b147853f4/barangkali-menstruasi-memang-terlalu-mewah-bagi-negara">
                <h2 class="cardTitle text-16-bold line-clamp-4">Barangkali Menstruasi Memang Terlalu Mewah bagi Negara</h2>
                </a>
            </div>
            <div class="cardContent">
                <a href="https://www.kompasiana.com/nayafitrinazwanurhaliza7549/6ae216dec925c47b147853f4/barangkali-menstruasi-memang-terlalu-mewah-bagi-negara">
                    <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/28/3b10e7fd-a080-42b0-978a-a94f9ea0da22-6ae216b7c925c45c6930c085.png?t=o&amp;v=773" alt="Barangkali Menstruasi Memang Terlalu Mewah bagi Negara" 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/nendennuraeni5172">
                            <img src="https://assets-a1.kompasiana.com/images/avatar/whatsapp-image-2026-04-02-at-22-05-46-6a0310daed64156e1c3472b2.jpeg?t=t&amp;v=40&amp;x=40" alt="Bubid">
                        </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/nendennuraeni5172" >
                                Bubid
                                </a>
                            </div>
                                                        <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                                        </div>
                            <span class="text-12-normal cl-neutral-600">11 jam lalu</span>
                        </div>
                    </div>
                </div>
                <a href="https://www.kompasiana.com/nendennuraeni5172/6ae270ca34777c2f6c0e3dcf/terlambat-saat-kencan-pertama-maaf-saya-memilih-pulang">
                <h2 class="cardTitle text-16-bold line-clamp-4">Terlambat Saat Kencan Pertama? Maaf, Saya Memilih Pulang</h2>
                </a>
            </div>
            <div class="cardContent">
                <a href="https://www.kompasiana.com/nendennuraeni5172/6ae270ca34777c2f6c0e3dcf/terlambat-saat-kencan-pertama-maaf-saya-memilih-pulang">
                    <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/29/pexels-waltonlee-39314491-6ae26db7ed641572a466c6ae.jpg?t=o&amp;v=773" alt="Terlambat Saat Kencan Pertama? Maaf, Saya Memilih Pulang" 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/merzagamal8924">
                            <img src="https://assets-a1.kompasiana.com/images/avatar/merza-3-4-body03-629ee6b6aa3ccd36741b8863.jpg?t=t&amp;v=40&amp;x=40" alt="Merza Gamal">
                        </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/merzagamal8924" >
                                Merza Gamal
                                </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/merzagamal8924/6ae27e2cc925c438a720fe45/napak-tilas-makam-sunan-gunung-jati">
                <h2 class="cardTitle text-16-bold line-clamp-4">Napak Tilas Makam Sunan Gunung Jati</h2>
                </a>
            </div>
            <div class="cardContent">
                <a href="https://www.kompasiana.com/merzagamal8924/6ae27e2cc925c438a720fe45/napak-tilas-makam-sunan-gunung-jati">
                    <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/29/file-00000000f948820793167aa6d1be3f36-6ae277f734777c2f6c0e3dd8.png?t=o&amp;v=773" alt="Napak Tilas Makam Sunan Gunung Jati" 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/alirahman6862">
                            <img src="https://assets-a1.kompasiana.com/images/avatar/whatsapp-image-2025-12-31-at-16-33-24-6acf55fbed641517222d5bd5.jpeg?t=t&amp;v=40&amp;x=40" alt="Ali Rahman">
                        </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/alirahman6862" >
                                Ali Rahman
                                </a>
                            </div>
                                                        </div>
                            <span class="text-12-normal cl-neutral-600">20 jam lalu</span>
                        </div>
                    </div>
                </div>
                <a href="https://www.kompasiana.com/alirahman6862/6ae2bccf34777c3ec2362814/kemarau-mengeringkan-harapan-hujan-menguji-ingatan">
                <h2 class="cardTitle text-16-bold line-clamp-4">Kemarau Mengeringkan Harapan, Hujan Menguji Ingatan</h2>
                </a>
            </div>
            <div class="cardContent">
                <a href="https://www.kompasiana.com/alirahman6862/6ae2bccf34777c3ec2362814/kemarau-mengeringkan-harapan-hujan-menguji-ingatan">
                    <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/29/menabung-air-6ae2b537ed64151d3556f963.jpg?t=o&amp;v=773" alt="Kemarau Mengeringkan Harapan, Hujan Menguji Ingatan" 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/yycorjesu">
                            <img src="https://assets-a1.kompasiana.com/images/avatar/289085-6ae3477734777c6076576624.jpg?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-14-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-12-normal cl-neutral-600">19 jam lalu</span>
                        </div>
                    </div>
                </div>
                <a href="https://www.kompasiana.com/yycorjesu/6ae2cdc5ed64151a5b432fb9/menyusuri-kuliner-ekstrem-warung-nyambek-malang">
                <h2 class="cardTitle text-16-bold line-clamp-4">Menyusuri Kuliner Ekstrem Warung Nyambek Malang</h2>
                </a>
            </div>
            <div class="cardContent">
                <a href="https://www.kompasiana.com/yycorjesu/6ae2cdc5ed64151a5b432fb9/menyusuri-kuliner-ekstrem-warung-nyambek-malang">
                    <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/29/rhrhrhrh-6ae2cb7534777c7f1c0cd932.jpg?t=o&amp;v=773" alt="Menyusuri Kuliner Ekstrem Warung Nyambek Malang" 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/ithaabimanyu">
                            <img src="https://assets-a1.kompasiana.com/images/avatar/fb-img-1709469771483-672b2a47ed6415516837f9e2.jpg?t=t&amp;v=40&amp;x=40" alt="Itha Abimanyu">
                        </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/ithaabimanyu" >
                                Itha Abimanyu
                                </a>
                            </div>
                                                        <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                                        </div>
                            <span class="text-12-normal cl-neutral-600">17 jam lalu</span>
                        </div>
                    </div>
                </div>
                <a href="https://www.kompasiana.com/ithaabimanyu/6ae2e8a7ed64150c875943d3/membatu">
                <h2 class="cardTitle text-16-bold line-clamp-4">Membatu</h2>
                </a>
            </div>
            <div class="cardContent">
                <a href="https://www.kompasiana.com/ithaabimanyu/6ae2e8a7ed64150c875943d3/membatu">
                    <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/29/1793268098770-6ae3198334777c749d65dda4.png?t=o&amp;v=773" alt="Membatu" 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/achmadpongsahidysaifullah">
                            <img src="https://assets-a1.kompasiana.com/images/avatar/gemini-generated-image-byklirbyklirbykl-6aa4bc2ded641576aa7c51ba.jpeg?t=t&amp;v=40&amp;x=40" alt="Achmad Saifullah Syahid">
                        </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/achmadpongsahidysaifullah" >
                                Achmad Saifullah Syahid
                                </a>
                            </div>
                                                        <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                                        </div>
                            <span class="text-12-normal cl-neutral-600">2 hari lalu</span>
                        </div>
                    </div>
                </div>
                <a href="https://www.kompasiana.com/achmadpongsahidysaifullah/6ae08ab634777c7e7830073f/tidak-setiap-perilaku-menjadi-bayang-bayang-kepribadian">
                <h2 class="cardTitle text-16-bold line-clamp-4">Tidak Setiap Perilaku Menjadi Bayang-Bayang Kepribadian</h2>
                </a>
            </div>
            <div class="cardContent">
                <a href="https://www.kompasiana.com/achmadpongsahidysaifullah/6ae08ab634777c7e7830073f/tidak-setiap-perilaku-menjadi-bayang-bayang-kepribadian">
                    <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/27/pexels-adib-fatin-irsadi-2149542565-32899117-6ae08975c925c45ab9570573.jpg?t=o&amp;v=773" alt="Tidak Setiap Perilaku Menjadi Bayang-Bayang Kepribadian" 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/akbarisation">
                            <img src="https://assets-a1.kompasiana.com/images/avatar/gemini-generated-image-xtc5obxtc5obxtc5-1-692fc359c925c447d30014e3.png?t=t&amp;v=40&amp;x=40" alt="Akbar Pitopang">
                        </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/akbarisation" >
                                Akbar Pitopang
                                </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/akbarisation/6ae18028c925c403bd21d932/sumpah-pemuda-versi-2026-menjadi-manusia-indonesia-seutuhnya">
                <h2 class="cardTitle text-16-bold line-clamp-4">Sumpah Pemuda Versi 2026: Menjadi Manusia Indonesia Seutuhnya</h2>
                </a>
            </div>
            <div class="cardContent">
                <a href="https://www.kompasiana.com/akbarisation/6ae18028c925c403bd21d932/sumpah-pemuda-versi-2026-menjadi-manusia-indonesia-seutuhnya">
                    <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/28/6ad752acf1ae9-6ae17d4934777c2da86780e2.jpg?t=o&amp;v=773" alt="Sumpah Pemuda Versi 2026: Menjadi Manusia Indonesia Seutuhnya" 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/kompasiana">
                            <img src="https://assets-a1.kompasiana.com/images/avatar/16865015-1313723802006934-8645669146472012467-n-5953ffd94ff9fd270dd159ce.jpg?t=t&amp;v=40&amp;x=40" alt="Kompasiana">
                        </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/kompasiana" >
                                Kompasiana
                                </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/kompasiana/6ae22f8334777c672b1c479e/alasan-date-cancelled-yang-kadang-tidak-masuk-akal">
                <h2 class="cardTitle text-16-bold line-clamp-4">Alasan Date Cancelled yang Kadang Tidak Masuk Akal</h2>
                </a>
            </div>
            <div class="cardContent">
                <a href="https://www.kompasiana.com/kompasiana/6ae22f8334777c672b1c479e/alasan-date-cancelled-yang-kadang-tidak-masuk-akal">
                    <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/29/date-cancelled-6ae22aceed6415055425fd0f.png?t=o&amp;v=773" alt="Alasan Date Cancelled yang Kadang Tidak Masuk Akal" 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/emaqabut32754">
                            <img src="https://assets-a1.kompasiana.com/images/avatar/emaqabut-new-6974316e34777c3fe656d642.jpeg?t=t&amp;v=40&amp;x=40" alt="emaqabut">
                        </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/emaqabut32754" >
                                emaqabut
                                </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/emaqabut32754/6ae1e8d0c925c4160f610ac2/usia-bertambah-habit-berubah">
                <h2 class="cardTitle text-16-bold line-clamp-4">Usia Bertambah Habit Berubah</h2>
                </a>
            </div>
            <div class="cardContent">
                <a href="https://www.kompasiana.com/emaqabut32754/6ae1e8d0c925c4160f610ac2/usia-bertambah-habit-berubah">
                    <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/28/young-woman-watching-tv-feeling-bored-sitting-couch-living-room-home-tired-exhausted-lonely-lady-relaxing-watching-tv-lying-comfortable-sofa-eating-snacks-late-night-6ae1e67bc925c47a89753f8a.jpg?t=o&amp;v=773" alt="Usia Bertambah Habit Berubah" class=" radius-4">
                                                    </div>
                    </div>
                </a>
            </div>
        </div>
                    </div>
</div>
	<div class="storekompas-ad">
	
	<a href="https://kompasianival.kompasiana.com/" target="_blank" rel="noopener">
		<img src="https://assets-a1.kompasiana.com/statics/2026/harmony/desktop/images/bannerd.png" alt="Kompasianival" 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="Maria Tanjung Sari">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/1545103636895-60f3c1cf06310e778559f6c2.jpg?t=t&amp;v=40&amp;x=40" alt="Maria Tanjung Sari">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Maria Tanjung Sari
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Ditta Atmawijaya">
      <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-2024-07-21-at-2-35-18-pm-669e320dc925c41f103d9622.jpeg?t=t&amp;v=40&amp;x=40" alt="Ditta Atmawijaya">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Ditta Atmawijaya
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Indah Novita Dewi">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/comica1579009876506-60756936d541df3c120d9763.jpg?t=t&amp;v=40&amp;x=40" alt="Indah Novita Dewi">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Indah Novita Dewi
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Jujun Junaedi">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <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">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Jujun Junaedi
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Nuning Sapta Rahayu">
      <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-2023-09-13-at-20-51-30-6501bf071769835b951f3292.jpeg?t=t&amp;v=40&amp;x=40" alt="Nuning Sapta Rahayu">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Nuning Sapta Rahayu
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Risma Achmad">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/1633184738209-68f6fe14c925c4473511f0c2.jpg?t=t&amp;v=40&amp;x=40" alt="Risma Achmad">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Risma Achmad
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Ronny Rachman Noor">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/image-55a1d9250323bd54052db267.jpg?t=t&amp;v=40&amp;x=40" alt="Ronny Rachman Noor">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Ronny Rachman Noor
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Akbar Aridani Setiawan">
      <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-16-mei-2026-07-56-10-6a07c171ed64151960244c92.png?t=t&amp;v=40&amp;x=40" alt="Akbar Aridani Setiawan">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Akbar Aridani Setiawan
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="AKIHensa">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/aki-dan-kinan-6a29e919ed6415773a277e43.jpg?t=t&amp;v=40&amp;x=40" alt="AKIHensa">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        AKIHensa
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Budiharjo">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/eee9314d-0ee4-480e-9a69-d54283caab67-6a22444634777c1e1d3611ea.jpeg?t=t&amp;v=40&amp;x=40" alt="Budiharjo">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Budiharjo
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Merza Gamal">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/merza-3-4-body03-629ee6b6aa3ccd36741b8863.jpg?t=t&amp;v=40&amp;x=40" alt="Merza Gamal">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Merza Gamal
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Karnita">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/foto-karnita-jpg-6781bdf234777c70fc6df4c3.jpg?t=t&amp;v=40&amp;x=40" alt="Karnita">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Karnita
      </span>
    </div>
            <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="Tamita Wibisono">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/purnama-jatiluwih-6650da68ed641573c9696242.jpg?t=t&amp;v=40&amp;x=40" alt="Tamita Wibisono">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Tamita Wibisono
      </span>
    </div>
            <div class="storyItem flex flex-col w-68 gap-4" data-trigger-author="Neno Andreas Salukh">
      <div class="storyRing__wrapper sq-68">
        <div class="storyRing bg-blue-100">
          <div class="avatar">
            <img src="https://assets-a1.kompasiana.com/images/avatar/img-20200930-200347-5f79ab0ad541df28234fb952.jpg?t=t&amp;v=40&amp;x=40" alt="Neno Andreas Salukh">
          </div>
        </div>
      </div>
      <span class="storyUsername text-12-normal">
        Neno Andreas Salukh
      </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-start gap-8">
                                    <div class="avatar sq-40">
                <div class="avatar">
                    <a href="https://www.kompasiana.com/emaqabut32754">
                        <img src="https://assets-a1.kompasiana.com/images/avatar/emaqabut-new-6974316e34777c3fe656d642.jpeg?t=t&amp;v=40&amp;x=40" alt="emaqabut">
                    </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/emaqabut32754">
                                emaqabut
                            </a>
                        </div>
                                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                            </div>
                    <span class="text-14-normal cl-neutral-600">28 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-6ae1e8d0c925c4160f610ac2" title="Options">
                        <i class="iconBase iconDotsThree"></i>
                    </button>
                </div>
                <div class="modalPopover flex-justify-end flex-align-end" data-target="popover-report-6ae1e8d0c925c4160f610ac2" 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="6ae1e8d0c925c4160f610ac2" data-target="report-konten-6ae1e8d0c925c4160f610ac2">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="67b559c0c925c44c39630892" data-target="report-penulis-67b559c0c925c44c39630892">Laporkan Penulis</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
                                </div>        
    </div>

    <div class="cardContent  px-12">
        <a href="https://www.kompasiana.com/emaqabut32754/6ae1e8d0c925c4160f610ac2/usia-bertambah-habit-berubah">
            <div class="flex flex flex-col gap-8">
                <h2 class="cardTitle text-20-bold line-clamp-3">Usia Bertambah Habit Berubah</h2>
                <div class="text-16-normal mb-6 line-clamp-4">Dulu sedikit-sedikit meledak, sekarang memilih diam. Usia bertambah, habit berubah. Makin dewasa atau sudah malas berdebat? Huhuhu 🤭</div>
                                <div class="cardImg aspect-16-9">
                    <img src="https://assets-a3.kompasiana.com/items/album/2026/10/28/young-woman-watching-tv-feeling-bored-sitting-couch-living-room-home-tired-exhausted-lonely-lady-relaxing-watching-tv-lying-comfortable-sofa-eating-snacks-late-night-6ae1e67bc925c47a89753f8a.jpg?t=o&amp;v=720" alt="Usia Bertambah Habit Berubah" 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/emaqabut32754/6ae1e8d0c925c4160f610ac2/usia-bertambah-habit-berubah" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="74">
                <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/emaqabut32754/6ae1e8d0c925c4160f610ac2/usia-bertambah-habit-berubah" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="39">
                <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="43" data-url-comment="https://www.kompasiana.com/komentar/emaqabut32754/6ae1e8d0c925c4160f610ac2/usia-bertambah-habit-berubah">
                <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="Usia Bertambah Habit Berubah" data-url="https://www.kompasiana.com/emaqabut32754/6ae1e8d0c925c4160f610ac2/usia-bertambah-habit-berubah">
                <i class="iconBase iconShare" title="Share"></i>
            </button>
        </div>

        <div class="reaction flex gap-12">
                        <button class="btn btn-text btn-2xs 6ae1e8d0c925c4160f610ac2_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae1e8d0c925c4160f610ac2&#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="634" >
                <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-start 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">28 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-6ae1365eed641558ac3c1d57" title="Options">
                        <i class="iconBase iconDotsThree"></i>
                    </button>
                </div>
                <div class="modalPopover flex-justify-end flex-align-end" data-target="popover-report-6ae1365eed641558ac3c1d57" 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="6ae1365eed641558ac3c1d57" data-target="report-konten-6ae1365eed641558ac3c1d57">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/6ae1365eed641558ac3c1d57/arsenal-tersungkur-gengsi-tak-menjamin-kemenangan">
            <div class="flex flex flex-col gap-8">
                <h2 class="cardTitle text-20-bold line-clamp-3">Arsenal Tersungkur, Gengsi Tak Menjamin Kemenangan</h2>
                <div class="text-16-normal mb-6 line-clamp-4">Fleetwood menyingkirkan Arsenal lewat adu penalti. Kejutan ini menegaskan pentingnya efektivitas, disiplin, dan evaluasi.</div>
                                <div class="cardImg aspect-16-9">
                    <img src="https://assets-a3.kompasiana.com/items/album/2026/10/28/6ae128c1c29b3-6ae13628c925c40c2e3ae7a0.jpg?t=o&amp;v=720" alt="Arsenal Tersungkur, Gengsi Tak Menjamin Kemenangan" 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/6ae1365eed641558ac3c1d57/arsenal-tersungkur-gengsi-tak-menjamin-kemenangan" 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/karnitakar4943/6ae1365eed641558ac3c1d57/arsenal-tersungkur-gengsi-tak-menjamin-kemenangan" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="8">
                <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/karnitakar4943/6ae1365eed641558ac3c1d57/arsenal-tersungkur-gengsi-tak-menjamin-kemenangan">
                <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="Arsenal Tersungkur, Gengsi Tak Menjamin Kemenangan" data-url="https://www.kompasiana.com/karnitakar4943/6ae1365eed641558ac3c1d57/arsenal-tersungkur-gengsi-tak-menjamin-kemenangan">
                <i class="iconBase iconShare" title="Share"></i>
            </button>
        </div>

        <div class="reaction flex gap-12">
                        <button class="btn btn-text btn-2xs 6ae1365eed641558ac3c1d57_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae1365eed641558ac3c1d57&#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="186" >
                <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-start gap-8">
                                    <div class="avatar sq-40">
                <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">29 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-6ae35d63ed641559672d2676" title="Options">
                        <i class="iconBase iconDotsThree"></i>
                    </button>
                </div>
                <div class="modalPopover flex-justify-end flex-align-end" data-target="popover-report-6ae35d63ed641559672d2676" 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="6ae35d63ed641559672d2676" data-target="report-konten-6ae35d63ed641559672d2676">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="cardContent  px-12">
        <a href="https://www.kompasiana.com/jandris_sky/6ae35d63ed641559672d2676/pancingan-alat-tangkap-ikan-ramah-lingkungan-untuk-perikanan-berkelanjutan">
            <div class="flex flex flex-col gap-8">
                <h2 class="cardTitle text-20-bold line-clamp-3">Pancingan, Alat Tangkap Ikan Ramah Lingkungan untuk Perikanan Berkelanjutan</h2>
                <div class="text-16-normal mb-6 line-clamp-4">Pancingan bukan sekadar alat untuk mendapatkan ikan, tetapi juga bisa menjadi bagian dari upaya menjaga kelestarian perairan, dengan teknik yang tepat</div>
                                <div class="cardImg aspect-16-9">
                    <img src="https://assets-a3.kompasiana.com/items/album/2026/10/29/1000013047-6ae35cf8c925c469cf62e5d0.jpg?t=o&amp;v=720" alt="Pancingan, Alat Tangkap Ikan Ramah Lingkungan untuk Perikanan Berkelanjutan" 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/jandris_sky/6ae35d63ed641559672d2676/pancingan-alat-tangkap-ikan-ramah-lingkungan-untuk-perikanan-berkelanjutan" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="17">
                <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/jandris_sky/6ae35d63ed641559672d2676/pancingan-alat-tangkap-ikan-ramah-lingkungan-untuk-perikanan-berkelanjutan" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="11">
                <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="18" data-url-comment="https://www.kompasiana.com/komentar/jandris_sky/6ae35d63ed641559672d2676/pancingan-alat-tangkap-ikan-ramah-lingkungan-untuk-perikanan-berkelanjutan">
                <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="Pancingan, Alat Tangkap Ikan Ramah Lingkungan untuk Perikanan Berkelanjutan" data-url="https://www.kompasiana.com/jandris_sky/6ae35d63ed641559672d2676/pancingan-alat-tangkap-ikan-ramah-lingkungan-untuk-perikanan-berkelanjutan">
                <i class="iconBase iconShare" title="Share"></i>
            </button>
        </div>

        <div class="reaction flex gap-12">
                        <button class="btn btn-text btn-2xs 6ae35d63ed641559672d2676_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae35d63ed641559672d2676&#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="258" >
                <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/alasan-date-cancelled-yang-kadang-tidak-masuk-akal">
                    <div class="cardImg aspect-2-3">
                        <img src="https://assets-a2.kompasiana.com/items/topics/date-cancelled-1793206923.png?t=o&amp;v=244&amp;x=172" alt=" Alasan Date Cancelled yang Kadang Tidak Masuk Akal" class="radius-4">
                    </div>
                    
                    </a>
                </div>
                             
                <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/topic/jika-pemuda-2026-berikrar-apa-yang-akan-mereka-perjuangkan">
                    <div class="cardImg aspect-2-3">
                        <img src="https://assets-a2.kompasiana.com/items/topics/topil-potrait-27-1793101063.png?t=o&amp;v=244&amp;x=172" alt=" Jika Pemuda 2026 Berikrar, Apa yang Akan Mereka Perjuangkan?" class="radius-4">
                    </div>
                    
                    </a>
                </div>
                             
                <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/topic/dulu-tidak-sekarang-habit-ini-malah-dilakukan">
                    <div class="cardImg aspect-2-3">
                        <img src="https://assets-a2.kompasiana.com/items/topics/pake-ini-1792896206.png?t=o&amp;v=244&amp;x=172" alt=" DULU TIDAK, SEKARANG HABIT INI MALAH DILAKUKAN..." class="radius-4">
                    </div>
                    
                    </a>
                </div>
                             
                <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/topic/18-tahun-menjadi-ruang-bersuara-dan-bercerita">
                    <div class="cardImg aspect-2-3">
                        <img src="https://assets-a2.kompasiana.com/items/topics/topil-potrait-26-1792488330.png?t=o&amp;v=244&amp;x=172" alt=" 18 TAHUN MENJADI RUANG BERSUARA DAN BERCERITA" class="radius-4">
                    </div>
                    
                    </a>
                </div>
                             
                <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/topic/apa-kabar-2-tahun-pemerintahan-prabowo-gibran">
                    <div class="cardImg aspect-2-3">
                        <img src="https://assets-a2.kompasiana.com/items/topics/prabowo-gibran-2-tahun-1792345137.png?t=o&amp;v=244&amp;x=172" alt=" Apa Kabar 2 Tahun Pemerintahan Prabowo-Gibran?" class="radius-4">
                    </div>
                    
                    </a>
                </div>
                             
                <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/topic/jelang-menikah-kok-banyak-cobaannya">
                    <div class="cardImg aspect-2-3">
                        <img src="https://assets-a2.kompasiana.com/items/topics/topil-potrait-25-1792151363.png?t=o&amp;v=244&amp;x=172" alt=" Jelang Menikah, Kok Banyak Cobaannya?" class="radius-4">
                    </div>
                    
                    </a>
                </div>
                             
                <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/topic/nestapa-turis-lokal-bali-kalah-istimewa-dari-turis-asing">
                    <div class="cardImg aspect-2-3">
                        <img src="https://assets-a2.kompasiana.com/items/topics/topil-potrait-24-1791976804.png?t=o&amp;v=244&amp;x=172" alt=" Nestapa Turis Lokal Bali, Kalah Istimewa dari Turis Asing?" class="radius-4">
                    </div>
                    
                    </a>
                </div>
                             
                <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/topic/kenapa-siswa-tidak-naik-kelas-itu-perlu">
                    <div class="cardImg aspect-2-3">
                        <img src="https://assets-a2.kompasiana.com/items/topics/siswa-tidak-naik-kelas-1791905788.png?t=o&amp;v=244&amp;x=172" alt=" Kenapa Siswa Tidak Naik Kelas Itu Perlu?" 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-start gap-8">
                                    <div class="avatar sq-40">
                <div class="avatar">
                    <a href="https://www.kompasiana.com/misbahuddinmoerad5337">
                        <img src="https://assets-a1.kompasiana.com/images/avatar/fb-img-1698538432000-68d734be34777c2dde3c8458.jpg?t=t&amp;v=40&amp;x=40" alt="Misbahuddin Moerad">
                    </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/misbahuddinmoerad5337">
                                Misbahuddin Moerad
                            </a>
                        </div>
                                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                            </div>
                    <span class="text-14-normal cl-neutral-600">28 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-6ae1fc33ed64155c0d7cc426" title="Options">
                        <i class="iconBase iconDotsThree"></i>
                    </button>
                </div>
                <div class="modalPopover flex-justify-end flex-align-end" data-target="popover-report-6ae1fc33ed64155c0d7cc426" 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="6ae1fc33ed64155c0d7cc426" data-target="report-konten-6ae1fc33ed64155c0d7cc426">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="5ece1b35d541df5b0a674da2" data-target="report-penulis-5ece1b35d541df5b0a674da2">Laporkan Penulis</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
                                </div>        
    </div>

    <div class="cardContent  px-12">
        <a href="https://www.kompasiana.com/misbahuddinmoerad5337/6ae1fc33ed64155c0d7cc426/perawan-di-bawah-rembulan-bab-1">
            <div class="flex flex flex-col gap-8">
                <h2 class="cardTitle text-20-bold line-clamp-3">Perawan di Bawah Rembulan (BAB 1)</h2>
                <div class="text-16-normal mb-6 line-clamp-4">Novel ini, terinspirasi dari sebuah puisi yang dibuat oleh Ibu Christina Budi Probowati, yang dimuat di Kompasiana pada tanggal 14 Oktober 2026.</div>
                                <div class="cardImg aspect-16-9">
                    <img src="https://assets-a3.kompasiana.com/items/album/2026/10/28/screenshot-2026-10-28-202704-6ae1fafc34777c38e1521237.png?t=o&amp;v=720" alt="Perawan di Bawah Rembulan (BAB 1)" 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/misbahuddinmoerad5337/6ae1fc33ed64155c0d7cc426/perawan-di-bawah-rembulan-bab-1" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="44">
                <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/misbahuddinmoerad5337/6ae1fc33ed64155c0d7cc426/perawan-di-bawah-rembulan-bab-1" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="22">
                <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="14" data-url-comment="https://www.kompasiana.com/komentar/misbahuddinmoerad5337/6ae1fc33ed64155c0d7cc426/perawan-di-bawah-rembulan-bab-1">
                <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="Perawan di Bawah Rembulan (BAB 1)" data-url="https://www.kompasiana.com/misbahuddinmoerad5337/6ae1fc33ed64155c0d7cc426/perawan-di-bawah-rembulan-bab-1">
                <i class="iconBase iconShare" title="Share"></i>
            </button>
        </div>

        <div class="reaction flex gap-12">
                        <button class="btn btn-text btn-2xs 6ae1fc33ed64155c0d7cc426_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae1fc33ed64155c0d7cc426&#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="491" >
                <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-start gap-8">
                                    <div class="avatar sq-40">
                <div class="avatar">
                    <a href="https://www.kompasiana.com/mareta3292">
                        <img src="https://assets-a1.kompasiana.com/images/avatar/default.png?t=t&amp;v=40&amp;x=40" alt="Riska Talisa">
                    </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/mareta3292">
                                Riska Talisa
                            </a>
                        </div>
                                            </div>
                    <span class="text-14-normal cl-neutral-600">28 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-6ae1dc32c925c43a69525993" title="Options">
                        <i class="iconBase iconDotsThree"></i>
                    </button>
                </div>
                <div class="modalPopover flex-justify-end flex-align-end" data-target="popover-report-6ae1dc32c925c43a69525993" 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="6ae1dc32c925c43a69525993" data-target="report-konten-6ae1dc32c925c43a69525993">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="6ab2810534777c42fc3bd4c8" data-target="report-penulis-6ab2810534777c42fc3bd4c8">Laporkan Penulis</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
                                </div>        
    </div>

    <div class="cardContent  px-12">
        <a href="https://www.kompasiana.com/mareta3292/6ae1dc32c925c43a69525993/skena-vs-old-money-adu-tren-gaya-outfit-yang-paling-diandalkan-gen-z">
            <div class="flex flex flex-col gap-8">
                <h2 class="cardTitle text-20-bold line-clamp-3">Skena vs Old Money Adu Tren Gaya Outfit yang Paling Diandalkan Gen Z</h2>
                <div class="text-16-normal mb-6 line-clamp-4">Kira-kira, mana gaya yang paling pas buat kamu? Penasaran tren yang lagi populer Gen Z tahun ini? Yuk, simak artikel berikut ini!</div>
                                <div class="cardImg aspect-16-9">
                    <img src="https://assets-a3.kompasiana.com/items/album/2026/10/28/hipwee-featured-composite-22-1138x640-6ae1cd1e34777c06d30859c2.jpg?t=o&amp;v=720" alt="Skena vs Old Money Adu Tren Gaya Outfit yang Paling Diandalkan Gen Z" 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/mareta3292/6ae1dc32c925c43a69525993/skena-vs-old-money-adu-tren-gaya-outfit-yang-paling-diandalkan-gen-z" 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/mareta3292/6ae1dc32c925c43a69525993/skena-vs-old-money-adu-tren-gaya-outfit-yang-paling-diandalkan-gen-z" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="9">
                <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/mareta3292/6ae1dc32c925c43a69525993/skena-vs-old-money-adu-tren-gaya-outfit-yang-paling-diandalkan-gen-z">
                <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="Skena vs Old Money Adu Tren Gaya Outfit yang Paling Diandalkan Gen Z" data-url="https://www.kompasiana.com/mareta3292/6ae1dc32c925c43a69525993/skena-vs-old-money-adu-tren-gaya-outfit-yang-paling-diandalkan-gen-z">
                <i class="iconBase iconShare" title="Share"></i>
            </button>
        </div>

        <div class="reaction flex gap-12">
                        <button class="btn btn-text btn-2xs 6ae1dc32c925c43a69525993_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae1dc32c925c43a69525993&#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="162" >
                <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-start gap-8">
                                    <div class="avatar sq-40">
                <div class="avatar">
                    <a href="https://www.kompasiana.com/ithaabimanyu">
                        <img src="https://assets-a1.kompasiana.com/images/avatar/fb-img-1709469771483-672b2a47ed6415516837f9e2.jpg?t=t&amp;v=40&amp;x=40" alt="Itha Abimanyu">
                    </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/ithaabimanyu">
                                Itha Abimanyu
                            </a>
                        </div>
                                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                            </div>
                    <span class="text-14-normal cl-neutral-600">29 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-6ae2e8a7ed64150c875943d3" title="Options">
                        <i class="iconBase iconDotsThree"></i>
                    </button>
                </div>
                <div class="modalPopover flex-justify-end flex-align-end" data-target="popover-report-6ae2e8a7ed64150c875943d3" 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="6ae2e8a7ed64150c875943d3" data-target="report-konten-6ae2e8a7ed64150c875943d3">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="5fd84e4d8ede4812b52495f3" data-target="report-penulis-5fd84e4d8ede4812b52495f3">Laporkan Penulis</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
                                </div>        
    </div>

    <div class="cardContent  px-12">
        <a href="https://www.kompasiana.com/ithaabimanyu/6ae2e8a7ed64150c875943d3/membatu">
            <div class="flex flex flex-col gap-8">
                <h2 class="cardTitle text-20-bold line-clamp-3">Membatu</h2>
                <div class="text-16-normal mb-6 line-clamp-4">Cara terbaikmu merawat rindu adalah dengan membiarkannya membatu</div>
                                <div class="cardImg aspect-16-9">
                    <img src="https://assets-a3.kompasiana.com/items/album/2026/10/29/1793268098770-6ae3198334777c749d65dda4.png?t=o&amp;v=720" alt="Membatu" 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/ithaabimanyu/6ae2e8a7ed64150c875943d3/membatu" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="49">
                <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/ithaabimanyu/6ae2e8a7ed64150c875943d3/membatu" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="35">
                <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="16" data-url-comment="https://www.kompasiana.com/komentar/ithaabimanyu/6ae2e8a7ed64150c875943d3/membatu">
                <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="Membatu" data-url="https://www.kompasiana.com/ithaabimanyu/6ae2e8a7ed64150c875943d3/membatu">
                <i class="iconBase iconShare" title="Share"></i>
            </button>
        </div>

        <div class="reaction flex gap-12">
                        <button class="btn btn-text btn-2xs 6ae2e8a7ed64150c875943d3_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae2e8a7ed64150c875943d3&#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="490" >
                <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-start gap-8">
                                    <div class="avatar sq-40">
                <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">28 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-6ae1eb37c925c41d2e180425" title="Options">
                        <i class="iconBase iconDotsThree"></i>
                    </button>
                </div>
                <div class="modalPopover flex-justify-end flex-align-end" data-target="popover-report-6ae1eb37c925c41d2e180425" 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="6ae1eb37c925c41d2e180425" data-target="report-konten-6ae1eb37c925c41d2e180425">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="cardContent  px-12">
        <a href="https://www.kompasiana.com/lilysutomo1225/6ae1eb37c925c41d2e180425/seni-berkomunikasi-dengan-ai">
            <div class="flex flex flex-col gap-8">
                <h2 class="cardTitle text-20-bold line-clamp-3">&quot; Seni berkomunikasi dengan AI &quot;</h2>
                <div class="text-16-normal mb-6 line-clamp-4">Menyampaikan maksud dengan jelas agar mendapatkan jawaban yang tepat</div>
                                <div class="cardImg aspect-16-9">
                    <img src="https://assets-a3.kompasiana.com/items/album/2026/10/28/ai-6ae1ea2ced641567885af324.jpg?t=o&amp;v=720" alt="&quot; Seni berkomunikasi dengan AI &quot;" 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/lilysutomo1225/6ae1eb37c925c41d2e180425/seni-berkomunikasi-dengan-ai" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="37">
                <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/lilysutomo1225/6ae1eb37c925c41d2e180425/seni-berkomunikasi-dengan-ai" class="btn btn-text btn-2xs btn-statistik" aria-label="Vote" data-count="18">
                <i class="iconBase iconVote" title="Vote"></i>
            </a>
            <button class="btn btn-text btn-2xs btn-comment" type="button" aria-label="Comment" data-count="17" data-url-comment="https://www.kompasiana.com/komentar/lilysutomo1225/6ae1eb37c925c41d2e180425/seni-berkomunikasi-dengan-ai">
                <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="&amp;quot; Seni berkomunikasi dengan AI &amp;quot;" data-url="https://www.kompasiana.com/lilysutomo1225/6ae1eb37c925c41d2e180425/seni-berkomunikasi-dengan-ai">
                <i class="iconBase iconShare" title="Share"></i>
            </button>
        </div>

        <div class="reaction flex gap-12">
                        <button class="btn btn-text btn-2xs 6ae1eb37c925c41d2e180425_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae1eb37c925c41d2e180425&#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="317" >
                <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/neno1069/6ae2bafdc925c468154d98a9/mengapa-ronaldo-2008-begitu-istimewa-dibandingkan-messi-2012">
                        <div class="cardImg aspect-16-9">
                            <img src="https://assets-a3.kompasiana.com/items/album/2026/10/29/1001786051-6ae2ba14c925c436c92c2be3.jpg?t=o&amp;v=220" alt="Mengapa Ronaldo 2008 Begitu Istimewa? Dibandingkan Messi 2012?" class="radius-4">
                        </div>
                        <h2 class="cardTitle text-16-bold line-clamp-3 my-8">Mengapa Ronaldo 2008 Begitu Istimewa? Dibandingkan Messi 2012?</h2>
                    </a>
                </div>
                                            <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/suciatilia3050/6ae05b9ac925c410e462f22d/di-balik-perialku-anak-ada-cerita-keluarga-yang-perlu-didengar">
                        <div class="cardImg aspect-16-9">
                            <img src="https://assets-a3.kompasiana.com/items/album/2026/10/27/pertemuan-hangat-membahas-potensi-anak-6ae05ac634777c524e686fd3.png?t=o&amp;v=220" alt="Di Balik Perilaku Anak, Ada Cerita Keluarga yang Perlu Didengar" class="radius-4">
                        </div>
                        <h2 class="cardTitle text-16-bold line-clamp-3 my-8">Di Balik Perilaku Anak, Ada Cerita Keluarga yang Perlu Didengar</h2>
                    </a>
                </div>
                                            <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/dosom/6ae296f734777c2583244577/sensasi-lazio-di-liga-italia-dan-gennaro-gattuso-lampaui-ekspetasi">
                        <div class="cardImg aspect-16-9">
                            <img src="https://assets-a3.kompasiana.com/items/album/2026/10/29/1051-6ae29659ed64153c9d3d8911.jpg?t=o&amp;v=220" alt="Sensasi Lazio di Liga Italia dan Gennaro Gattuso Lampaui Ekspetasi" class="radius-4">
                        </div>
                        <h2 class="cardTitle text-16-bold line-clamp-3 my-8">Sensasi Lazio di Liga Italia dan Gennaro Gattuso Lampaui Ekspetasi</h2>
                    </a>
                </div>
                                            <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/wijayalabs/6ae11f8434777c1f6f0132b6/selamat-ulang-tahun-omjay">
                        <div class="cardImg aspect-16-9">
                            <img src="https://assets-a3.kompasiana.com/items/album/2026/10/28/omjay-di-pondok-rangon-6ae11e94ed64152911738755.jpg?t=o&amp;v=220" alt="Selamat Ulang Tahun Omjay!" class="radius-4">
                        </div>
                        <h2 class="cardTitle text-16-bold line-clamp-3 my-8">Selamat Ulang Tahun Omjay!</h2>
                    </a>
                </div>
                                            <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/merzagamal8924/6ae10f4cc925c42e0c38d835/ketika-bi-menjaga-rupiah-pasar-meminta-bukti">
                        <div class="cardImg aspect-16-9">
                            <img src="https://assets-a3.kompasiana.com/items/album/2026/10/28/file-0000000077ac8211ba9690829efc3955-6ae10d2c34777c69b70aef46.png?t=o&amp;v=220" alt="Bank Sentral Menjaga Rupiah, Pasar Meminta Bukti" class="radius-4">
                        </div>
                        <h2 class="cardTitle text-16-bold line-clamp-3 my-8">Bank Sentral Menjaga Rupiah, Pasar Meminta Bukti</h2>
                    </a>
                </div>
                                            <div class="flex flex flex-col mt-14">
                    <a href="https://www.kompasiana.com/maetamimainaka9709/6ae1657134777c1ca74a6029/gas-alam-jadi-kartu-diplomasi-indonesia-singapura">
                        <div class="cardImg aspect-16-9">
                            <img src="https://assets-a3.kompasiana.com/items/album/2026/10/28/pexels-oleksiy-2147541276-35860170-6ae1650f34777c1b090972f2.jpg?t=o&amp;v=220" alt="Gas Alam Jadi Kartu Diplomasi Indonesia dan Singapura" class="radius-4">
                        </div>
                        <h2 class="cardTitle text-16-bold line-clamp-3 my-8">Gas Alam Jadi Kartu Diplomasi Indonesia dan Singapura</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-start gap-8">
                                    <div class="avatar sq-40">
                <div class="avatar">
                    <a href="https://www.kompasiana.com/taufanyanuar">
                        <img src="https://assets-a1.kompasiana.com/images/avatar/t-fany-r-sep-15-2026-09-09-22-pm-6aa951c4c925c434a26e30a3.png?t=t&amp;v=40&amp;x=40" alt="T. Fany R.">
                    </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/taufanyanuar">
                                T. Fany R.
                            </a>
                        </div>
                                            </div>
                    <span class="text-14-normal cl-neutral-600">29 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-6ae29f6bed6415591f52b3d6" title="Options">
                        <i class="iconBase iconDotsThree"></i>
                    </button>
                </div>
                <div class="modalPopover flex-justify-end flex-align-end" data-target="popover-report-6ae29f6bed6415591f52b3d6" 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="6ae29f6bed6415591f52b3d6" data-target="report-konten-6ae29f6bed6415591f52b3d6">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="54f02a34115af9724a0003ed" data-target="report-penulis-54f02a34115af9724a0003ed">Laporkan Penulis</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
                                </div>        
    </div>

    <div class="cardContent  px-12">
        <a href="https://www.kompasiana.com/taufanyanuar/6ae29f6bed6415591f52b3d6/wisata-masa-lalu-sebuah-cerpen">
            <div class="flex flex flex-col gap-8">
                <h2 class="cardTitle text-20-bold line-clamp-3">Wisata Masa Lalu (Sebuah Cerpen)</h2>
                <div class="text-16-normal mb-6 line-clamp-4">Ada tempat-tempat yang tidak pernah benar-benar kita tinggalkan. Kita mungkin sudah lama pergi dari sana, mengganti alamat, membangun kehidupan baru,</div>
                                <div class="cardImg aspect-16-9">
                    <img src="https://assets-a3.kompasiana.com/items/album/2026/10/29/images-6ae29f3ac925c40ea73c235a.jpg?t=o&amp;v=720" alt="Wisata Masa Lalu (Sebuah Cerpen)" 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/taufanyanuar/6ae29f6bed6415591f52b3d6/wisata-masa-lalu-sebuah-cerpen" class="btn btn-text btn-2xs btn-statistik" aria-label="Like" data-count="12">
                <i class="iconBase iconLike" title="Like"></i>
            </a>
            <a href="https://www.kompasiana.com/taufanyanuar/6ae29f6bed6415591f52b3d6/wisata-masa-lalu-sebuah-cerpen" 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="0" data-url-comment="https://www.kompasiana.com/komentar/taufanyanuar/6ae29f6bed6415591f52b3d6/wisata-masa-lalu-sebuah-cerpen">
                <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="Wisata Masa Lalu (Sebuah Cerpen)" data-url="https://www.kompasiana.com/taufanyanuar/6ae29f6bed6415591f52b3d6/wisata-masa-lalu-sebuah-cerpen">
                <i class="iconBase iconShare" title="Share"></i>
            </button>
        </div>

        <div class="reaction flex gap-12">
                        <button class="btn btn-text btn-2xs 6ae29f6bed6415591f52b3d6_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae29f6bed6415591f52b3d6&#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="135" >
                <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-start gap-8">
                                    <div class="avatar sq-40">
                <div class="avatar">
                    <a href="https://www.kompasiana.com/nailahdwimulya0133">
                        <img src="https://assets-a1.kompasiana.com/images/avatar/154671-6ad0eed734777c5341508602.jpg?t=t&amp;v=40&amp;x=40" alt="Nailah Dwi Mulya">
                    </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/nailahdwimulya0133">
                                Nailah Dwi Mulya
                            </a>
                        </div>
                                            </div>
                    <span class="text-14-normal cl-neutral-600">29 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-6ae34c60ed641513cb0d4ca2" title="Options">
                        <i class="iconBase iconDotsThree"></i>
                    </button>
                </div>
                <div class="modalPopover flex-justify-end flex-align-end" data-target="popover-report-6ae34c60ed641513cb0d4ca2" 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="6ae34c60ed641513cb0d4ca2" data-target="report-konten-6ae34c60ed641513cb0d4ca2">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="6aaa101aed64150ff9499892" data-target="report-penulis-6aaa101aed64150ff9499892">Laporkan Penulis</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
                                </div>        
    </div>

    <div class="cardContent  px-12">
        <a href="https://www.kompasiana.com/nailahdwimulya0133/6ae34c60ed641513cb0d4ca2/resep-kopi-hack-kekinian-dengan-bahan-sederhana-yang-mudah-dibuat-di-rumah">
            <div class="flex flex flex-col gap-8">
                <h2 class="cardTitle text-20-bold line-clamp-3">Resep Kopi Hack Kekinian dengan Bahan Sederhana yang Mudah Dibuat di Rumah</h2>
                <div class="text-16-normal mb-6 line-clamp-4">Lagi cari resep kopi hack yang lagi viral? Yuk temukan di sini!</div>
                                <div class="cardImg aspect-16-9">
                    <img src="https://assets-a3.kompasiana.com/items/album/2026/10/29/182405-6ae35be634777c39f25ba80a.jpg?t=o&amp;v=720" alt="Resep Kopi Hack Kekinian dengan Bahan Sederhana yang Mudah Dibuat di Rumah" 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/nailahdwimulya0133/6ae34c60ed641513cb0d4ca2/resep-kopi-hack-kekinian-dengan-bahan-sederhana-yang-mudah-dibuat-di-rumah" 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/nailahdwimulya0133/6ae34c60ed641513cb0d4ca2/resep-kopi-hack-kekinian-dengan-bahan-sederhana-yang-mudah-dibuat-di-rumah" 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="1" data-url-comment="https://www.kompasiana.com/komentar/nailahdwimulya0133/6ae34c60ed641513cb0d4ca2/resep-kopi-hack-kekinian-dengan-bahan-sederhana-yang-mudah-dibuat-di-rumah">
                <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="Resep Kopi Hack Kekinian dengan Bahan Sederhana yang Mudah Dibuat di Rumah" data-url="https://www.kompasiana.com/nailahdwimulya0133/6ae34c60ed641513cb0d4ca2/resep-kopi-hack-kekinian-dengan-bahan-sederhana-yang-mudah-dibuat-di-rumah">
                <i class="iconBase iconShare" title="Share"></i>
            </button>
        </div>

        <div class="reaction flex gap-12">
                        <button class="btn btn-text btn-2xs 6ae34c60ed641513cb0d4ca2_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae34c60ed641513cb0d4ca2&#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="48" >
                <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-start 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">29 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-6ae1620ced641511392651f5" title="Options">
                        <i class="iconBase iconDotsThree"></i>
                    </button>
                </div>
                <div class="modalPopover flex-justify-end flex-align-end" data-target="popover-report-6ae1620ced641511392651f5" 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="6ae1620ced641511392651f5" data-target="report-konten-6ae1620ced641511392651f5">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/6ae1620ced641511392651f5/keamanan-digital-tak-cukup-dengan-janji-penindakan">
            <div class="flex flex flex-col gap-8">
                <h2 class="cardTitle text-20-bold line-clamp-3">Keamanan Digital Tak Cukup dengan Janji Penindakan</h2>
                <div class="text-16-normal mb-6 line-clamp-4">Keamanan Digital Tak Cukup dengan Janji PenindakanOleh KarnitaPengantarKompas.com, 27 Oktober 2026, memberitakan janji Kapolri Jenderal Suyudi Ario Se</div>
                                <div class="cardImg aspect-16-9">
                    <img src="https://assets-a3.kompasiana.com/items/album/2026/10/28/6ae01b62734c2-6ae1620134777c02607ea01f.jpg?t=o&amp;v=720" alt="Keamanan Digital Tak Cukup dengan Janji Penindakan" 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/6ae1620ced641511392651f5/keamanan-digital-tak-cukup-dengan-janji-penindakan" 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/6ae1620ced641511392651f5/keamanan-digital-tak-cukup-dengan-janji-penindakan" 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="1" data-url-comment="https://www.kompasiana.com/komentar/karnitakar4943/6ae1620ced641511392651f5/keamanan-digital-tak-cukup-dengan-janji-penindakan">
                <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="Keamanan Digital Tak Cukup dengan Janji Penindakan" data-url="https://www.kompasiana.com/karnitakar4943/6ae1620ced641511392651f5/keamanan-digital-tak-cukup-dengan-janji-penindakan">
                <i class="iconBase iconShare" title="Share"></i>
            </button>
        </div>

        <div class="reaction flex gap-12">
                        <button class="btn btn-text btn-2xs 6ae1620ced641511392651f5_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae1620ced641511392651f5&#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="120" >
                <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="5dc4f99a097f367b6b18d602" data-author-name="Maria Tanjung Sari" 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/mariatanjungsari9739/6ae3da57ed641537ff34e18b/cerita-mendapatkan-pekerjaan-pertama" 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/mariatanjungsari9739/6ae3da57ed641537ff34e18b/cerita-mendapatkan-pekerjaan-pertama" 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/mariatanjungsari9739/6ae3da57ed641537ff34e18b/cerita-mendapatkan-pekerjaan-pertama">
              <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="Cerita Mendapatkan Pekerjaan Pertama" data-url="https://www.kompasiana.com/mariatanjungsari9739/6ae3da57ed641537ff34e18b/cerita-mendapatkan-pekerjaan-pertama">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ae3da57ed641537ff34e18b_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae3da57ed641537ff34e18b&#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/mariatanjungsari9739">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/1545103636895-60f3c1cf06310e778559f6c2.jpg?t=t&amp;v=40&amp;x=40" alt="Maria Tanjung 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-16-bold">
                    <a href="https://www.kompasiana.com/mariatanjungsari9739" >
                      Maria Tanjung Sari
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">9 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="6ae3da57ed641537ff34e18b" data-target="report-konten-6ae3da57ed641537ff34e18b">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="5dc4f99a097f367b6b18d602" data-target="report-penulis-5dc4f99a097f367b6b18d602">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/30/focused-workday-in-a-modern-office-6ae3d4d5ed641537ff34e17e.png?t=o&amp;v=773" alt="Cerita Mendapatkan Pekerjaan Pertama">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/mariatanjungsari9739/6ae3da57ed641537ff34e18b/cerita-mendapatkan-pekerjaan-pertama" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Cerita Mendapatkan Pekerjaan Pertama</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="618a58a0ffe7b5473225f2b2" data-author-name="Ditta Atmawijaya" 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/dittaatmawijaya6601/6ae3d86fc925c412ce5202f2/lulusan-biologi-nyasar-ke-bank-kenapa-tidak" 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/dittaatmawijaya6601/6ae3d86fc925c412ce5202f2/lulusan-biologi-nyasar-ke-bank-kenapa-tidak" 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/dittaatmawijaya6601/6ae3d86fc925c412ce5202f2/lulusan-biologi-nyasar-ke-bank-kenapa-tidak">
              <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="Lulusan Biologi Nyasar ke Bank, Kenapa Tidak?" data-url="https://www.kompasiana.com/dittaatmawijaya6601/6ae3d86fc925c412ce5202f2/lulusan-biologi-nyasar-ke-bank-kenapa-tidak">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ae3d86fc925c412ce5202f2_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae3d86fc925c412ce5202f2&#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/dittaatmawijaya6601">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/whatsapp-image-2024-07-21-at-2-35-18-pm-669e320dc925c41f103d9622.jpeg?t=t&amp;v=40&amp;x=40" alt="Ditta Atmawijaya">
                  </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/dittaatmawijaya6601" >
                      Ditta Atmawijaya
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">11 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="6ae3d86fc925c412ce5202f2" data-target="report-konten-6ae3d86fc925c412ce5202f2">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="618a58a0ffe7b5473225f2b2" data-target="report-penulis-618a58a0ffe7b5473225f2b2">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/30/koran-pos-kota-jadul-6ae3848fc925c476743f2cd2.jpg?t=o&amp;v=773" alt="Lulusan Biologi Nyasar ke Bank, Kenapa Tidak?">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/dittaatmawijaya6601/6ae3d86fc925c412ce5202f2/lulusan-biologi-nyasar-ke-bank-kenapa-tidak" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Lulusan Biologi Nyasar ke Bank, Kenapa Tidak?</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="5ef9e744d541df4943535e52" data-author-name="Indah Novita Dewi" data-like="1" data-comment="2" 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/indahnovita5600/6ae3d65a34777c46f02efc79/sedekat-itu-dengan-kebakaran-hutan" 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/indahnovita5600/6ae3d65a34777c46f02efc79/sedekat-itu-dengan-kebakaran-hutan" 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="2" data-url-comment="https://www.kompasiana.com/komentar/indahnovita5600/6ae3d65a34777c46f02efc79/sedekat-itu-dengan-kebakaran-hutan">
              <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="Sedekat Itu Dengan Kebakaran Hutan" data-url="https://www.kompasiana.com/indahnovita5600/6ae3d65a34777c46f02efc79/sedekat-itu-dengan-kebakaran-hutan">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ae3d65a34777c46f02efc79_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae3d65a34777c46f02efc79&#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/indahnovita5600">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/comica1579009876506-60756936d541df3c120d9763.jpg?t=t&amp;v=40&amp;x=40" alt="Indah Novita Dewi">
                  </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/indahnovita5600" >
                      Indah Novita Dewi
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">26 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="6ae3d65a34777c46f02efc79" data-target="report-konten-6ae3d65a34777c46f02efc79">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="5ef9e744d541df4943535e52" data-target="report-penulis-5ef9e744d541df4943535e52">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/30/1002277544-6ae3d317c925c47d3f166ada.jpg?t=o&amp;v=773" alt="Sedekat Itu Dengan Kebakaran Hutan">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/indahnovita5600/6ae3d65a34777c46f02efc79/sedekat-itu-dengan-kebakaran-hutan" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Sedekat Itu Dengan Kebakaran Hutan</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="66092e441470936fd7568ca2" data-author-name="Jujun Junaedi" data-like="2" data-comment="1" 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/jujunjunaedia37689/6ae3d519c925c45c5e4a0061/merdeka-finansial-keluarga-dari-sebutir-biji-roay-di-halaman-rumah" 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/jujunjunaedia37689/6ae3d519c925c45c5e4a0061/merdeka-finansial-keluarga-dari-sebutir-biji-roay-di-halaman-rumah" 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="1" data-url-comment="https://www.kompasiana.com/komentar/jujunjunaedia37689/6ae3d519c925c45c5e4a0061/merdeka-finansial-keluarga-dari-sebutir-biji-roay-di-halaman-rumah">
              <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="Merdeka Finansial Keluarga dari Sebutir Biji Roay di Halaman Rumah" data-url="https://www.kompasiana.com/jujunjunaedia37689/6ae3d519c925c45c5e4a0061/merdeka-finansial-keluarga-dari-sebutir-biji-roay-di-halaman-rumah">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ae3d519c925c45c5e4a0061_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae3d519c925c45c5e4a0061&#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/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">31 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="6ae3d519c925c45c5e4a0061" data-target="report-konten-6ae3d519c925c45c5e4a0061">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="storyPopup__imageWrap">
          <div class="storyPopup__image">
                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/30/screenshot-20261030-055931-6ae3d329ed64153cc05a3b46.jpg?t=o&amp;v=773" alt="Merdeka Finansial Keluarga dari Sebutir Biji Roay di Halaman Rumah">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/jujunjunaedia37689/6ae3d519c925c45c5e4a0061/merdeka-finansial-keluarga-dari-sebutir-biji-roay-di-halaman-rumah" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Merdeka Finansial Keluarga dari Sebutir Biji Roay di Halaman Rumah</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="6501af8c4addee448a6ae622" data-author-name="Nuning Sapta Rahayu" 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/nuningsapta1219/6ae3d385c925c47d4b373c01/bolehkah-ibu-merasa-lelah-meski-hidupnya-bahagia" 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/nuningsapta1219/6ae3d385c925c47d4b373c01/bolehkah-ibu-merasa-lelah-meski-hidupnya-bahagia" 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/nuningsapta1219/6ae3d385c925c47d4b373c01/bolehkah-ibu-merasa-lelah-meski-hidupnya-bahagia">
              <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="Bolehkah Ibu Merasa Lelah, Meski Hidupnya Bahagia?" data-url="https://www.kompasiana.com/nuningsapta1219/6ae3d385c925c47d4b373c01/bolehkah-ibu-merasa-lelah-meski-hidupnya-bahagia">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ae3d385c925c47d4b373c01_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae3d385c925c47d4b373c01&#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/nuningsapta1219">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/whatsapp-image-2023-09-13-at-20-51-30-6501bf071769835b951f3292.jpeg?t=t&amp;v=40&amp;x=40" alt="Nuning Sapta Rahayu">
                  </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/nuningsapta1219" >
                      Nuning Sapta Rahayu
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">31 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="6ae3d385c925c47d4b373c01" data-target="report-konten-6ae3d385c925c47d4b373c01">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="6501af8c4addee448a6ae622" data-target="report-penulis-6501af8c4addee448a6ae622">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/30/2150150992-6ae3d495ed641537ff34e17c.jpg?t=o&amp;v=773" alt="Bolehkah Ibu Merasa Lelah, Meski Hidupnya Bahagia?">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/nuningsapta1219/6ae3d385c925c47d4b373c01/bolehkah-ibu-merasa-lelah-meski-hidupnya-bahagia" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Bolehkah Ibu Merasa Lelah, Meski Hidupnya Bahagia?</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="54d4538f745513d6548b4fa5" data-author-name="Risma Achmad" 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/rismayaniachmad/6ae3d365ed64153cc05a3b48/dipandang-iba-teman-lama-padahal-digaji-dolar" 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/rismayaniachmad/6ae3d365ed64153cc05a3b48/dipandang-iba-teman-lama-padahal-digaji-dolar" 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/rismayaniachmad/6ae3d365ed64153cc05a3b48/dipandang-iba-teman-lama-padahal-digaji-dolar">
              <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="Dipandang Iba Teman Lama, Padahal Digaji Dolar" data-url="https://www.kompasiana.com/rismayaniachmad/6ae3d365ed64153cc05a3b48/dipandang-iba-teman-lama-padahal-digaji-dolar">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ae3d365ed64153cc05a3b48_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae3d365ed64153cc05a3b48&#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/rismayaniachmad">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/1633184738209-68f6fe14c925c4473511f0c2.jpg?t=t&amp;v=40&amp;x=40" alt="Risma Achmad">
                  </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/rismayaniachmad" >
                      Risma Achmad
                    </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="6ae3d365ed64153cc05a3b48" data-target="report-konten-6ae3d365ed64153cc05a3b48">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="54d4538f745513d6548b4fa5" data-target="report-penulis-54d4538f745513d6548b4fa5">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/30/ilustrasi-pekerjaan-pertama-yang-dibangun-pelan-pelan-dari-balik-layar-6ae3d101c925c47e3f72f407.jpg?t=o&amp;v=773" alt="Dipandang Iba Teman Lama, Padahal Digaji Dolar">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/rismayaniachmad/6ae3d365ed64153cc05a3b48/dipandang-iba-teman-lama-padahal-digaji-dolar" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Dipandang Iba Teman Lama, Padahal Digaji Dolar</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="54f772a9115af9702d005166" data-author-name="Ronny Rachman Noor" data-like="6" data-comment="0" 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/rrnoor/6ae3d1f5ed641552175a7ec5/mbah-kardi-dapat-klien-baru-dari-madrid-kylian-mbapp" 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/rrnoor/6ae3d1f5ed641552175a7ec5/mbah-kardi-dapat-klien-baru-dari-madrid-kylian-mbapp" 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/rrnoor/6ae3d1f5ed641552175a7ec5/mbah-kardi-dapat-klien-baru-dari-madrid-kylian-mbapp">
              <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="Mbah Kardi  dan klien baru dari Madrid, Kylian Mbappe" data-url="https://www.kompasiana.com/rrnoor/6ae3d1f5ed641552175a7ec5/mbah-kardi-dapat-klien-baru-dari-madrid-kylian-mbapp">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ae3d1f5ed641552175a7ec5_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae3d1f5ed641552175a7ec5&#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/rrnoor">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/image-55a1d9250323bd54052db267.jpg?t=t&amp;v=40&amp;x=40" alt="Ronny Rachman Noor">
                  </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/rrnoor" >
                      Ronny Rachman Noor
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">44 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="6ae3d1f5ed641552175a7ec5" data-target="report-konten-6ae3d1f5ed641552175a7ec5">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="54f772a9115af9702d005166" data-target="report-penulis-54f772a9115af9702d005166">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/30/gemini-generated-image-6891tb6891tb6891-6ae3cf33c925c4693c4e0f3b.jpeg?t=o&amp;v=773" alt="Mbah Kardi  dan klien baru dari Madrid, Kylian Mbappe">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/rrnoor/6ae3d1f5ed641552175a7ec5/mbah-kardi-dapat-klien-baru-dari-madrid-kylian-mbapp" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Mbah Kardi  dan klien baru dari Madrid, Kylian Mbappe</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="685bf486c925c46cb0339242" data-author-name="Akbar Aridani Setiawan" data-like="2" 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/akbararidanisetiawam6830/6ae1cde1c925c455056d5062/mau-kerkom-iot-eh-malah-sibuk-mengerjakan-tugas-jaringan" 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/akbararidanisetiawam6830/6ae1cde1c925c455056d5062/mau-kerkom-iot-eh-malah-sibuk-mengerjakan-tugas-jaringan" 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/akbararidanisetiawam6830/6ae1cde1c925c455056d5062/mau-kerkom-iot-eh-malah-sibuk-mengerjakan-tugas-jaringan">
              <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="Terjebak Tugas Jaringan Komputer" data-url="https://www.kompasiana.com/akbararidanisetiawam6830/6ae1cde1c925c455056d5062/mau-kerkom-iot-eh-malah-sibuk-mengerjakan-tugas-jaringan">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ae1cde1c925c455056d5062_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae1cde1c925c455056d5062&#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/akbararidanisetiawam6830">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/chatgpt-image-16-mei-2026-07-56-10-6a07c171ed64151960244c92.png?t=t&amp;v=40&amp;x=40" alt="Akbar Aridani Setiawan">
                  </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/akbararidanisetiawam6830" >
                      Akbar Aridani Setiawan
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">52 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="6ae1cde1c925c455056d5062" data-target="report-konten-6ae1cde1c925c455056d5062">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="685bf486c925c46cb0339242" data-target="report-penulis-685bf486c925c46cb0339242">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/28/gemini-generated-image-mjdajjmjdajjmjda-6ae1cdbeed641520c91a2c82.jpg?t=o&amp;v=773" alt="Terjebak Tugas Jaringan Komputer">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/akbararidanisetiawam6830/6ae1cde1c925c455056d5062/mau-kerkom-iot-eh-malah-sibuk-mengerjakan-tugas-jaringan" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Terjebak Tugas Jaringan Komputer</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="54e44d397455136c0b8b515d" data-author-name="AKIHensa" data-like="5" data-comment="4" 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/hensa17/6ae33a1ac925c45c4b666dc3/monolog-diri-1" 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/hensa17/6ae33a1ac925c45c4b666dc3/monolog-diri-1" 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="4" data-url-comment="https://www.kompasiana.com/komentar/hensa17/6ae33a1ac925c45c4b666dc3/monolog-diri-1">
              <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="Monolog Diri di Jumat Berkah" data-url="https://www.kompasiana.com/hensa17/6ae33a1ac925c45c4b666dc3/monolog-diri-1">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ae33a1ac925c45c4b666dc3_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae33a1ac925c45c4b666dc3&#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/hensa17">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/aki-dan-kinan-6a29e919ed6415773a277e43.jpg?t=t&amp;v=40&amp;x=40" alt="AKIHensa">
                  </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/hensa17" >
                      AKIHensa
                    </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="6ae33a1ac925c45c4b666dc3" data-target="report-konten-6ae33a1ac925c45c4b666dc3">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="54e44d397455136c0b8b515d" data-target="report-penulis-54e44d397455136c0b8b515d">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/29/nationaal-archief-via-kompascom-6ae339ee34777c1e7d44a9d4.jpeg?t=o&amp;v=773" alt="Monolog Diri di Jumat Berkah">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/hensa17/6ae33a1ac925c45c4b666dc3/monolog-diri-1" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Monolog Diri di Jumat Berkah</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="69cb512834777c2231188762" data-author-name="Budiharjo" data-like="6" 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/budiharjogw/6ae3ca7e34777c6e7c2c6183/gatal-menulis-tiap-dolar-melambung" 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/budiharjogw/6ae3ca7e34777c6e7c2c6183/gatal-menulis-tiap-dolar-melambung" 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/budiharjogw/6ae3ca7e34777c6e7c2c6183/gatal-menulis-tiap-dolar-melambung">
              <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="Gatal Menulis Tiap Dolar Melambung" data-url="https://www.kompasiana.com/budiharjogw/6ae3ca7e34777c6e7c2c6183/gatal-menulis-tiap-dolar-melambung">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ae3ca7e34777c6e7c2c6183_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae3ca7e34777c6e7c2c6183&#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/budiharjogw">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/eee9314d-0ee4-480e-9a69-d54283caab67-6a22444634777c1e1d3611ea.jpeg?t=t&amp;v=40&amp;x=40" alt="Budiharjo">
                  </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/budiharjogw" >
                      Budiharjo
                    </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="6ae3ca7e34777c6e7c2c6183" data-target="report-konten-6ae3ca7e34777c6e7c2c6183">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="69cb512834777c2231188762" data-target="report-penulis-69cb512834777c2231188762">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/30/img-5381-6ae3c81534777c18100ff1e4.jpeg?t=o&amp;v=773" alt="Gatal Menulis Tiap Dolar Melambung">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/budiharjogw/6ae3ca7e34777c6e7c2c6183/gatal-menulis-tiap-dolar-melambung" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Gatal Menulis Tiap Dolar Melambung</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="5fbd910a8ede48720859f693" data-author-name="Merza Gamal" 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/merzagamal8924/6ae3c75d34777c17637806a6/msci-menunggu-bukti-ojk-diuji-oleh-penegakan-hukum" 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/merzagamal8924/6ae3c75d34777c17637806a6/msci-menunggu-bukti-ojk-diuji-oleh-penegakan-hukum" 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/merzagamal8924/6ae3c75d34777c17637806a6/msci-menunggu-bukti-ojk-diuji-oleh-penegakan-hukum">
              <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="MSCI Menunggu Bukti, OJK Diuji oleh Penegakan Hukum" data-url="https://www.kompasiana.com/merzagamal8924/6ae3c75d34777c17637806a6/msci-menunggu-bukti-ojk-diuji-oleh-penegakan-hukum">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ae3c75d34777c17637806a6_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae3c75d34777c17637806a6&#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/merzagamal8924">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/merza-3-4-body03-629ee6b6aa3ccd36741b8863.jpg?t=t&amp;v=40&amp;x=40" alt="Merza Gamal">
                  </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/merzagamal8924" >
                      Merza Gamal
                    </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="6ae3c75d34777c17637806a6" data-target="report-konten-6ae3c75d34777c17637806a6">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="5fbd910a8ede48720859f693" data-target="report-penulis-5fbd910a8ede48720859f693">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/30/file-0000000025f88207a57dca46b60f528b-6ae3c4db34777c176378069e.png?t=o&amp;v=773" alt="MSCI Menunggu Bukti, OJK Diuji oleh Penegakan Hukum">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/merzagamal8924/6ae3c75d34777c17637806a6/msci-menunggu-bukti-ojk-diuji-oleh-penegakan-hukum" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">MSCI Menunggu Bukti, OJK Diuji oleh Penegakan Hukum</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="6781b61234777c217f2ccbd2" data-author-name="Karnita" 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/karnitakar4943/6ae34678c925c41dd162d948/ronaldo-ungguli-messi-rivalitas-belum-berakhir" 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/karnitakar4943/6ae34678c925c41dd162d948/ronaldo-ungguli-messi-rivalitas-belum-berakhir" 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/6ae34678c925c41dd162d948/ronaldo-ungguli-messi-rivalitas-belum-berakhir">
              <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="Ronaldo Ungguli Messi, Rivalitas Belum Berakhir" data-url="https://www.kompasiana.com/karnitakar4943/6ae34678c925c41dd162d948/ronaldo-ungguli-messi-rivalitas-belum-berakhir">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ae34678c925c41dd162d948_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae34678c925c41dd162d948&#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/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">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="6ae34678c925c41dd162d948" data-target="report-konten-6ae34678c925c41dd162d948">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="storyPopup__imageWrap">
          <div class="storyPopup__image">
                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/29/5eb12c0fb91f0-1-6ae3460fed64156dd7019e63.jpg?t=o&amp;v=773" alt="Ronaldo Ungguli Messi, Rivalitas Belum Berakhir">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/karnitakar4943/6ae34678c925c41dd162d948/ronaldo-ungguli-messi-rivalitas-belum-berakhir" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Ronaldo Ungguli Messi, Rivalitas Belum Berakhir</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="640454f908a8b55a314c3846" data-author-name="Syahrial" data-like="5" data-comment="4" 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/syahrialsyahrial0585/6ae3c1c734777c7a086c84be/status-guru-pindah-ke-pusat-gaji-bisa-naik-atau-justru-turun" 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/syahrialsyahrial0585/6ae3c1c734777c7a086c84be/status-guru-pindah-ke-pusat-gaji-bisa-naik-atau-justru-turun" 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="4" data-url-comment="https://www.kompasiana.com/komentar/syahrialsyahrial0585/6ae3c1c734777c7a086c84be/status-guru-pindah-ke-pusat-gaji-bisa-naik-atau-justru-turun">
              <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="Status Guru Pindah ke Pusat, Gaji Bisa Naik atau Justru Turun?" data-url="https://www.kompasiana.com/syahrialsyahrial0585/6ae3c1c734777c7a086c84be/status-guru-pindah-ke-pusat-gaji-bisa-naik-atau-justru-turun">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ae3c1c734777c7a086c84be_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae3c1c734777c7a086c84be&#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">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="6ae3c1c734777c7a086c84be" data-target="report-konten-6ae3c1c734777c7a086c84be">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/30/43b21690-bab4-40be-bf4e-8d6ced518d79-1-all-9622-6ae3c077c925c47f2f0ab7e1.jpg?t=o&amp;v=773" alt="Status Guru Pindah ke Pusat, Gaji Bisa Naik atau Justru Turun?">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/syahrialsyahrial0585/6ae3c1c734777c7a086c84be/status-guru-pindah-ke-pusat-gaji-bisa-naik-atau-justru-turun" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Status Guru Pindah ke Pusat, Gaji Bisa Naik atau Justru Turun?</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="54f77161115af9702d004fb3" data-author-name="Tamita Wibisono" data-like="4" data-comment="1" 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/tamita_wibisono/6ae3bd16ed64152aab662592/dari-aspri-tak-resmi-hingga-kerja-di-kantor-menteri-akankah-terulang-lagi" 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/tamita_wibisono/6ae3bd16ed64152aab662592/dari-aspri-tak-resmi-hingga-kerja-di-kantor-menteri-akankah-terulang-lagi" 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="1" data-url-comment="https://www.kompasiana.com/komentar/tamita_wibisono/6ae3bd16ed64152aab662592/dari-aspri-tak-resmi-hingga-kerja-di-kantor-menteri-akankah-terulang-lagi">
              <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 Aspri Tak Resmi Hingga Kerja Di Kantor Menteri, Akankah Terulang Lagi?" data-url="https://www.kompasiana.com/tamita_wibisono/6ae3bd16ed64152aab662592/dari-aspri-tak-resmi-hingga-kerja-di-kantor-menteri-akankah-terulang-lagi">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ae3bd16ed64152aab662592_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae3bd16ed64152aab662592&#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/tamita_wibisono">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/purnama-jatiluwih-6650da68ed641573c9696242.jpg?t=t&amp;v=40&amp;x=40" alt="Tamita Wibisono">
                  </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/tamita_wibisono" >
                      Tamita Wibisono
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">2 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="6ae3bd16ed64152aab662592" data-target="report-konten-6ae3bd16ed64152aab662592">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="54f77161115af9702d004fb3" data-target="report-penulis-54f77161115af9702d004fb3">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/30/kesbangpol-6ae3a146ed64157ae508a2b2.jpg?t=o&amp;v=773" alt="Dari Aspri Tak Resmi Hingga Kerja Di Kantor Menteri, Akankah Terulang Lagi?">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/tamita_wibisono/6ae3bd16ed64152aab662592/dari-aspri-tak-resmi-hingga-kerja-di-kantor-menteri-akankah-terulang-lagi" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Dari Aspri Tak Resmi Hingga Kerja Di Kantor Menteri, Akankah Terulang Lagi?</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="5b0bc77616835f25ad334332" data-author-name="Neno Andreas Salukh" data-like="4" data-comment="2" 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/neno1069/6ae2b9a2ed641532b1708c57/mengajar-di-desa-tanpa-listrik-dan-tinggal-di-rumah-kosong" 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/neno1069/6ae2b9a2ed641532b1708c57/mengajar-di-desa-tanpa-listrik-dan-tinggal-di-rumah-kosong" 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="2" data-url-comment="https://www.kompasiana.com/komentar/neno1069/6ae2b9a2ed641532b1708c57/mengajar-di-desa-tanpa-listrik-dan-tinggal-di-rumah-kosong">
              <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="Mengajar di Desa Tanpa Listrik dan Tinggal di Rumah Kosong" data-url="https://www.kompasiana.com/neno1069/6ae2b9a2ed641532b1708c57/mengajar-di-desa-tanpa-listrik-dan-tinggal-di-rumah-kosong">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ae2b9a2ed641532b1708c57_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae2b9a2ed641532b1708c57&#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/neno1069">
                    <img src="https://assets-a1.kompasiana.com/images/avatar/img-20200930-200347-5f79ab0ad541df28234fb952.jpg?t=t&amp;v=40&amp;x=40" alt="Neno Andreas Salukh">
                  </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/neno1069" >
                      Neno Andreas Salukh
                    </a>
                  </div>
                                    <span class="badge badge--verified" aria-label="Akun Terverifikasi" title="Akun Terverifikasi"></span>
                                  </div>
                <span class="text-14-normal cl-neutral-600">2 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="6ae2b9a2ed641532b1708c57" data-target="report-konten-6ae2b9a2ed641532b1708c57">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="5b0bc77616835f25ad334332" data-target="report-penulis-5b0bc77616835f25ad334332">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/29/70098e9d-b17e-4954-99ae-065785d1d5da-1-all-11406-6ae2af68c925c44f0a2fcfc4.jpg?t=o&amp;v=773" alt="Mengajar di Desa Tanpa Listrik dan Tinggal di Rumah Kosong">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/neno1069/6ae2b9a2ed641532b1708c57/mengajar-di-desa-tanpa-listrik-dan-tinggal-di-rumah-kosong" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Mengajar di Desa Tanpa Listrik dan Tinggal di Rumah Kosong</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="6781b61234777c217f2ccbd2" data-author-name="Karnita" data-like="3" data-comment="6" 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/karnitakar4943/6ae27f45c925c43b78446647/bayangkan-kehilangan-satu-waktu-sholat-seperti-kehilangan-keluarga-dan-har" 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/karnitakar4943/6ae27f45c925c43b78446647/bayangkan-kehilangan-satu-waktu-sholat-seperti-kehilangan-keluarga-dan-har" 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="6" data-url-comment="https://www.kompasiana.com/komentar/karnitakar4943/6ae27f45c925c43b78446647/bayangkan-kehilangan-satu-waktu-sholat-seperti-kehilangan-keluarga-dan-har">
              <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="Kehilangan Satu Waktu Sholat Seperti Kehilangan Keluarga dan Harta" data-url="https://www.kompasiana.com/karnitakar4943/6ae27f45c925c43b78446647/bayangkan-kehilangan-satu-waktu-sholat-seperti-kehilangan-keluarga-dan-har">
              <i class="iconBase iconShare" title="Share"></i>
              <span>Bagikan</span>
            </button>
                        <button class="btn btn-text btn-2xs 6ae27f45c925c43b78446647_favorite " type="button" aria-label="Bookmark" data-toggle="bookmark" onclick="favorite(&#039;6ae27f45c925c43b78446647&#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/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">2 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="6ae27f45c925c43b78446647" data-target="report-konten-6ae27f45c925c43b78446647">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="storyPopup__imageWrap">
          <div class="storyPopup__image">
                        <img src="https://assets-a3.kompasiana.com/items/album/2026/10/29/ilustrasi-sholat-250728224247-387-6ae27f2f34777c74754b2205.jpg?t=o&amp;v=773" alt="Kehilangan Satu Waktu Sholat Seperti Kehilangan Keluarga dan Harta">
                      </div>
          <div class="storyPopup__overlay"></div>
        </div>
  
        <div class="storyPopup__caption">
          <a href="https://www.kompasiana.com/karnitakar4943/6ae27f45c925c43b78446647/bayangkan-kehilangan-satu-waktu-sholat-seperti-kehilangan-keluarga-dan-har" class="flex-col flex-align-start gap-14">
            <div class="text-20-bold cl-base-white line-clamp-4">Kehilangan Satu Waktu Sholat Seperti Kehilangan Keluarga dan Harta</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=71"></script>
	<script src="https://assets-a1.kompasiana.com/statics/2026/harmony/desktop/js/index.js?v=71"></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>
