CINXE.COM

Berita Lifestyle, Fashion, Kuliner, Relationship - Kompas.com

<!DOCTYPE html> <html lang="en"> <head> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({ "title": "Berita Lifestyle, Fashion, Kuliner, Relationship - Kompas.com", "description": "Berita Lifestyle Hari Ini, Berita Terkini Gaya Hidup Terbaru Seputar Tren Fashion Artis, Tokoh Politik, Tips Karir, Relationship, Travel Wisata dan Food Kuliner", "keywords": "Berita Terkini, Berita Hari Ini, Berita Terbaru, Gaya Hidup, Fashion, Lifestyle, Berita Lifestyle, Artis, Tokoh Politik, Tips, karir, Relationship, Travel, Wisata, Kuliner, Kompas", "content_category": "Lifestyle", "content_subcategory": "", "canonical": "https:\/\/lifestyle.kompas.com" });</script> <!-- Google Tag Manager --> <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-PT7PC4');</script> <!-- End Google Tag Manager --> <title>Berita Lifestyle, Fashion, Kuliner, Relationship - Kompas.com</title> <link href="//securepubads.g.doubleclick.net" rel="dns-prefetch"> <link href="//asset.kompas.com" rel="dns-prefetch"> <link href="//adsimg.kompas.com" rel="dns-prefetch"> <link href="//tpc.googlesyndication.com" rel="dns-prefetch"> <link href="//cm.g.doubleclick.net" rel="dns-prefetch"> <link href="//apis.kompas.com" rel="dns-prefetch"><meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width"> <meta name="description" content="Berita Lifestyle Hari Ini, Berita Terkini Gaya Hidup Terbaru Seputar Tren Fashion Artis, Tokoh Politik, Tips Karir, Relationship, Travel Wisata dan Food Kuliner"> <meta name="keywords" content="Berita Terkini, Berita Hari Ini, Berita Terbaru, Gaya Hidup, Fashion, Lifestyle, Berita Lifestyle, Artis, Tokoh Politik, Tips, karir, Relationship, Travel, Wisata, Kuliner, Kompas"> <meta name="googlebot-news" content="index, follow" /> <meta name="googlebot" content="index, follow" /> <meta name="author" content="Kompas Cyber Media"> <meta name="robots" content="index, follow" /> <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" /> <!-- S:fb meta --> <meta property="og:type" content="article" /> <meta property="og:image" content="https://asset.kompas.com/data/2019/kompascom/banner-jmd-3.jpg" /> <meta property="og:title" content="Berita Lifestyle, Fashion, Kuliner, Relationship - Kompas.com" /> <meta property="og:description" content="Berita Lifestyle Hari Ini, Berita Terkini Gaya Hidup Terbaru Seputar Tren Fashion Artis, Tokoh Politik, Tips Karir, Relationship, Travel Wisata dan Food Kuliner"> <meta property="og:url" content="https://www.kompas.com/" /> <meta property="og:site_name" content="KOMPAS.com" /> <meta property="fb:app_id" content="324557847592228" /> <!-- e:fb meta --> <!-- S:tweeter card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@kompascom" /> <meta name="twitter:creator" content="@kompascom"> <meta name="twitter:title" content="Berita Lifestyle, Fashion, Kuliner, Relationship - Kompas.com" /> <meta name="twitter:description" content="Berita Lifestyle Hari Ini, Berita Terkini Gaya Hidup Terbaru Seputar Tren Fashion Artis, Tokoh Politik, Tips Karir, Relationship, Travel Wisata dan Food Kuliner" /> <meta name="twitter:image" content="https://asset.kompas.com/data/2019/kompascom/banner-jmd-3.jpg" /> <!-- E:tweeter card --> <meta name="content_category" content="Lifestyle" /> <meta name="content_subcategory" content="" /> <meta name="content_location" content="" /> <meta name="content_author_id" content="" /> <meta name="content_author" content="" /> <meta name="content_editor_id" content="" /> <meta name="content_editor" content="" /> <meta name="content_lipsus" content="" /> <meta name="content_lipsus_id" content="" /> <meta name="content_sensi" content="" /> <meta name="content_type" content="" /> <meta name="content_PublishedDate" content="" /> <meta property="article:published_time" content="" /> <meta name="content_source" content="" /> <meta name="content_tag" content="" /> <meta name="content_tags" content="" /> <meta name="content_total_words" content="" /> <meta name="subscription" content="False" /> <meta name="lestari_sdgs" content="" /> <meta name="content_total_pages" content="" /> <meta name="content_current_page" content="" /> <link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script"> <link rel="canonical" href="https://lifestyle.kompas.com" /> <link rel="dns-prefetch" href="twitter.com"> <link rel="shortcut icon" href="https://asset.kompas.com/data/2017/wp/images/favicon2017.ico"> <link rel="stylesheet" href="https://asset.kompas.com/data/2024/11/05/kompascom/desktop/css/kcm2017-article.min.css" type="text/css"> <link rel="stylesheet" href="https://asset.kompas.com/data/2024/01/12/15/kompascom/desktop/css/kcm2017-iconpack-article.min.css" type="text/css"> <link rel="stylesheet" href="https://asset.kompas.com/data/2024/10/09/css/kgm-verify.min.css" type="text/css"> <link rel="preload" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,700|Roboto:300,300i,400,400i,500,700,700i" as="style"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,700|Roboto:300,300i,400,400i,500,700,700i"> <link rel="preconnect" href="https://scripts.jixie.media"/> <script src="https://asset.kompas.com/data/2017/wp/js/jquery-1.12.0.min.js"></script> <script src="https://asset.kompas.com/data/2017/wp/js/modernizr.custom.js"></script> <link rel="preconnect" href="https://scripts.jixie.media"/> <script type="text/javascript"> window.jixie_o = { accountid: "9262bf2590d558736cac4fff7978fcb1", partner_cookie: 'kmps_usrid', external_ids: ['tdid','tdid2','jxtoko','ifo'], sha256mail_cookie:'usermail', ad_blocker: true, logbids: true, userprofile: true, sha256ph_cookie:'kmps_uphn', }; </script> <script async src="https://scripts.jixie.media/jxpublisher_3_1.min.js"></script> <script type="text/javascript"> window.jixie_p = window.jixie_p || []; window.jixie_p.push({ action: "viewsection", category: "Lifestyle" }); </script> <!-- Start Ad Blocking Recovery Message --> <script async src="https://fundingchoicesmessages.google.com/i/pub-9012468469771973?ers=1" nonce="IOvmxAasolBKwB_qzaJVMg"></script><script nonce="IOvmxAasolBKwB_qzaJVMg">(function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})();</script> <!-- Endof Ad Blocking Recovery Message --><!-- Start: GPT Async --> <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> <!--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/kompas/prebid9.16.0r.js"></script> <script type="text/javascript"> function getCookieUid(cname){var name=cname+"=";var decodedCookie=decodeURIComponent(document.cookie);var ca=decodedCookie.split(";");for(var i=0;i<ca.length;i++){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; } var PREBID_TIMEOUT=2e3,FAILSAFE_TIMEOUT=3e3,HB_TIMEOUT=1e3,adUnits=[{code:"div-gpt-ad-Top_1-1",ortb2Imp:{ext:{gpid:"1000008-EIftKYAWdx",data:{pbadslot:"1000008-EIftKYAWdx"}}},mediaTypes:{banner:{sizes:[[728,90],[970,90],[970,250]]}},bids:[{bidder:"kargo",params:{placementId:"_kGDB9vTtyF"}},{bidder:"openx",params:{unit:"540782269",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:449983,size:[728,90]}},{bidder:"ix",params:{siteId:449983,size:[970,90]}},{bidder:"ix",params:{siteId:449983,size:[970,250]}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363578",pageId:"1293724",formatId:"96602",domain:"https://prg8.smartadserver.com"}},{bidder:"jixie",params:{unit:"1000008-EIftKYAWdx"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"triplelift",params:{inventoryCode:"kg_kompas_desktop_970x250"}},{bidder:"rubicon",params:{accountId:11834,siteId:434086,zoneId:2484332}},{bidder:"gumgum",params:{zone:"o4idpqq7",slot:986382}},{bidder:"gumgum",params:{zone:"o4idpqq7",slot:986383}},{bidder:"gumgum",params:{zone:"o4idpqq7",slot:986384}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"57e032c6-38f9-40b0-98c5-e31378a7bd88"}}]},{code:"div-gpt-ad-Giant",ortb2Imp:{ext:{gpid:"1000008-eLIsfXaJKT",data:{pbadslot:"1000008-eLIsfXaJKT"}}},mediaTypes:{banner:{sizes:[[300,600],[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:"kargo",params:{placementId:"_blRlCURcHY"}},{bidder:"openx",params:{unit:"540782269",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:449983,size:[300,600]}},{bidder:"triplelift",params:{inventoryCode:"kg_kompas_desktop_article_imu_1"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363578",pageId:"1293724",formatId:"93799",domain:"https://prg8.smartadserver.com"}},{bidder:"jixie",params:{unit:"1000008-eLIsfXaJKT"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"rubicon",params:{accountId:11834,siteId:434086,zoneId:2484334}},{bidder:"gumgum",params:{zone:"o4idpqq8",slot:986385}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"7b9642cc-1770-402b-a101-9d8996fe7724"}}]},{code:"div-gpt-ad-Right_3",ortb2Imp:{ext:{gpid:"1000008-xcBkzfm9sk",data:{pbadslot:"1000008-xcBkzfm9sk"}}},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:"kargo",params:{placementId:"_blRlCURcHY"}},{bidder:"openx",params:{unit:"540782269",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"openx",params:{unit:"540782264",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:449983,size:[300,250]}},{bidder:"triplelift",params:{inventoryCode:"kg_kompas_desktop_article_imu_2"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363578",pageId:"1293724",formatId:"93800",domain:"https://prg8.smartadserver.com"}},{bidder:"jixie",params:{unit:"1000008-xcBkzfm9sk"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"rubicon",params:{accountId:11834,siteId:434086,zoneId:2484336}},{bidder:"gumgum",params:{zone:"o4idpqq9",slot:986386}},{bidder:"rubicon",params:{accountId:11834,siteId:434086,zoneId:2484336}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"9d4e1284-fcf4-4b63-bdb6-50f136a98b13"}},{bidder:"ix",params:{siteId:449983,size:[300,250],video:{context:"outstream",playerSize:[300,250],mimes:["video/mp4","video/webm","applications/javascript"],protocols:[2,3,5,6],api:[2,7],playbackmethod:[6],skip:1,w:300,h:250,minduration:5,maxduration:60,delivery:[2],linearity:1}}}]},{code:"div-gpt-ad-Right_4",ortb2Imp:{ext:{gpid:"1000008-O3cqWflq2S",data:{pbadslot:"1000008-O3cqWflq2S"}}},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:"kargo",params:{placementId:"_blRlCURcHY"}},{bidder:"openx",params:{unit:"540782269",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:449983,size:[300,250]}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363578",pageId:"1293724",formatId:"93800",domain:"https://prg8.smartadserver.com"}},{bidder:"jixie",params:{unit:"1000008-O3cqWflq2S"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"triplelift",params:{inventoryCode:"kg_kompas_desktop_article_imu_2"}},{bidder:"rubicon",params:{accountId:11834,siteId:434086,zoneId:2484338}},{bidder:"gumgum",params:{zone:"o4idpqq10",slot:986387}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"07e5c539-9255-46dc-8789-979460152db4"}}]},{code:"div-gpt-ad-Right_5",ortb2Imp:{ext:{gpid:"1000008-olHKAR4nCE",data:{pbadslot:"1000008-olHKAR4nCE"}}},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:"kargo",params:{placementId:"_blRlCURcHY"}},{bidder:"openx",params:{unit:"540782269",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:449983,size:[300,250]}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363578",pageId:"1293724",formatId:"93800",domain:"https://prg8.smartadserver.com"}},{bidder:"jixie",params:{unit:"1000008-olHKAR4nCE"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"triplelift",params:{inventoryCode:"kg_kompas_desktop_article_imu_2"}},{bidder:"rubicon",params:{accountId:11834,siteId:434086,zoneId:2484340}},{bidder:"gumgum",params:{zone:"o4idpqq11",slot:986388}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"92b8aba2-6d19-4dc2-8988-e76f09e0d82c"}}]},{code:"div-gpt-ad-Skin_Left",ortb2Imp:{ext:{gpid:"1000008-z5ebaX9aVC",data:{pbadslot:"1000008-z5ebaX9aVC"}}},mediaTypes:{banner:{sizes:[[100,650],[100,550]]}},bids:[{bidder:"openx",params:{unit:"559086528",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:980352,size:[100,650]}},{bidder:"ix",params:{siteId:980352,size:[100,550]}},{bidder:"jixie",params:{unit:"1000008-z5ebaX9aVC"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"rubicon",params:{accountId:11834,siteId:478004,zoneId:2838618}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"f6d5bf9d-8c31-404e-afae-acb95645f56d"}}]},{code:"div-gpt-ad-Skin_Right",ortb2Imp:{ext:{gpid:"1000008-jL7PEcvKLc",data:{pbadslot:"1000008-jL7PEcvKLc"}}},mediaTypes:{banner:{sizes:[[100,650],[100,550]]}},bids:[{bidder:"openx",params:{unit:"559086532",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:980353,size:[100,650]}},{bidder:"ix",params:{siteId:980353,size:[100,550]}},{bidder:"jixie",params:{unit:"1000008-jL7PEcvKLc"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"rubicon",params:{accountId:11834,siteId:478006,zoneId:2838620}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"f608f5e6-f157-4c66-b60e-e4a328ce3ab6"}}]},{code:"div-gpt-ad-Horizontal_Ad",ortb2Imp:{ext:{gpid:"1000008-9gpvwZPpkd",data:{pbadslot:"1000008-9gpvwZPpkd"}}},mediaTypes:{banner:{sizes:[[468,60],[1100,50]]}},bids:[{bidder:"kargo",params:{placementId:"_jkQklh8wPV"}},{bidder:"openx",params:{unit:"559086526",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:449983,size:[468,60]}},{bidder:"ix",params:{siteId:449983,size:[1100,50]}},{bidder:"jixie",params:{unit:"1000008-9gpvwZPpkd"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"rubicon",params:{accountId:11834,siteId:478002,zoneId:2838616}},{bidder:"gumgum",params:{zone:"o4idpqq15",slot:986390}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"3659dda0-8c94-40f5-9f5f-e12d4526ad38"}}]},{code:"div-gpt-ad-Skyscraper",ortb2Imp:{ext:{gpid:"1000008-gPQXfLjNet",data:{pbadslot:"1000008-gPQXfLjNet"}}},mediaTypes:{banner:{sizes:[[120,600],[160,600]]}},bids:[{bidder:"openx",params:{unit:"540782269",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:449983,size:[120,600]}},{bidder:"ix",params:{siteId:449983,size:[160,600]}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363578",pageId:"1293724",formatId:"96680",domain:"https://prg8.smartadserver.com"}},{bidder:"jixie",params:{unit:"1000008-gPQXfLjNet"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"triplelift",params:{inventoryCode:"kg_kompas_desktop_article_imu_2"}},{bidder:"rubicon",params:{accountId:11834,siteId:434086,zoneId:2484342}},{bidder:"gumgum",params:{zone:"o4idpqq12",slot:986389}}, {bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"15b951a5-81cc-4533-ac1d-2888b8ca0b0c"}}]},{code:"div-gpt-ad-Zone_OSM",mediaTypes:{banner:{sizes:[[300,250],[1,1]]},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:"teads",params:{placementId:165952,pageId:151713}},{bidder:"kargo",params:{placementId:"_blRlCURcHY"}},{bidder:"openx",params:{unit:"540782269",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:449983,size:[300,250]}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363578",pageId:"1293724",formatId:"93800",domain:"https://prg8.smartadserver.com"}},{bidder:"jixie",params:{unit:"1000008-O3cqWflq2S"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"triplelift",params:{inventoryCode:"kg_kompas_desktop_article_imu_2"}},{bidder:"rubicon",params:{accountId:11834,siteId:434086,zoneId:2484338}},{bidder:"gumgum",params:{zone:"o4idpqq10",slot:986387}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"07e5c539-9255-46dc-8789-979460152db4"}}]},{code:"gpt_unit_/31800665/KOMPAS.COM/female/vignette_0",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}},ortb2Imp:{instl:1},bids:[{bidder:"kargo",params:{placementId:"_blRlCURcHY"}},{bidder:"openx",params:{unit:"540782269",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:449983,size:[300,600]}},{bidder:"triplelift",params:{inventoryCode:"kg_kompas_desktop_article_imu_1"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363578",pageId:"1293724",formatId:"93799",domain:"https://prg8.smartadserver.com"}},{bidder:"jixie",params:{unit:"1000008-eLIsfXaJKT"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"rubicon",params:{accountId:11834,siteId:434086,zoneId:2484334}},{bidder:"gumgum",params:{zone:"o4idpqq8",slot:986385}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"7b9642cc-1770-402b-a101-9d8996fe7724"}}]}],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",userSync:{userIds:[{name:"uid2"},{name:"unifiedId",value:{tdid:uuid__}}],filterSettings:{iframe:{bidders:'*',filter:'include'},image:{bidders:'*',filter:'include'}}},currency:{adServerCurrency:"USD"},syncsPerBidder:0}),(pbjs.bidderSettings={standard:{storageAllowed:!0}}),pbjs.addAdUnits(adUnits),pbjs.requestBids({bidsBackHandler:initAdserver,timeout:PREBID_TIMEOUT})}),setTimeout(function(){initAdserver()},FAILSAFE_TIMEOUT); </script> <script type="text/javascript"> googletag.cmd.push(function() { gptadslots[1]= googletag.defineSlot('/31800665/KOMPAS.COM/female', [[728, 90], [970, 90], [970, 250], [360, 100], [360, 150], [384, 100], [393, 100]],'div-gpt-ad-Top_1-1').setTargeting('Pos',['Top_1']).setTargeting('kg_pos', ['top_1']).addService(googletag.pubads());gptadslots[112]= googletag.defineSlot('/31800665/KOMPAS.COM/female', [[300,600],[300,250],[160,600]],'div-gpt-ad-Giant').setTargeting('Pos',['Giant']).setTargeting('kg_pos', ['giant']).addService(googletag.pubads());gptadslots[31]= googletag.defineSlot('/31800665/KOMPAS.COM/female', [[300,250],[300,600]],'div-gpt-ad-Right_3').setTargeting('Pos',['Right_3']).setTargeting('kg_pos', ['right_3']).addService(googletag.pubads());gptadslots[41]= googletag.defineSlot('/31800665/KOMPAS.COM/female', [[300,250],[300,600]],'div-gpt-ad-Right_4').setTargeting('Pos',['Right_4']).setTargeting('kg_pos', ['right_4']).addService(googletag.pubads());gptadslots[8]= googletag.defineSlot('/31800665/KOMPAS.COM/female', [[468,60],[728,90],[970,90],[1100,50],[320,150],[1100,150]],'div-gpt-ad-Horizontal_Ad').setTargeting('Pos',['Horizontal_Ad']).setTargeting('kg_pos', ['horizontal_ad']).addService(googletag.pubads());gptadslots[0] = googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/female', 'div-gpt-ad-Overlay-oop').setTargeting('Pos',['Overlay']).setTargeting('kg_pos', ['overlay']).addService(googletag.pubads());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','kompas_com'); var rl_adx_val = ''; var rl_adx_sec = new Date().getSeconds(); if(rl_adx_sec==1||rl_adx_sec==2){rl_adx_val='300';} if(rl_adx_sec==3||rl_adx_sec==4){rl_adx_val='600';} if(rl_adx_sec==5||rl_adx_sec==6){rl_adx_val='900';} if(rl_adx_sec==7||rl_adx_sec==8){rl_adx_val='1200';} if(rl_adx_sec==9||rl_adx_sec==10){rl_adx_val='1500';} console.log('rl_adx_val = '+rl_adx_val); if(rl_adx_val!=''){ googletag.pubads().setTargeting('rl_adx',rl_adx_val); }googletag.pubads().setTargeting('page', 'index'); googletag.pubads().enableSingleRequest(); googletag.enableServices(); }); </script> <!-- End: GPT --> <!-- (ads.google.head.rs) --> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://www.kompas.com/", "potentialAction": { "@type": "SearchAction", "target": "https://search.kompas.com/search?q={search_term_string}", "query-input": "required name=search_term_string" } } </script> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "Organization", "url": "https://www.kompas.com", "logo": "https://asset.kompas.com/data/2018/kompascom/images/logo-kompascom-biru.png", "sameAs" : [ "https://www.facebook.com/kompascom", "https://www.twitter.com/kompascom", "https://instagram.com/kompascom", "https://line.me/ti/p/%40kompas.com" ] } </script> <style type="text/css"> /* Avoid empty images to appear as broken */ img:not([src]):not([srcset]) { visibility: hidden; } /* Fix for images to never exceed the width of the container */ img { max-width: 100%; } </style> <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 plus_share(t){return u=t,window.open("https://plus.google.com/share?url="+encodeURIComponent(u),"sharer","toolbar=0,status=0,width=626,height=436"),!1}function telegram_share(e,o,x){return u=o,t=e,window.open("https://t.me/share/url?url="+encodeURIComponent(u)+"&text="+encodeURIComponent(t)+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(u)+" - "+encodeURIComponent(t),"sharer","toolbar=0,status=0,width=626,height=436"),!1}function whatsapp_share_new(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> <meta name="google-site-verification" content="oHnKUtgqOLtZOYp5HWas27GCVmPbsKDE5NHDPrsOJpc" /> <script> document.addEventListener('DOMContentLoaded', function() { var addebug = document.querySelectorAll('.footerCopyright'); for (i = 0; i < addebug.length; ++i) { addebug[i].addEventListener('click', function handleClick() { console.log('Debugged'); googletag.openConsole(); }); } }); </script> <script async src="https://cdn.oval.id/tracker/p/kompas/oval_web_analytics_latest.js"></script> <!-- Meta Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '423063207362401'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=423063207362401&ev=PageView&noscript=1" /></noscript> <!-- End Meta Pixel Code --> <link rel="stylesheet" href="https://asset.kompas.com/data/2024/10/08/kompascom/desktop/css/style-lifestyle-v2.min.css" type="text/css"> <link rel="stylesheet" href="https://asset.kompas.com/data/2024/06/10/kompascom/desktop/css/style-revamp.min.css" type="text/css"> </head> <body class="revampV2 theme--lifestyle-v2"> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PT7PC4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="wrap"> <!-- header--> <div class="header header--sumpah-pemuda clearfix"> <div class="row clearfix header__wrap"> <div class="container clearfix header__row"> <div class="row col-offset-fluid clearfix"> <div class="col-bs10-5 clearfix"> <div class="logo"> <a href="https://www.kompas.com"> <style>.logo img {width:auto;}.logo {width:auto;}</style> <!-- <img src="https://asset.kompas.com/data/2017/wp/images/logo-kompascom-ri77.png" alt="Kompas.com" width="310" height="50" id="anni26-img"> --> <!-- <img src="https://asset.kompas.com/data/2024/07/25/kompascom/hut/desktop/images/logo-kompascom-ri79.png" alt="28 Tahun Kompas.com, Jernih Melihat Dunia" id="anni26-img"> --> <img src="https://asset.kompas.com/data/2024/09/13/kompascom/hut/desktop/logo-kompascom-29-desktop.png" alt="29 Tahun Kompas.com, Jernih Melihat Dunia"> </a> <!-- <a href="https://vik.kompas.com/harapan-jurnalisme-berkelanjutan" class="anni25-link"></a> --> </div> </div> <div class="col-bs10-5 clearfix"> <form class="search search--header col-bs12-8 col-offset-0" action="https://search.kompas.com/search/"> <input class="form__input form__input__header" id="search" type="text" name="q" placeholder="cari tokoh, topik atau peristiwa"> <button type="button" class="form__button__clear" role="button"> <span class="kcm__close__icon"></span> </button> <input class="form__button form__button__header" type="submit" name="submit"> <span class="search--icon"> <svg class="icon icon-search" title="icon-search"> <use xlink:href="#icon-search" /> </svg> </span> </form> <div class="dark-header-item"> <div class="dark-wrapper js-darkWrapper"> <button type="button" class="button-default js-darkSetter" id="menu-darkmode" aria-label="Atur mode" aria-expanded="false" aria-controls="darkmode"> <span class="icon-svg icon-darkmode" aria-hidden="true"></span> </button> <div class="dark-setting"> <ul> <li> <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="system">Otomatis</button> </li> <li> <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="dark">Mode Gelap</button> </li> <li> <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="light">Mode Terang</button> </li> </ul> </div> </div> </div> <div class="loyalty__link" id="loyalty_koin" style="display: none"> <a href="https://play.kompas.com/loyalty"> <span class="icon-svg icon-koin"></span> <span class="loyalty__link__text">Koin</span> <i class="loyalty__link__badge active"></i> </a> </div> <div class="sso__header col-bs12-4"> <ul class="sso__wrap"> <li class="sso__item"> <a class="sso__link sso__link__icon js-sso-user" href="javascript:void(0)"> <i class="sso__icon__login" id="sso__icon__login_top"></i> <i class="sso__badge" style="display: none;"></i> </a> <div class="sso__option -fixed -hide js-sso-user-board"> <ul> <li id="sso__item"><a id="txt_signin" href="https://account.kompas.com/login/a29tcGFz/aHR0cHM6Ly9saWZlc3R5bGUua29tcGFzLmNvbS8="><span><i class="sso__icon__login"></i> Login</span></a></li> <li></li> <li> <a href="https://activity.kompas.com/voucher?source=navbar" class="myvalue__btn -new"> <span><div class="myvalue__icon"><img class="lozad" data-src="https://asset.kompas.com/data/2024/myvalue/desktop/images/icon-myvalue.png" alt=""></div> Voucher</span> <div class="myvalue__btn__wrap"> <div class="myvalue__icon"><img class="lozad" data-src="https://asset.kompas.com/data/2024/myvalue/desktop/images/icon-myvalue-gif.gif" alt=""></div> <span>Ada voucher buat kamu</span> </div> </a> </li> <li><a href="https://plus.kompas.com"><span><i class="sso__icon__subscription"></i> Gabung Kompas.com+ <i class="sso__badge__inline"></i></span></a></li> <li></li> <li><a href="https://activity.kompas.com/saved"><span><i class="sso__icon__bookmark"></i> Konten yang disimpan</span></a></li> <li></li> <li><a href="https://activity.kompas.com/liked"><span><i class="sso__icon__liked"></i> Konten yang disukai</span></a></li> <li></li> <li><a href="https://activity.kompas.com/minat"><span><i class="sso__icon__interest"></i> Atur Minat</span></a></li> <li></li> <li id="feedback__item"><a href="https://www.kompas.com/feedback"><span><i class="sso__icon__notif"></i> Berikan Masukanmu <i class="sso__badge__inline" style="display: none;"></i></span></a></li> </ul> </div> </li> </ul> </div> <div class="kid__wrap"> <a target="_blank" href="https://komp.as/darikompascom" class="kid__button">Langganan Kompas.id</a> </div> </div> </div> </div> </div> <!-- nav--> <div class="js-nav-offset"></div> <div class="row clearfix nav"> <!-- (ads.skin.full) --> <div class="container clearfix nav__wrap"> <div class="logo logo--sticky"> <a href="https://www.kompas.com"><img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-kompascom-2017.png" alt="www.kompas.com" /></a> </div> <ul class="nav__row clearfix"> <li class="nav__item"> <a href="https://news.kompas.com?source=navbar" class="nav__link nav__link--news">News</a> <ul class="nav__sub nav__sub--news"> <li class="nav__subitem"> <a href="https://nasional.kompas.com" class="nav__sublink">Nasional</a> </li> <li class="nav__subitem"> <a href="https://megapolitan.kompas.com" class="nav__sublink">Megapolitan</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/global" class="nav__sublink">Global</a> </li> <li class="nav__subitem"> <a href="https://inside.kompas.com/suratpembaca" class="nav__sublink">Surat Pembaca</a> </li> <li class="nav__subitem"> <a href="https://kilasdaerah.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Daerah</a> </li> <li class="nav__subitem"> <a href="https://kilaskorporasi.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Korporasi</a> </li> <li class="nav__subitem"> <a href="https://kilaskementerian.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Kementerian</a> </li> <li class="nav__subitem"> <a href="https://sorotpolitik.kompas.com" class="nav__sublink nav__sublink--hot">Sorot Politik</a> </li> <li class="nav__subitem"> <a href="https://kilasbadannegara.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Badan Negara</a> </li> <li class="nav__subitem"> <a href="https://kelanaindonesia.kompas.com" class="nav__sublink nav__sublink--hot">Kelana Indonesia</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/topik-pilihan/list/7782/kalbe-health-corner" class="nav__sublink nav__sublink--hot">Kalbe Health Corner</a> </li> <li class="nav__subitem"> <a href="https://kilasparlemen.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Parlemen</a> </li> <li class="nav__subitem"> <a href="https://kilasbumn.kompas.com" class="nav__sublink nav__sublink--hot">Kilas BUMN</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/cekfakta" class="nav__sublink">Cek Fakta</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/konsultasihukum" class="nav__sublink">Konsultasi Hukum</a> </li> <li class="nav__subitem"> <a href="https://news.kompas.com/search" class="nav__sublink">Indeks</a> </li> <li class="nav__subitem"> <a href="https://regional.kompas.com" class="nav__sublink">Regional</a> <ul class="nav__subsub"> <li class="nav__subitem"> <a href="https://surabaya.kompas.com" class="nav__subsublink">Surabaya</a> </li> <li class="nav__subitem"> <a href="https://medan.kompas.com" class="nav__subsublink">Medan</a> </li> <li class="nav__subitem"> <a href="https://makassar.kompas.com" class="nav__subsublink">Makassar</a> </li> <li class="nav__subitem"> <a href="https://yogyakarta.kompas.com" class="nav__subsublink">Yogyakarta</a> </li> <li class="nav__subitem"> <a href="https://bandung.kompas.com" class="nav__subsublink">Bandung</a> </li> <li class="nav__subitem"> <a href="https://denpasar.kompas.com" class="nav__subsublink">Denpasar</a> </li> </ul> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/hype" class="nav__sublink">Hype</a> </li> </ul> </li> <!-- <li class="nav__item"> <a href="https://www.kompas.com/ramadhan?source=navbar" class="nav__link nav__link--new">Ramadhan</a> </li> --> <li class="nav__item"> <a href="https://pemilu.kompas.com?source=navbar" class="nav__link nav__link">Pemilu</a> </li> <li class="nav__item"> <a href="https://ikn.kompas.com?source=navbar" class="nav__link nav__link--new">IKN</a> <ul class="nav__sub nav__sub--ikn"> <li class="nav__subitem"> <a href="https://ikn.kompas.com/news" class="nav__sublink">News</a> </li> <li class="nav__subitem"> <a href="https://ikn.kompas.com/city" class="nav__sublink">City</a> </li> <li class="nav__subitem"> <a href="https://ikn.kompas.com/infrastructure" class="nav__sublink">Infrastructure</a> </li> <li class="nav__subitem"> <a href="https://ikn.kompas.com/community" class="nav__sublink">Community</a> </li> <li class="nav__subitem"> <a href="https://ikn.kompas.com/housings" class="nav__sublink">Housings</a> </li> <li class="nav__subitem"> <a href="https://indeks.kompas.com?site=ikn" class="nav__sublink">Indeks</a> </li> <li class="nav__subitem"> <a href="https://ikn.kompas.com/foresta" class="nav__sublink">Foresta</a> </li> </ul> </li> <li class="nav__item"> <a href="https://tekno.kompas.com?source=navbar" class="nav__link nav__link--tekno">Tekno</a> <ul class="nav__sub nav__sub--tekno"> <li class="nav__subitem"> <a href="https://tekno.kompas.com/apps-os" class="nav__sublink">Apps &amp; OS</a> </li> <li class="nav__subitem"> <a href="https://tekno.kompas.com/gadget" class="nav__sublink">Gadget</a> </li> <li class="nav__subitem"> <a href="https://tekno.kompas.com/internet" class="nav__sublink">Internet</a> </li> <li class="nav__subitem"> <a href="https://tekno.kompas.com/hardware" class="nav__sublink">Hardware</a> </li> <li class="nav__subitem"> <a href="https://tekno.kompas.com/business" class="nav__sublink">Business</a> </li> <li class="nav__subitem"> <a href="https://tekno.kompas.com/game" class="nav__sublink">Game</a> </li> <li class="nav__subitem"> <a href="https://tekno.kompas.com/galeri" class="nav__sublink">Galeri</a> </li> <li class="nav__subitem"> <a href="https://tekno.kompas.com/search" class="nav__sublink">Indeks</a> </li> <li class="nav__subitem"> <a href="https://pubads.g.doubleclick.net/gampad/clk?id=6163907479&iu=/31800665/KOMPAS.COM/tekno" class="nav__sublink nav__sublink--hot">Tech Innovation</a> </li> <li class="nav__subitem"> <a href="https://kilasinternet.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas Internet</a> </li> </ul> </li> <li class="nav__item"> <a href="https://otomotif.kompas.com?source=navbar" class="nav__link nav__link--otomotif">Otomotif</a> <ul class="nav__sub nav__sub--otomotif"> <li class="nav__subitem"> <a href="https://otomotif.kompas.com/motor" class="nav__sublink">Motor</a> </li> <li class="nav__subitem"> <a href="https://otomotif.kompas.com/mobil" class="nav__sublink">Mobil</a> </li> <li class="nav__subitem"> <a href="https://otomotif.kompas.com/sport" class="nav__sublink">Sport</a> </li> <li class="nav__subitem"> <a href="https://otomotif.kompas.com/niaga" class="nav__sublink">Niaga</a> </li> <li class="nav__subitem"> <a href="https://otomotif.kompas.com/komunitas" class="nav__sublink">Komunitas</a> </li> <li class="nav__subitem"> <a href="https://otomotif.kompas.com/otopedia" class="nav__sublink">Otopedia</a> </li> <li class="nav__subitem"> <a href="https://otomotif.kompas.com/merapah" class="nav__sublink nav__sublink--hot">Merapah</a> </li> <li class="nav__subitem"> <a href="https://otomotif.kompas.com/ev-leadership" class="nav__sublink nav__sublink--hot">EV Leadership</a> </li> <li class="nav__subitem"> <a href="https://otomotif.kompas.com/elektrifikasi" class="nav__sublink nav__sublink--hot">Elektrifikasi</a> </li> <li class="nav__subitem"> <a href="https://lipsus.kompas.com/pameranotomotifnasional2024" class="nav__sublink nav__sublink--hot">Pameran</a> </li> </ul> </li> <li class="nav__item"> <a href="https://bola.kompas.com?source=navbar" class="nav__link nav__link--bola">Bola</a> <ul class="nav__sub nav__sub--bola"> <li class="nav__subitem"> <a href="https://bola.kompas.com/timnas-indonesia" class="nav__sublink">Timnas Indonesia</a> </li> <li class="nav__subitem"> <a href="https://bola.kompas.com/liga-indonesia" class="nav__sublink">Liga Indonesia</a> </li> <li class="nav__subitem"> <a href="https://bola.kompas.com/liga-italia" class="nav__sublink">Liga Italia</a> </li> <li class="nav__subitem"> <a href="https://bola.kompas.com/liga-champions" class="nav__sublink">Liga Champions</a> </li> <li class="nav__subitem"> <a href="https://bola.kompas.com/liga-lain" class="nav__sublink">Liga Lain</a> </li> <li class="nav__subitem"> <a href="https://bola.kompas.com/liga-inggris" class="nav__sublink">Liga Inggris</a> </li> <li class="nav__subitem"> <a href="https://bola.kompas.com/liga-spanyol" class="nav__sublink">Liga Spanyol</a> </li> <li class="nav__subitem"> <a href="https://bola.kompas.com/internasional" class="nav__sublink">Internasional</a> </li> <li class="nav__subitem"> <a href="https://bola.kompas.com/bundesliga" class="nav__sublink">Bundesliga</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/motogp" class="nav__sublink">Motogp</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/badminton" class="nav__sublink">Badminton</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/sports" class="nav__sublink">Sports</a> </li> <li class="nav__subitem"> <a href="https://indeks.kompas.com?site=bola" class="nav__sublink">Indeks</a> </li> </ul> </li> <li class="nav__item"> <a href="https://lifestyle.kompas.com?source=navbar" class="nav__link nav__link--lifestyle--active">Lifestyle</a> <ul class="nav__sub nav__sub--lifestyle"> <li class="nav__subitem"> <a href="https://lifestyle.kompas.com/wellness" class="nav__sublink">Wellness</a> </li> <li class="nav__subitem"> <a href="https://lifestyle.kompas.com/fashion" class="nav__sublink">Fashion</a> </li> <li class="nav__subitem"> <a href="https://lifestyle.kompas.com/relationship" class="nav__sublink">Relationship</a> </li> <li class="nav__subitem"> <a href="https://lifestyle.kompas.com/parenting" class="nav__sublink">Parenting</a> </li> <li class="nav__subitem"> <a href="https://lifestyle.kompas.com/beauty" class="nav__sublink">Beauty & Grooming</a> </li> <li class="nav__subitem"> <a href="https://genbest.kompas.com" class="nav__sublink nav__sublink--hot">Sadar Stunting</a> </li> <li class="nav__subitem"> <a href="https://buku.kompas.com" class="nav__sublink">Buku</a> </li> </ul> </li> <li class="nav__item"> <a href="https://www.kompas.com/tren?source=navbar" class="nav__link nav__link--tren">Tren</a> </li> <li class="nav__item"> <a href="https://lestari.kompas.com?source=navbar" class="nav__link nav__link--lestari">Lestari</a> </li> <li class="nav__item"> <a href="https://health.kompas.com?source=navbar" class="nav__link nav__link--health">Health</a> </li> <li class="nav__item"> <a href="https://money.kompas.com/?source=navbar" class="nav__link nav__link--money">Money</a> <ul class="nav__sub nav__sub--money"> <li class="nav__subitem"> <a href="https://money.kompas.com/ekbis" class="nav__sublink">Ekbis</a> </li> <li class="nav__subitem"> <a href="https://money.kompas.com/keuangan" class="nav__sublink">Keuangan</a> </li> <li class="nav__subitem"> <a href="https://money.kompas.com/syariah" class="nav__sublink">Syariah</a> </li> <li class="nav__subitem"> <a href="https://money.kompas.com/industri" class="nav__sublink">Industri</a> </li> <li class="nav__subitem"> <a href="https://money.kompas.com/energi" class="nav__sublink">Energi</a> </li> <li class="nav__subitem"> <a href="https://money.kompas.com/karier" class="nav__sublink">Karier</a> </li> <li class="nav__subitem"> <a href="https://money.kompas.com/cuan" class="nav__sublink">Cuan</a> </li> <li class="nav__subitem"> <a href="https://money.kompas.com/belanja" class="nav__sublink">Belanja</a> </li> <!-- <li class="nav__subitem"> <a href="https://money.kompas.com/smartpreneur" class="nav__sublink">Smartpreneur</a> </li> --> <!-- <li class="nav__subitem"> <a href="https://kilasbumn.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas BUMN</a> </li> --> <li class="nav__subitem"> <a href="https://kilasbadan.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas Badan</a> </li> <li class="nav__subitem"> <a href="https://kilastransportasi.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas Transportasi</a> </li> <li class="nav__subitem"> <a href="https://kilasfintech.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas Fintech</a> </li> <li class="nav__subitem"> <a href="https://kilasperbankan.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas Perbankan</a> </li> <li class="nav__subitem"> <a href="https://kolom.kompas.com/Tanya.Pajak" class="nav__sublink">Tanya Pajak</a> </li> <li class="nav__subitem"> <a href="https://indeks.kompas.com?site=money" class="nav__sublink">Indeks</a> </li> <li class="nav__subitem"> <a href="https://kilasinvestasi.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas Investasi</a> </li> </ul> </li> <li class="nav__item"> <a href="https://properti.kompas.com/?source=navbar" class="nav__link nav__link--properti">Properti</a> <ul class="nav__sub nav__sub--properti"> <li class="nav__subitem"> <a href="https://www.kompas.com/properti" class="nav__sublink">News</a> </li> <li class="nav__subitem"> <a href="https://properti.kompas.com/hunian" class="nav__sublink">Hunian</a> </li> <li class="nav__subitem"> <a href="https://properti.kompas.com/arsitektur" class="nav__sublink">Arsitektur</a> </li> <li class="nav__subitem"> <a href="https://properti.kompas.com/beranda" class="nav__sublink">Beranda</a> </li> <li class="nav__subitem"> <a href="https://properti.kompas.com/konsultasi" class="nav__sublink">Konsultasi</a> </li> <li class="nav__subitem"> <a href="https://properti.kompas.com/figur" class="nav__sublink">Figur</a> </li> <li class="nav__subitem"> <a href="https://properti.kompas.com/tips" class="nav__sublink">Tips</a> </li> <li class="nav__subitem"> <a href="https://properti.kompas.com/galeri-360" class="nav__sublink">Galeri 360</a> </li> <li class="nav__subitem"> <a href="https://properti.kompas.com/search" class="nav__sublink">Indeks</a> </li> <li class="nav__subitem"> <a href="https://sorot.kompas.com" class="nav__sublink nav__sublink--hot">Sorot Properti</a> </li> </ul> </li> <li class="nav__item"> <a href="https://www.kompas.com/food?source=navbar" class="nav__link nav__link--food">Food</a> <ul class="nav__sub nav__sub--food"> <li class="nav__subitem"> <a href="https://www.kompas.com/food/resep" class="nav__sublink">Resep</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/food/tips-kuliner" class="nav__sublink">Tips Kuliner</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/food/food-news" class="nav__sublink">Food News</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/food/food-story" class="nav__sublink">Food Story</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/food/tempat-makan" class="nav__sublink">Tempat Makan</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/food/gallery" class="nav__sublink">Galeri</a> </li> <li class="nav__subitem"> <a href="https://kilasfood.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Food</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/food/panduan-kuliner-yogyakarta" class="nav__sublink">Panduan Kuliner Yogyakarta</a> </li> </ul> </li> <li class="nav__item"> <a href="https://umkm.kompas.com/?source=navbar" class="nav__link nav__link--umkm">UMKM</a> <ul class="nav__sub nav__sub--umkm"> <li class="nav__subitem"> <a href="https://umkm.kompas.com" class="nav__sublink">Beranda UMKM</a> </li> <li class="nav__subitem"> <a href="https://umkm.kompas.com/training" class="nav__sublink">Training</a> </li> <li class="nav__subitem"> <a href="https://umkm.kompas.com/jagoan-lokal" class="nav__sublink">Jagoan Lokal</a> </li> <li class="nav__subitem"> <a href="https://umkm.kompas.com/program" class="nav__sublink">Program</a> </li> <li class="nav__subitem"> <a href="https://kilasumkm.kompas.com" class="nav__sublink nav__sublink--hot">Kilas UMKM</a> </li> <li class="nav__subitem"> <a href="https://sorotumkm.kompas.com" class="nav__sublink nav__sublink--hot">Sorot UMKM</a> </li> </ul> </li> <li class="nav__item"> <a href="https://edukasi.kompas.com/?source=navbar" class="nav__link nav__link--edukasi">Edukasi</a> <ul class="nav__sub nav__sub--edukasi"> <li class="nav__subitem"> <a href="https://edukasi.kompas.com/sekolah" class="nav__sublink">Sekolah</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/edu" class="nav__sublink">Edu News</a> </li> <li class="nav__subitem"> <a href="https://edukasi.kompas.com/perguruan-tinggi" class="nav__sublink">Perguruan Tinggi</a> </li> <li class="nav__subitem"> <a href="https://edukasi.kompas.com/pendidikan-khusus" class="nav__sublink">Pendidikan Khusus</a> </li> <li class="nav__subitem"> <a href="https://edukasi.kompas.com/beasiswa" class="nav__sublink">Beasiswa</a> </li> <li class="nav__subitem"> <a href="https://edukasi.kompas.com/literasi" class="nav__sublink">Literasi</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/skola" class="nav__sublink nav__link--new">Skola</a> </li> <li class="nav__subitem"> <a href="https://kilaspendidikan.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Pendidikan</a> </li> </ul> </li> <li class="nav__item"> <a href="https://travel.kompas.com/?source=navbar" class="nav__link nav__link--travel">Travel</a> <ul class="nav__sub nav__sub--travel"> <li class="nav__subitem"> <a href="https://travel.kompas.com/travel-news" class="nav__sublink">Travel News</a> </li> <li class="nav__subitem"> <a href="https://travel.kompas.com/travel-ideas" class="nav__sublink">Travel Ideas</a> </li> <li class="nav__subitem"> <a href="https://travel.kompas.com/hotel-story" class="nav__sublink">Hotel Story</a> </li> <li class="nav__subitem"> <a href="https://travel.kompas.com/travelpedia" class="nav__sublink">Travelpedia</a> </li> <li class="nav__subitem"> <a href="https://travel.kompas.com/galeri" class="nav__sublink">Galeri</a> </li> <li class="nav__subitem"> <a href="https://ohayojepang.kompas.com" class="nav__sublink">Ohayo Jepang</a> </li> <li class="nav__subitem"> <a href="https://travel.kompas.com/search" class="nav__sublink">Indeks</a> </li> </ul> </li> <li class="nav__item"> <a href="#" class="nav__link nav__link--lainnya"><span class="icoBase icoInline icoBurger" aria-label="Lainnya" title="Lainnya"></span></a> <ul class="nav__sub nav__sub--lainnya"> <li class="nav__subitem"> <a href="https://video.kompas.com?source=navbar" class="nav__sublink">Video</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/parapuan?source=navbar" class="nav__sublink">Parapuan</a> </li> <li class="nav__subitem"> <a href="https://kolom.kompas.com/?source=navbar" class="nav__sublink">Kolom</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/sains?source=navbar" class="nav__sublink">Sains</a> </li> <li class="nav__subitem"> <a href="https://jeo.kompas.com/?source=navbar" class="nav__sublink">JEO</a> </li> <li class="nav__subitem"> <a href="https://foto.kompas.com/photo?source=navbar" class="nav__sublink">Foto</a> </li> <li class="nav__subitem"> <a href="https://vik.kompas.com/?source=navbar" class="nav__sublink">VIK</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/homey?source=navbar" class="nav__sublink">Homey</a> </li> <li class="nav__subitem"> <a href="https://katanetizen.kompas.com/?source=navbar" class="nav__sublink">Kata Netizen</a> </li> </ul> </li> </ul> <ul id="lestariMenu" class="nav__sub nav__sub--lestari navSub"> <li class="navSub-col --col1"> <div class="navSub-label">KATEGORI PROGRAM</div> <ul class="navSub-inner"> <li><a href="https://lestari.kompas.com/pemerintah">Pemerintah</a></li> <li><a href="https://lestari.kompas.com/swasta">Swasta</a></li> <li><a href="https://lestari.kompas.com/lsm-figur">LSM/Figur</a></li> <li><a href="https://lestari.kompas.com/bumn">BUMN</a></li> </ul> </li> <li class="navSub-col --col2"> <div class="navSub-subcol --subcol"> <div class="navSub-grup"><a href="https://lestari.kompas.com/category/kesehatan">Kesehatan</a></div> <ul class="navSub-inner"> <li><a href="https://lestari.kompas.com/tujuan/kehidupan-sehat-dan-sejahtera">Kehidupan sehat dan sejahtera</a></li> <li><a href="https://lestari.kompas.com/tujuan/air-bersih-dan-sanitasi-layak">Air bersih dan sanitasi layak</a></li> </ul> <div class="navSub-grup"><a href="https://lestari.kompas.com/category/pendidikan">Pendidikan</a></div> <ul class="navSub-inner"> <li><a href="https://lestari.kompas.com/tujuan/pendidikan-berkualitas">Pendidikan Berkualitas</a></li> </ul> <div class="navSub-grup"><a href="https://lestari.kompas.com/category/lingkungan">Lingkungan</a></div> <ul class="navSub-inner"> <li><a href="https://lestari.kompas.com/tujuan/energi-bersih-dan-terjangkau">Energi Bersih dan Terjangkau</a></li> <li><a href="https://lestari.kompas.com/tujuan/penanganan-perubahan-iklim">Penanganan Perubahan Iklim</a></li> <li><a href="https://lestari.kompas.com/tujuan/ekosistem-lautan">Ekosistem Lautan</a></li> <li><a href="https://lestari.kompas.com/tujuan/ekosistem-daratan">Ekosistem Daratan</a></li> </ul> </div> <div class="navSub-subcol --subcol"> <div class="navSub-grup"><a href="https://lestari.kompas.com/category/ekonomi-dan-umkm">Ekonomi dan UMKM</a></div> <ul class="navSub-inner"> <li><a href="https://lestari.kompas.com/tujuan/tanpa-kemiskinan">Tanpa Kemiskinan</a></li> <li><a href="https://lestari.kompas.com/tujuan/tanpa-kelaparan">Tanpa Kelaparan</a></li> <li><a href="https://lestari.kompas.com/tujuan/kesetaraan-gender">Kesetaraan Gender</a></li> <li><a href="https://lestari.kompas.com/tujuan/pekerjaan-layak-dan-pertumbuhan-ekonomi">Pekerjaan Layak dan Pertumbuhan ekonomi</a></li> <li><a href="https://lestari.kompas.com/tujuan/industri-inovasi-dan-infrastruktur">Industri, Inovasi &amp; Infrastruktur</a></li> <li><a href="https://lestari.kompas.com/tujuan/berkurangnya-kesenjangan">Berkurangnya Kesenjangan</a></li> <li><a href="https://lestari.kompas.com/tujuan/kota-dan-pemukiman-yang-berkelanjutan">Kota &amp; Pemukiman yang Berkelanjutan</a></li> <li><a href="https://lestari.kompas.com/tujuan/konsumsi-dan-produksi-yang-bertanggungjawab">Konsumsi &amp; Produksi yang bertanggungjawab</a></li> </ul> </div> </li> <li class="navSub-col --col3"> <div class="navSub-label">PROGRAM LESTARI</div> <ul class="navSub-inner"> <li> <a href="https://lestari.kompas.com/program/cantikpreneurship" class="navLestariProgram"> <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jagoan-lokal.png" alt="Cantikpreneurship"> </a> </li> <li> <a href="https://lestari.kompas.com/program/jernihkan-bumi" class="navLestariProgram"> <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-bumi.png" alt="Jernihkan Bumi"> </a> </li> <li> <a href="https://lestari.kompas.com/program/jernihkan-harapan" class="navLestariProgram"> <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-harapan.png" alt="Jernihkan Harapan"> </a> </li> <li> <a href="https://lestari.kompas.com/program/festival-ceban" class="navLestariProgram"> <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-festival-ceban.png" alt="Festival Ceban"> </a> </li> <li> <a href="https://lestari.kompas.com/program/jurnalisme-berkebangsaan" class="navLestariProgram"> <img src="https://asset.kompas.com/data/2023/06/07/kompascom/desktop/lestari/images/logo_gate_jurnalisme.png" alt="Jurnalisme Berkebangsaan"> </a> </li> <li> <a href="https://lestari.kompas.com/program/generasi-bangkit" class="navLestariProgram"> <img src="https://asset.kompas.com/data/2023/06/22/kompascom/mobile/lestari/images/logo-generasibangkit.svg?v=1" alt="Generasi Bangkit"> </a> </li> </ul> <a class="navSub-more" href="https://lestari.kompas.com/program">Lihat semua</a> </li> </ul> </div> <!-- share--> </div> </div> <script src="https://asset.kompas.com/data/2023/11/03/darkmode/js/dark-mode.min.js"></script> <div class="kanalHeader" data-kanal="lifestyle"> <div class="container"> <div class="kanalHeader-wrap"> <div class="kanalLogo"> <a href="https://lifestyle.kompas.com/"> <span>Lifestyle</span> </a> </div> <div class="kanalMenu"> <ul> <li><a href="https://lifestyle.kompas.com/beauty">Beauty &amp; Grooming</a></li> <li><a href="https://lifestyle.kompas.com/fashion" >Fashion</a></li> <li><a href="https://lifestyle.kompas.com/wellness">Wellness</a></li> <li><a href="https://lifestyle.kompas.com/relationship">Relationship</a></li> <li><a href="https://lifestyle.kompas.com/parenting">Parenting</a></li> <li><a href="https://genbest.kompas.com/" class=" subkanal--ad">Sadar Stunting</a> <li><a href="https://buku.kompas.com/">Buku</a></li> <li><a href="https://indeks.kompas.com/?site=lifestyle">Indeks</a></li> </ul> </div> </div> </div> </div> <!-- (ads.skin) --> <!-- container--> <div class="container clearfix"> <div class="row mt2 col-offset-fluid clearfix"> <div class="col-xs-10"> <div class="kcm kcm__top clearfix"> <div class="kcm__sticky__top"> <div id='div-gpt-ad-Top_1-1'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-Top_1-1'); }); </script> </div> <!-- DFP Vignette --> <script> if(document.cookie.indexOf('vignette_cookies=') == -1){ var getVignette = function() { googletag.cmd.push(function() { din = googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/female/vignette', googletag.enums.OutOfPageFormat.INTERSTITIAL); if (din !== null) { din.setTargeting('Pos', ['vignette']); din.setTargeting('kg_pos', ['vignette']); din.addService(googletag.pubads()); } googletag.pubads().enableSingleRequest(); googletag.enableServices(); googletag.pubads().refresh([din]); }); }; getVignette(); // setcookie 1 jam var d = new Date() d.setTime(d.getTime() + 1800 * 1000) document.cookie = "vignette_cookies=1;expires=" + d.toUTCString() + ";domain=.kompas.com;path=/";document.cookie = "vignette_cookies_session=1" } </script> <!-- End DFP Vignette --> </div> </div> </div> </div> <div class="gate-kgplus"> <span>Baca berita tanpa iklan. <a href="https://traid.jixie.io/sync/ck?desturl=https%3A%2F%2Fplus.kompas.com%2F%3Fsource%3DKompas.com%26medium%3Dbelowads%26campaign%3DBacaBeritaTanpaIklan&cid=3085&cpid=804">Gabung Kompas.com+</a></span> </div> <div class="row mt2 col-offset-fluid clearfix"> <iframe id="randomIframe" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border: 0px;vertical-align: bottom;height: 200px;width: 100%;"></iframe> </div> <script> // Daftar URL widget var widgetUrls = [ "https://widget.kompas.com/pilkada/v1", "https://widget.kompas.com/jokowi-prabowo/v1?v=2" ]; // Fungsi untuk memilih URL acak dari array widgetUrls function getRandomWidgetUrl() { return widgetUrls[Math.floor(Math.random() * widgetUrls.length)]; } // Menyisipkan URL acak ke dalam atribut src dari iframe document.getElementById("randomIframe").src = getRandomWidgetUrl(); </script> <!-- (ads.focus.update) --> <!-- tagging--> <!-- content--> <div class="row mt32 col-offset-fluid clearfix stickyBox-flex"> <div class="col-bs10-7"> <div class="sectionBox pt0"> <div class="articleHL"> <div class="articleHL-big"> <div class="articleHL-big-inner swiper-articleHL"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="articleHL-item"> <a href="https://lifestyle.kompas.com/read/2024/11/24/073432620/sukses-turun-19-kg-erlina-mulai-olahraga-untuk-naikkan-massa-otot"> <div class="articleHL-wrap"> <div class="articleHL-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/e0vu0c2c9eZayUg4AA6SAo-cZ4I=/0x411:899x1010/750x500/data/photo/2024/11/23/674159f8d5192.jpg" alt="Sukses Turun 19 Kg, Erlina Mulai Olahraga untuk Naikkan Massa Otot"> </div> <div class="articleHL-box"> <h1 class="articleTitle">Sukses Turun 19 Kg, Erlina Mulai Olahraga untuk Naikkan Massa Otot</h1> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle ">WELLNESS</div> </li> <li> <div class="articlePost-date">24/11/2024</div> </li> </ul> </div> </div> </div> </a> </div> </div> </div> </div> </div> <div class="articleHL-small clearfix --Grid"> <div class="articleHL-wrap"> <div class="articleItem"> <a href="https://lifestyle.kompas.com/read/2024/11/23/162100420/ketahui-6-istilah-potongan-rambut-laki-laki-dari-fade-hingga-undercut"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/T33fnqkEda0QR5MzWlKKb-dwsyA=/0x0:738x492/750x500/data/photo/2024/08/29/66d033ea7553b.jpg" alt="Ketahui 6 Istilah Potongan Rambut Laki-Laki, dari Fade hingga Undercut"> </div> <div class="articleItem-box"> <h2 class="articleTitle">Ketahui 6 Istilah Potongan Rambut Laki-Laki, dari Fade hingga Undercut</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle ">BEAUTY & GROOMING</div> </li> <li> <div class="articlePost-date">23/11/2024</div> </li> </ul> </div> </div> </a> </div> <div class="articleItem"> <a href="https://lifestyle.kompas.com/read/2024/11/23/154418820/dari-enhypen-hingga-bruno-mars-intip-8-gaya-selebriti-di-mama-award-2024"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/T0IupqHgEmXaEr2ExYwsZ7KDFfM=/0x0:0x0/750x500/data/photo/2024/11/22/674069b107c79.jpg" alt="Dari Enhypen hingga Bruno Mars, Intip 8 Gaya Selebriti di MAMA Award 2024"> </div> <div class="articleItem-box"> <h2 class="articleTitle">Dari Enhypen hingga Bruno Mars, Intip 8 Gaya Selebriti di MAMA Award 2024</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle ">FASHION</div> </li> <li> <div class="articlePost-date">23/11/2024</div> </li> </ul> </div> </div> </a> </div> <div class="articleItem"> <a href="https://lifestyle.kompas.com/read/2024/11/21/164500620/dari-ringgo-hingga-prilly-ini-6-gaya-artis-pemenang-piala-citra-2024"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/h0hVQywgQ3h6fz9jp-fnsAuZX2o=/0x0:4988x3325/750x500/data/photo/2024/11/21/673ec5361eaf2.jpg" alt="Dari Ringgo hingga Prilly, Ini 6 Gaya Artis Pemenang Piala Citra 2024"> </div> <div class="articleItem-box"> <h2 class="articleTitle">Dari Ringgo hingga Prilly, Ini 6 Gaya Artis Pemenang Piala Citra 2024</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle ">FASHION</div> </li> <li> <div class="articlePost-date">21/11/2024</div> </li> </ul> </div> </div> </a> </div> </div> </div> </div> </div> <div class="sectionBox --line"> <div class="sectionBoxsc"> <div class="sectionHead -sc"> <div class="sectionHead-wrap"> Pilihan Untukmu </div> </div> </div> <div class="articleList -listGrid"> </div> </div> <div class="overlay-desktop"> <div id='div-gpt-ad-Overlay-oop'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-Overlay-oop'); }); </script> </div> </div> <!-- (ads.center.1) --> <!-- (ads.native) --> <div class="sectionBox --slideShorts"> <div class="sectionHead -sc"> <div class="sectionHead-wrap"> Lifestyle in Shorts </div> </div> <div class="kgplayGate kgplayHl swiper-topik --kanalroll"> <div class="kgplayGate__wrap -slider swiper-wrapper"> <div class="kgplayItem"> <a href="https://video.kompas.com/rolls/lifestyle/1768712" class="kgplayLink"> <div class="kgplayImg"> <img src="https://video.kgnow.com/1001/1768712/1768712_406x720.jpg" alt="Awas! Apa yang Membuat Anak Jadi Pelaku Bullying?"> <div class="kgplayItem-play"></div> <div class="kgplayItem-box"> <div class="kgplayItem-title"> Awas! Apa yang Membuat Anak Jadi Pelaku Bullying? </div> </div> </div> </a> </div> <div class="kgplayItem"> <a href="https://video.kompas.com/rolls/lifestyle/1768689" class="kgplayLink"> <div class="kgplayImg"> <img src="https://video.kgnow.com/1001/1768689/1768689_406x720.jpg" alt="Orangtua, Jangan Posisikan Anak sebagai Korban Bullying"> <div class="kgplayItem-play"></div> <div class="kgplayItem-box"> <div class="kgplayItem-title"> Orangtua, Jangan Posisikan Anak sebagai Korban Bullying </div> </div> </div> </a> </div> <div class="kgplayItem"> <a href="https://video.kompas.com/rolls/lifestyle/1606127" class="kgplayLink"> <div class="kgplayImg"> <img src="https://video.kgnow.com/1001/1606127/1606127_406x720.jpg" alt="Selamat Hari Kebaya Nasional"> <div class="kgplayItem-play"></div> <div class="kgplayItem-box"> <div class="kgplayItem-title"> Selamat Hari Kebaya Nasional </div> </div> </div> </a> </div> <div class="kgplayItem"> <a href="https://video.kompas.com/rolls/lifestyle/1605773" class="kgplayLink"> <div class="kgplayImg"> <img src="https://video.kgnow.com/1001/1605773/1605773_406x720.jpg" alt="Selamat Hari Kebaya Nasional!"> <div class="kgplayItem-play"></div> <div class="kgplayItem-box"> <div class="kgplayItem-title"> Selamat Hari Kebaya Nasional! </div> </div> </div> </a> </div> <div class="kgplayItem"> <a href="https://video.kompas.com/rolls/lifestyle/1605759" class="kgplayLink"> <div class="kgplayImg"> <img src="https://video.kgnow.com/1001/1605759/1605759_406x720.jpg" alt="Ada Siapa Saja di Perayaan Hari Kebaya Nasional?"> <div class="kgplayItem-play"></div> <div class="kgplayItem-box"> <div class="kgplayItem-title"> Ada Siapa Saja di Perayaan Hari Kebaya Nasional? </div> </div> </div> </a> </div> <div class="kgplayItem"> <a href="https://video.kompas.com/rolls/lifestyle/1588887" class="kgplayLink"> <div class="kgplayImg"> <img src="https://video.kgnow.com/1001/1588887/1588887_406x720.jpg" alt="Cara Ikat Sepatu Anti-Mudah Lepas"> <div class="kgplayItem-play"></div> <div class="kgplayItem-box"> <div class="kgplayItem-title"> Cara Ikat Sepatu Anti-Mudah Lepas </div> </div> </div> </a> </div> <div class="kgplayItem"> <a href="https://video.kompas.com/rolls/lifestyle/1588871" class="kgplayLink"> <div class="kgplayImg"> <img src="https://video.kgnow.com/1001/1588871/1588871_406x720.jpg" alt="Cara Ikat Tali Sepatu Anti-Mudah Lepas"> <div class="kgplayItem-play"></div> <div class="kgplayItem-box"> <div class="kgplayItem-title"> Cara Ikat Tali Sepatu Anti-Mudah Lepas </div> </div> </div> </a> </div> </div> </div> </div> <!-- (ads.paralax) --> <div class="sectionBox"> <div class="articleHL"> <div class="articleHL-bigHighlight"> <div class="articleHL-wrap --boxsq"> <div class="articleHL-box"> <div class="sectionHead -sc"> <div class="sectionHead-wrap"> Icon </div> </div> <a href="http://lifestyle.kompas.com/read/2024/07/22/204328420/cerita-atie-nitiasmoro-ikut-lestarikan-kebaya-sempat-dicemooh"> <h1 class="articleTitle">Cerita Atie Nitiasmoro Ikut Lestarikan Kebaya, Sempat Dicemooh</h1> </a> </div> <div class="articleHL-img"> <img src="https://asset.kompas.com/crops/nCu6BekVcaZNJia8o_sD8RLFFzk=/0x0:3120x2080/750x500/data/photo/2024/07/22/669e2775f0b01.jpeg" alt="Cerita Atie Nitiasmoro Ikut Lestarikan Kebaya, Sempat Dicemooh"> </div> </div> </div> </div> </div> <div class="sectionBox"> <div class="sectionHead -sc"> <div class="sectionHead-wrap"> Kalkulator BMI </div> </div> <div class="wLifestyle --mh400"> <div class="wLifestyle-card"> <div class="wLifestyle-wrap --param"> <div class="wLifestyle-desc"> <div class="wLifestyle-detail"> <p>Berat badan ideal adalah impian semua orang. Selain penampilan bagus, berat badan ideal juga menandakan kondisi tubuh sehat. Bagaimana dengan kondisimu? Yuk, berhitung dengan BMI Kalkulator.</p> </div> <div class="wLifestyle-note">Fitur ini tidak diperuntukkan untuk melakukan diagnosis mandiri. Lakukan konsultasi dengan dokter atau tenaga medis untuk mendapatkan pemeriksaan dan penanganan yang tepat.</div> </div> <div class="wLifestyle-question"> <div class="wLifestyle-parameter"> <div class="wLifestyle-titleparam mb-10">Masukkan datamu di sini:</div> <form action="https://lifestyle.kompas.com/tools/kalkulator-bmi" method="GET" id="wLifestyle-steps" class="wLifestyle-form" onsubmit="return validateForm()"> <div class="wLifestyle-inner"> <div class="radioGender"> <label>Pilih Jenis Kelaminmu</label> <div class="radioGender-box"> <label class="radioGender-radio" for="bmi_laki-laki"> <input id="bmi_laki-laki" type="radio" name="gender" value="L"> <div class="icn-gender --male"></div> <div class="radioGender-label">Laki-laki</div> </label> <label class="radioGender-radio" for="bmi_perempuan"> <input id="bmi_perempuan" type="radio" name="gender" value="P"> <div class="icn-gender --female"></div> <div class="radioGender-label">Perempuan</div> </label> </div> </div> <div class="inputGroup-bmi"> <div class="formGroup"> <label for="">Berapa Tinggimu? (cm)</label> <input type="text" placeholder="0" min="0" max="300" onkeypress="return isNumberKey(event);" name="height"> </div> <div class="formGroup"> <label for="">Berapa Beratmu? (kg)</label> <input type="text" placeholder="0" min="0" max="300" onkeypress="return isNumberKey(event);" name="weight"> </div> </div> </div> <div class="wLifestyle-bottom"> <button class="btn">Hitung BMI</button> </div> </form> </div> </div> </div> </div> </div> <div class="wLifestyle-nav --box"> <div class="wLifestyle-nav--title"> <h4>Cek kesehatanmu dengan widget lain:</h4> </div> <div class="wLifestyle-nav--list"> <a href="https://lifestyle.kompas.com/tools/kalkulator-risiko-jantung" class="btnNav"> <div class="btnNav-icon"> <img src="https://asset.kompas.com/data/2024/07/18/kompascom/desktop/images/icn-Resiko-Jantung.png" alt=""> </div> <span>Risiko Jantung</span> </a> <a href="https://lifestyle.kompas.com/tools/kalkulator-tingkat-stres" class="btnNav"> <div class="btnNav-icon"> <img src="https://asset.kompas.com/data/2024/07/18/kompascom/desktop/images/icn-Stress-Level.png" alt=""> </div> <span>Tingkat Stres</span> </a> <a href="https://lifestyle.kompas.com/tools/kalkulator-risiko-diabetes" class="btnNav"> <div class="btnNav-icon"> <img src="https://asset.kompas.com/data/2024/07/18/kompascom/desktop/images/icn-Resiko-Diabetes.png" alt=""> </div> <span>Risiko Diabetes</span> </a> </div> </div> </div> <script> function validateForm() { var gender = document.querySelector('input[name="gender"]:checked'); if (!gender) { alert("Silakan pilih jenis kelaminmu."); return false; } var height = document.querySelector('input[name="height"]').value; if (height === '' || isNaN(height) || height <= 0) { alert("Silakan masukkan tinggi badan yang valid (cm)."); return false; } var weight = document.querySelector('input[name="weight"]').value; if (weight === '' || isNaN(weight) || weight <= 0) { alert("Silakan masukkan berat badan yang valid (kg)."); return false; } return true; } </script> <div class="sectionBox --line"> <div class="sectionHead -sc"> <div class="sectionHead-wrap"> Galeri Foto </div> </div> <div class="articleGallery-wrap"> <div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/galeri/detail/234/Miss.Universe.Indonesia.2024.Bicara.Kesehatan.Mental.hingga.Pendidikan"> <div class="articleItem-img"> <img src="https://asset.kompas.com/crops/er4MgGlnaOPm91k-3ZxkEPM6TTM=/0x0:0x0/946x643/data/photo/2024/10/11/6708bf9951c46.jpg" alt="Miss Universe Indonesia 2024, Bicara Kesehatan Mental hingga Pendidikan"> <div class="articlePhoto-count">10 Foto</div> </div> <div class="articleItem-box"> <h2 class="articleTitle">Miss Universe Indonesia 2024, Bicara Kesehatan Mental hingga Pendidikan</h2> </div> </a> </div> <div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/galeri/detail/233/Kisah.Jakarta.dalam.Sehelai.Kain.Batik"> <div class="articleItem-img"> <img src="https://asset.kompas.com/crops/o1Ds48OVguHQb6_HL8FX8P5qFLE=/0x0:0x0/946x643/data/photo/2024/09/30/66fa1bd327bb6.jpg" alt="Kisah Jakarta dalam Sehelai Kain Batik"> <div class="articlePhoto-count">9 Foto</div> </div> <div class="articleItem-box"> <h2 class="articleTitle">Kisah Jakarta dalam Sehelai Kain Batik</h2> </div> </a> </div> </div> </div> <!-- (ads.center.2) --> <div class="sectionBox --line"> <div class="sectionHead -sc"> <div class="sectionHead-wrap"> Terkini </div> <a class="articleMore" href="https://indeks.kompas.com/?site=lifestyle">Lihat semua</a> </div> <div class="articleList -list"> <div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/25/181710120/sering-diabaikan-istirahat-penting-untuk-menjaga-performa-olahraga"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/sznzlToqIz7xJkNEIg4ZSioQS-c=/0x0:498x332/750x500/data/photo/2023/03/30/64254c71e95e8.png" alt="Sering Diabaikan, Istirahat Penting untuk Menjaga Performa Olahraga" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Sering Diabaikan, Istirahat Penting untuk Menjaga Performa Olahraga</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Wellness</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/25/171501720/kapan-waktu-terbaik-membicarakan-soal-keuangan-bersama-pasangan"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/vgCBwNB7AU4s_Pm18S080FFhzZM=/59x29:647x421/750x500/data/photo/2022/09/25/632fc796ca958.png" alt="Kapan Waktu Terbaik Membicarakan soal Keuangan Bersama Pasangan?" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Kapan Waktu Terbaik Membicarakan soal Keuangan Bersama Pasangan?</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Relationship</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/25/171336320/rasa-percaya-diri-naik-ini-dia-tip-menghilangkan-bau-badan"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/YEx9JeIxoomm905r0IIAitOsZjM=/0x0:780x520/750x500/data/photo/2024/11/25/6743f4fe4b79c.jpg" alt="Rasa Percaya Diri Naik, Ini Dia Tip Menghilangkan Bau Badan" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Rasa Percaya Diri Naik, Ini Dia Tip Menghilangkan Bau Badan</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Beauty & Grooming</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/25/165913920/tampil-menawan-dengan-paduan-anting-panjang-dan-tusuk-ala-putri-marino"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/Mfdqyhi-pwq18JNE2nF2nhTogjw=/0x0:780x520/750x500/data/photo/2024/11/25/6744358c9d15d.jpg" alt="Tampil Menawan dengan Paduan Anting Panjang dan Tusuk ala Putri Marino, Begini Caranya" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Tampil Menawan dengan Paduan Anting Panjang dan Tusuk ala Putri Marino, Begini Caranya</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Beauty & Grooming</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/25/151500120/cara-soraya-larasati-atasi-gelisah-sebelum-maraton"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crop/0x0:0x0/750x500/data/photo/2024/11/21/673e8c20da3bc.jpeg" alt="Cara Soraya Larasati Atasi Gelisah Sebelum Maraton" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Cara Soraya Larasati Atasi Gelisah Sebelum Maraton</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Wellness</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/25/141000520/menganggur-alasan-faktor-ekonomi-jadi-penyebab-perceraian"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crop/63x0:1000x625/750x500/data/photo/2022/09/21/632a86ac6e2b8.jpg" alt="Menganggur, Alasan Faktor Ekonomi Jadi Penyebab Perceraian" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Menganggur, Alasan Faktor Ekonomi Jadi Penyebab Perceraian</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Relationship</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/25/131100920/sering-terjadi-ini-6-kesalahan-umum-ketika-menggunakan-skincare"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crop/76x0:630x369/750x500/data/photo/2024/10/23/67189fbe77e21.jpg" alt="Sering Terjadi, Ini 6 Kesalahan Umum Ketika Menggunakan Skincare" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Sering Terjadi, Ini 6 Kesalahan Umum Ketika Menggunakan Skincare</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Beauty & Grooming</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/25/122007920/2-tips-memakai-pakaian-musim-dingin-agar-tak-terasa-berat"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/sYR2gL8x01ELYHKtlOHWbFCQd4A=/0x330:3959x2969/750x500/data/photo/2024/11/22/67403f6fd8e21.jpg" alt="2 Tips Memakai Pakaian Musim Dingin agar Tak Terasa Berat" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">2 Tips Memakai Pakaian Musim Dingin agar Tak Terasa Berat</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Fashion</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </div> </a> </div> </div> </div> <div class="sectionBox --line"> <div class="sectionHead -sc"> <div class="sectionHead-wrap"> Fashion </div> <a class="articleMore" href="https://lifestyle.kompas.com/fashion">Lihat semua</a> </div> <div class="articleHL"> <div class="articleHL-bigType2"> <a href="https://lifestyle.kompas.com/read/2024/11/25/122007920/2-tips-memakai-pakaian-musim-dingin-agar-tak-terasa-berat"> <div class="articleHL-wrap"> <div class="articleHL-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/sYR2gL8x01ELYHKtlOHWbFCQd4A=/0x330:3959x2969/750x500/data/photo/2024/11/22/67403f6fd8e21.jpg" alt="2 Tips Memakai Pakaian Musim Dingin agar Tak Terasa Berat"> </div> <div class="articleHL-box"> <h1 class="articleTitle">2 Tips Memakai Pakaian Musim Dingin agar Tak Terasa Berat</h1> <div class="articleLead"> <p>Layering pakaian untuk musim dingin bisa terasa tebal dan tidak nyaman. Ini dua tips untuk membangun outfit musim dingin yang ringan tapi hangat</p> </div> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Fashion</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </div> </a> </div> <div class="articleHL-small clearfix"> <div class="articleHL-wrap"> <div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/24/131000020/gampang-dipadupadankan-warna-netral-jadi-outfit-andalan-julie-estelle"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/eORY0RRpCAE6kGpfEYd2XFzKkQc=/0x119:2562x1827/250x150/data/photo/2024/11/21/673f551b045b3.jpeg" alt="Gampang Dipadupadankan, Warna Netral Jadi 'Outfit' Andalan Julie Estelle"> </div> <div class="articleItem-box"> <h2 class="articleTitle">Gampang Dipadupadankan, Warna Netral Jadi "Outfit" Andalan Julie Estelle</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Fashion</div> </li> <li> <div class="articlePost-date">24/11/2024</div> </li> </ul> </div> </div> </a> </div> <div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/24/122315320/cara-padu-padan-koleksi-musim-dingin-uniqlo-dan-anya-hindmarch-untuk"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/hlaBDyy0dd0bylMmIOGVOSr3vuE=/0x97:3389x2357/250x150/data/photo/2024/11/24/674295e325da6.jpeg" alt="Cara Padu Padan Koleksi Musim Dingin Uniqlo dan Anya Hindmarch untuk Negara Tropis "> </div> <div class="articleItem-box"> <h2 class="articleTitle">Cara Padu Padan Koleksi Musim Dingin Uniqlo dan Anya Hindmarch untuk Negara Tropis </h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Fashion</div> </li> <li> <div class="articlePost-date">24/11/2024</div> </li> </ul> </div> </div> </a> </div> <div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/24/111100420/2-cara-mencuci-jaket-musim-dingin-jangan-asal"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/Kqu37kNzpkioKr6I3vIIiT9zMDk=/0x0:6000x4000/250x150/data/photo/2024/11/22/67404019cf06f.jpg" alt="2 Cara Mencuci Jaket Musim Dingin, Jangan Asal"> </div> <div class="articleItem-box"> <h2 class="articleTitle">2 Cara Mencuci Jaket Musim Dingin, Jangan Asal</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Fashion</div> </li> <li> <div class="articlePost-date">24/11/2024</div> </li> </ul> </div> </div> </a> </div> </div> </div> </div> </div> <div class="sectionBox --line"> <div class="sectionHead -sc"> <div class="sectionHead-wrap"> Beauty & Grooming </div> <a class="articleMore" href="https://lifestyle.kompas.com/beauty">Lihat semua</a> </div> <div class="articleHL"> <div class="articleHL-bigType2"> <a href="https://lifestyle.kompas.com/read/2024/11/25/171336320/rasa-percaya-diri-naik-ini-dia-tip-menghilangkan-bau-badan"> <div class="articleHL-wrap"> <div class="articleHL-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/YEx9JeIxoomm905r0IIAitOsZjM=/0x0:780x520/750x500/data/photo/2024/11/25/6743f4fe4b79c.jpg" alt="Rasa Percaya Diri Naik, Ini Dia Tip Menghilangkan Bau Badan"> </div> <div class="articleHL-box"> <h1 class="articleTitle">Rasa Percaya Diri Naik, Ini Dia Tip Menghilangkan Bau Badan</h1> <div class="articleLead"> <p>Lovana Brightening Deodorant Serum tawarkan manfaat 3-in-1 mencegah bakteri penyebab bau badan, anti keringat berlebih, dan mencerahkan ketiak.</p> </div> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Beauty & Grooming</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </div> </a> </div> <div class="articleHL-small clearfix"> <div class="articleHL-wrap"> <div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/25/165913920/tampil-menawan-dengan-paduan-anting-panjang-dan-tusuk-ala-putri-marino"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/nkDb_xUG-30kWX9tFolGHAVjaqU=/0x0:780x520/250x150/data/photo/2024/11/25/6744358c9d15d.jpg" alt="Tampil Menawan dengan Paduan Anting Panjang dan Tusuk ala Putri Marino, Begini Caranya"> </div> <div class="articleItem-box"> <h2 class="articleTitle">Tampil Menawan dengan Paduan Anting Panjang dan Tusuk ala Putri Marino, Begini Caranya</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Beauty & Grooming</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </a> </div> <div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/25/131100920/sering-terjadi-ini-6-kesalahan-umum-ketika-menggunakan-skincare"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/CigCawrbCYopbeBFpJBU6zdzmpo=/76x0:630x369/250x150/data/photo/2024/10/23/67189fbe77e21.jpg" alt="Sering Terjadi, Ini 6 Kesalahan Umum Ketika Menggunakan Skincare"> </div> <div class="articleItem-box"> <h2 class="articleTitle">Sering Terjadi, Ini 6 Kesalahan Umum Ketika Menggunakan Skincare</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Beauty & Grooming</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </a> </div> <div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/23/162100420/ketahui-6-istilah-potongan-rambut-laki-laki-dari-fade-hingga-undercut"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/OdmH0UYgTSdNpAv86qa0zDaDD8s=/0x0:738x492/250x150/data/photo/2024/08/29/66d033ea7553b.jpg" alt="Ketahui 6 Istilah Potongan Rambut Laki-Laki, dari Fade hingga Undercut"> </div> <div class="articleItem-box"> <h2 class="articleTitle">Ketahui 6 Istilah Potongan Rambut Laki-Laki, dari Fade hingga Undercut</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Beauty & Grooming</div> </li> <li> <div class="articlePost-date">23/11/2024</div> </li> </ul> </div> </div> </a> </div> </div> </div> </div> </div> <div class="sectionBox --line"> <div class="sectionHead -sc"> <div class="sectionHead-wrap"> Relationship </div> <a class="articleMore" href="https://lifestyle.kompas.com/relationship">Lihat semua</a> </div> <div class="articleHL"> <div class="articleHL-bigType2"> <a href="https://lifestyle.kompas.com/read/2024/11/25/171501720/kapan-waktu-terbaik-membicarakan-soal-keuangan-bersama-pasangan"> <div class="articleHL-wrap"> <div class="articleHL-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/vgCBwNB7AU4s_Pm18S080FFhzZM=/59x29:647x421/750x500/data/photo/2022/09/25/632fc796ca958.png" alt="Kapan Waktu Terbaik Membicarakan soal Keuangan Bersama Pasangan?"> </div> <div class="articleHL-box"> <h1 class="articleTitle">Kapan Waktu Terbaik Membicarakan soal Keuangan Bersama Pasangan?</h1> <div class="articleLead"> <p>Jangan sungkan untuk membahas soal keuangan saat masih pacaran, karena ini bisa menentukan kecukupan kebutuhan pokok setelah menikah.</p> </div> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Relationship</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </div> </a> </div> <div class="articleHL-small clearfix"> <div class="articleHL-wrap"> <div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/25/141000520/menganggur-alasan-faktor-ekonomi-jadi-penyebab-perceraian"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/FfpHzy4IzZ-6HDiNxRzUqNl2tJI=/63x0:1000x625/250x150/data/photo/2022/09/21/632a86ac6e2b8.jpg" alt="Menganggur, Alasan Faktor Ekonomi Jadi Penyebab Perceraian"> </div> <div class="articleItem-box"> <h2 class="articleTitle">Menganggur, Alasan Faktor Ekonomi Jadi Penyebab Perceraian</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Relationship</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </a> </div> <div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/23/101500720/5-sifat-zodiak-sagitarius-dalam-percintaan-setia-dan-jujur"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/t962NQzYn196rHgnzjBiH063FD4=/82x16:651x395/250x150/data/photo/2024/09/24/66f26c6a3fb0c.jpg" alt="5 Sifat Zodiak Sagitarius dalam Percintaan, Setia dan Jujur"> </div> <div class="articleItem-box"> <h2 class="articleTitle">5 Sifat Zodiak Sagitarius dalam Percintaan, Setia dan Jujur</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Relationship</div> </li> <li> <div class="articlePost-date">23/11/2024</div> </li> </ul> </div> </div> </a> </div> <div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/22/215450620/sagitarius-cocok-dengan-zodiak-apa-simak-sebelum-pdkt"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/gws01tNmHIQ4kxPfjibyLUpHtjE=/0x0:780x520/250x150/data/photo/2024/10/08/67053f3528fe2.jpg" alt="Sagitarius Cocok dengan Zodiak Apa? Simak Sebelum PDKT"> </div> <div class="articleItem-box"> <h2 class="articleTitle">Sagitarius Cocok dengan Zodiak Apa? Simak Sebelum PDKT</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Relationship</div> </li> <li> <div class="articlePost-date">22/11/2024</div> </li> </ul> </div> </div> </a> </div> </div> </div> </div> </div> <div class="sectionBox --line"> <div class="sectionHead -sc"> <div class="sectionHead-wrap"> Parenting </div> <a class="articleMore" href="https://lifestyle.kompas.com/parenting">Lihat semua</a> </div> <div class="articleHL"> <div class="articleHL-bigType2"> <a href="https://lifestyle.kompas.com/read/2024/11/25/111000820/anak-bisa-tetap-bosan-di-tempat-kerja-orangtuanya-meski-bawa-mainan-kenapa"> <div class="articleHL-wrap"> <div class="articleHL-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/vmHhEBvmpdD7Qc91CpyY1zuaCOE=/0x0:740x493/750x500/data/photo/2024/09/18/66ea7fdf1ad6f.jpg" alt="Anak Bisa Tetap Bosan di Tempat Kerja Orangtuanya meski Bawa Mainan, Kenapa?"> </div> <div class="articleHL-box"> <h1 class="articleTitle">Anak Bisa Tetap Bosan di Tempat Kerja Orangtuanya meski Bawa Mainan, Kenapa?</h1> <div class="articleLead"> <p>Meski sudah dibawakan mainan favoritnya, anak tetap bisa merasa bosan saat dibawa ke tempat kerja orangtuanya. Kok bisa?</p> </div> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Parenting</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </div> </a> </div> <div class="articleHL-small clearfix"> <div class="articleHL-wrap"> <div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/25/095200420/bawa-anak-ke-kantor-ini-2-cara-agar-mereka-cepat-beradaptasi"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/evK2XfRzB8oWKU0sxjgq70NS_js=/0x0:780x520/250x150/data/photo/2024/09/13/66e3ea9745b5e.jpg" alt="Bawa Anak ke Kantor? Ini 2 Cara agar Mereka Cepat Beradaptasi"> </div> <div class="articleItem-box"> <h2 class="articleTitle">Bawa Anak ke Kantor? Ini 2 Cara agar Mereka Cepat Beradaptasi</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Parenting</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </a> </div> <div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/24/162223620/bawa-anak-ke-tempat-kerja-kurang-profesional"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/Owizhy98kUyrRtioTlsb6pUBIHI=/0x0:740x493/250x150/data/photo/2024/11/18/673ac121724ea.jpg" alt="Bawa Anak ke Tempat Kerja, Kurang Profesional?"> </div> <div class="articleItem-box"> <h2 class="articleTitle">Bawa Anak ke Tempat Kerja, Kurang Profesional?</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Parenting</div> </li> <li> <div class="articlePost-date">24/11/2024</div> </li> </ul> </div> </div> </a> </div> <div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/24/142500820/sebelum-bawa-anak-ke-tempat-kerja-ketahui-3-dampak-buruk-berikut"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/YsL995h22vSTXMTMmRukbcCRXWA=/0x0:4148x2765/250x150/data/photo/2024/10/29/6720524b57678.jpg" alt="Sebelum Bawa Anak ke Tempat Kerja, Ketahui 3 Dampak Buruk Berikut"> </div> <div class="articleItem-box"> <h2 class="articleTitle">Sebelum Bawa Anak ke Tempat Kerja, Ketahui 3 Dampak Buruk Berikut</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Parenting</div> </li> <li> <div class="articlePost-date">24/11/2024</div> </li> </ul> </div> </div> </a> </div> </div> </div> </div> </div> <div class="sectionBox --line"> <div class="sectionHead -sc"> <div class="sectionHead-wrap"> Wellness </div> <a class="articleMore" href="https://lifestyle.kompas.com/wellness">Lihat semua</a> </div> <div class="articleHL"> <div class="articleHL-bigType2"> <a href="https://lifestyle.kompas.com/read/2024/11/25/181710120/sering-diabaikan-istirahat-penting-untuk-menjaga-performa-olahraga"> <div class="articleHL-wrap"> <div class="articleHL-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/sznzlToqIz7xJkNEIg4ZSioQS-c=/0x0:498x332/750x500/data/photo/2023/03/30/64254c71e95e8.png" alt="Sering Diabaikan, Istirahat Penting untuk Menjaga Performa Olahraga"> </div> <div class="articleHL-box"> <h1 class="articleTitle">Sering Diabaikan, Istirahat Penting untuk Menjaga Performa Olahraga</h1> <div class="articleLead"> <p>Bukan hanya latihan rutin dan asupan gizi seimbang, istirahat juga penting untuk menjaga performa olahraga.</p> </div> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Wellness</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </div> </a> </div> <div class="articleHL-small clearfix"> <div class="articleHL-wrap"> <div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/25/151500120/cara-soraya-larasati-atasi-gelisah-sebelum-maraton"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/ny9pkbfVx43lSs6WQUCX7PLkuk8=/0x0:0x0/250x150/data/photo/2024/11/21/673e8c20da3bc.jpeg" alt="Cara Soraya Larasati Atasi Gelisah Sebelum Maraton"> </div> <div class="articleItem-box"> <h2 class="articleTitle">Cara Soraya Larasati Atasi Gelisah Sebelum Maraton</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Wellness</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </a> </div> <div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/25/103048820/simak-4-tips-memulai-lari-untuk-pemula-ala-soraya-larasati"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/qYciwn_mNfE9ZCBadsDQJ6lUfhA=/0x0:0x0/250x150/data/photo/2024/11/21/673e8d103a97b.jpeg" alt="Simak, 4 Tips Memulai Lari untuk Pemula ala Soraya Larasati"> </div> <div class="articleItem-box"> <h2 class="articleTitle">Simak, 4 Tips Memulai Lari untuk Pemula ala Soraya Larasati</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Wellness</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </a> </div> <div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/25/090146820/soraya-larasati-ajak-perempuan-untuk-mulai-self-love-dengan-olahraga"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/bXlDWujyqZCz8XX7H9aTkd58MWM=/0x0:0x0/250x150/data/photo/2024/11/21/673e8c5456d2f.jpeg" alt="Soraya Larasati Ajak Perempuan untuk Mulai Self-Love dengan Olahraga"> </div> <div class="articleItem-box"> <h2 class="articleTitle">Soraya Larasati Ajak Perempuan untuk Mulai Self-Love dengan Olahraga</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Wellness</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </a> </div> </div> </div> </div> </div> <div class="sectionBox --line"> <div class="sectionHead -sc"> <div class="sectionHead-wrap"> Terkini Lainnya </div> <a class="articleMore" href="https://indeks.kompas.com/?site=lifestyle">Lihat semua</a> </div> <div class="articleList -list"> <div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/25/111000820/anak-bisa-tetap-bosan-di-tempat-kerja-orangtuanya-meski-bawa-mainan-kenapa"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/vmHhEBvmpdD7Qc91CpyY1zuaCOE=/0x0:740x493/750x500/data/photo/2024/09/18/66ea7fdf1ad6f.jpg" alt="Anak Bisa Tetap Bosan di Tempat Kerja Orangtuanya meski Bawa Mainan, Kenapa?" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Anak Bisa Tetap Bosan di Tempat Kerja Orangtuanya meski Bawa Mainan, Kenapa?</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Parenting</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/25/103048820/simak-4-tips-memulai-lari-untuk-pemula-ala-soraya-larasati"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/bFzaMCy_G6mfyJvQNNIR9iclK-0=/0x0:0x0/750x500/data/photo/2024/11/21/673e8d103a97b.jpeg" alt="Simak, 4 Tips Memulai Lari untuk Pemula ala Soraya Larasati" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Simak, 4 Tips Memulai Lari untuk Pemula ala Soraya Larasati</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Wellness</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/25/095200420/bawa-anak-ke-kantor-ini-2-cara-agar-mereka-cepat-beradaptasi"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crop/0x0:780x520/750x500/data/photo/2024/09/13/66e3ea9745b5e.jpg" alt="Bawa Anak ke Kantor? Ini 2 Cara agar Mereka Cepat Beradaptasi" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Bawa Anak ke Kantor? Ini 2 Cara agar Mereka Cepat Beradaptasi</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Parenting</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/25/090146820/soraya-larasati-ajak-perempuan-untuk-mulai-self-love-dengan-olahraga"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/tRuweaom97aLJMFLueRhDo3Kbg0=/0x0:0x0/750x500/data/photo/2024/11/21/673e8c5456d2f.jpeg" alt="Soraya Larasati Ajak Perempuan untuk Mulai Self-Love dengan Olahraga" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Soraya Larasati Ajak Perempuan untuk Mulai Self-Love dengan Olahraga</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Wellness</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="https://lifestyle.kompas.com/read/2024/11/24/162223620/bawa-anak-ke-tempat-kerja-kurang-profesional"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/teSnqkscTQwjYgeWX9h0GjI9yS0=/0x0:740x493/750x500/data/photo/2024/11/18/673ac121724ea.jpg" alt="Bawa Anak ke Tempat Kerja, Kurang Profesional?" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Bawa Anak ke Tempat Kerja, Kurang Profesional?</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Parenting</div> </li> <li> <div class="articlePost-date">24/11/2024</div> </li> </ul> </div> </div> </div> </a> </div> </div> </div> <div class="text-center mt2 clearfix"><div class="paging__wrap clearfix"><div class="paging__item"><a class="paging__link paging__link--active" href="javascript:void(0)">1</a></div><div class="paging__item"><a class="paging__link" href="https://indeks.kompas.com?source=kompascom&medium=footer&site=lifestyle&page=2">2</a></div><div class="paging__item"><a class="paging__link" href="https://indeks.kompas.com?source=kompascom&medium=footer&site=lifestyle&page=3">3</a></div><div class="paging__item"><a class="paging__link paging__link--next" href="https://indeks.kompas.com?source=kompascom&medium=footer&site=lifestyle&page=2" rel="next">Next</a></div></div></div> </div> <div class="col-bs10-3"> <div class="kcm kcm__big clearfix js-giant-wp-top1"> <div class="kcm kcm__track clearfix"> <div class="kcm kcm__sticky clearfix"> <div id='div-gpt-ad-Giant' style="text-align: center;"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-Giant'); }); </script> </div> </div> </div></div> <div class="gate-kgplus"> <span>Baca berita tanpa iklan. <a href="https://traid.jixie.io/sync/ck?desturl=https%3A%2F%2Fplus.kompas.com%2F%3Fsource%3DKompas.com%26medium%3Dbelowads%26campaign%3DBacaBeritaTanpaIklan&cid=3085&cpid=804">Gabung Kompas.com+</a></span> </div> <div class="row mt2 clearfix"> <div class="kcm kcm__track clearfix"> <div class="kcm kcm__sticky clearfix"> <!-- s: Rectangle Sticky --> <link rel="stylesheet" type="text/css" href="https://adsimg.kompas.com/html5/assets_ads/rectangle-sticky-read/css/sticky_style.css?v=1"> <div class="sticky__rectangle"> <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> <script type="text/javascript" src="https://adsimg.kompas.com/html5/assets_ads/rectangle-sticky-read/js/jquery-scrolltofixed-min.js"></script> <script type="text/javascript"> $(document).ready(function() { $(window).bind("load", function () { $('.sticky__rectangle').scrollToFixed({ marginTop: 46, limit: $('.sticky__rectangle').offset().top + 0, zIndex: 11, unfixed: function() { if ($('.sticky__rectangle').hasClass("scroll-to-fixed-fixed")) { $('.sticky__rectangle').css('left', ''); $('.sticky__rectangle').css('top', ''); } } }); }); }); </script> <!-- e: Rectangle Sticky --> </div> </div> </div> <div class="gate-kgplus"> <span>Baca berita tanpa iklan. <a href="https://traid.jixie.io/sync/ck?desturl=https%3A%2F%2Fplus.kompas.com%2F%3Fsource%3DKompas.com%26medium%3Dbelowads%26campaign%3DBacaBeritaTanpaIklan&cid=3085&cpid=804">Gabung Kompas.com+</a></span> </div> <!-- widget newsletter --> <!-- terpopuler --> <div class="sectionBox mt3"> <div class="sectionHead -sc"> <div class="sectionHead-wrap"> Terpopuler </div> </div> <div class="mostList -mostlist -mostArticle"> <div class="mostItem"> <a class="mostItem-link" href="https://lifestyle.kompas.com/read/2024/11/25/103048820/simak-4-tips-memulai-lari-untuk-pemula-ala-soraya-larasati"> <div class="mostItem-inner"> <div class="mostItem-count">1</div> <div class="mostItem-box"> <h2 class="mostItem-title">Simak, 4 Tips Memulai Lari untuk Pemula ala Soraya Larasati</h2> <div class="mostItem-subtitle">Wellness</div> </div> <div class="mostItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/CySz-KSR9XId53JmaETlH_TleRc=/0x0:0x0/80x80/data/photo/2024/11/21/673e8d103a97b.jpeg" alt="Simak, 4 Tips Memulai Lari untuk Pemula ala Soraya Larasati"> </div> </div> </a> </div> <div class="mostItem"> <a class="mostItem-link" href="https://lifestyle.kompas.com/read/2024/11/25/122007920/2-tips-memakai-pakaian-musim-dingin-agar-tak-terasa-berat"> <div class="mostItem-inner"> <div class="mostItem-count">2</div> <div class="mostItem-box"> <h2 class="mostItem-title">2 Tips Memakai Pakaian Musim Dingin agar Tak Terasa Berat</h2> <div class="mostItem-subtitle">Fashion</div> </div> <div class="mostItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/IclpeWiOFNXor5ot-9XDsoknntk=/0x330:3959x2969/80x80/data/photo/2024/11/22/67403f6fd8e21.jpg" alt="2 Tips Memakai Pakaian Musim Dingin agar Tak Terasa Berat"> </div> </div> </a> </div> <div class="mostItem"> <a class="mostItem-link" href="https://lifestyle.kompas.com/read/2024/11/25/131100920/sering-terjadi-ini-6-kesalahan-umum-ketika-menggunakan-skincare"> <div class="mostItem-inner"> <div class="mostItem-count">3</div> <div class="mostItem-box"> <h2 class="mostItem-title">Sering Terjadi, Ini 6 Kesalahan Umum Ketika Menggunakan Skincare</h2> <div class="mostItem-subtitle">Beauty & Grooming</div> </div> <div class="mostItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/aQFDn3dUjbYJWx0VMAmsRlLTJu8=/76x0:630x369/80x80/data/photo/2024/10/23/67189fbe77e21.jpg" alt="Sering Terjadi, Ini 6 Kesalahan Umum Ketika Menggunakan Skincare"> </div> </div> </a> </div> <div class="mostItem"> <a class="mostItem-link" href="https://lifestyle.kompas.com/read/2024/11/25/090146820/soraya-larasati-ajak-perempuan-untuk-mulai-self-love-dengan-olahraga"> <div class="mostItem-inner"> <div class="mostItem-count">4</div> <div class="mostItem-box"> <h2 class="mostItem-title">Soraya Larasati Ajak Perempuan untuk Mulai Self-Love dengan Olahraga</h2> <div class="mostItem-subtitle">Wellness</div> </div> <div class="mostItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/iT5tGgDkI9uh7TlUR9lqZ2Jr97o=/0x0:0x0/80x80/data/photo/2024/11/21/673e8c5456d2f.jpeg" alt="Soraya Larasati Ajak Perempuan untuk Mulai Self-Love dengan Olahraga"> </div> </div> </a> </div> <div class="mostItem"> <a class="mostItem-link" href="https://lifestyle.kompas.com/read/2024/11/25/095200420/bawa-anak-ke-kantor-ini-2-cara-agar-mereka-cepat-beradaptasi"> <div class="mostItem-inner"> <div class="mostItem-count">5</div> <div class="mostItem-box"> <h2 class="mostItem-title">Bawa Anak ke Kantor? Ini 2 Cara agar Mereka Cepat Beradaptasi</h2> <div class="mostItem-subtitle">Parenting</div> </div> <div class="mostItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/p1HuSYXoDsh8mdheKjv-2NTdsBs=/0x0:780x520/80x80/data/photo/2024/09/13/66e3ea9745b5e.jpg" alt="Bawa Anak ke Kantor? Ini 2 Cara agar Mereka Cepat Beradaptasi"> </div> </div> </a> </div> <div class="mostItem"> <a class="mostItem-link" href="https://lifestyle.kompas.com/read/2024/11/25/111000820/anak-bisa-tetap-bosan-di-tempat-kerja-orangtuanya-meski-bawa-mainan-kenapa"> <div class="mostItem-inner"> <div class="mostItem-count">6</div> <div class="mostItem-box"> <h2 class="mostItem-title">Anak Bisa Tetap Bosan di Tempat Kerja Orangtuanya meski Bawa Mainan, Kenapa?</h2> <div class="mostItem-subtitle">Parenting</div> </div> <div class="mostItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/0LWyWIaI2FPt0-gQK3BzNdKBTPY=/0x0:740x493/80x80/data/photo/2024/09/18/66ea7fdf1ad6f.jpg" alt="Anak Bisa Tetap Bosan di Tempat Kerja Orangtuanya meski Bawa Mainan, Kenapa?"> </div> </div> </a> </div> <div class="mostItem"> <a class="mostItem-link" href="https://lifestyle.kompas.com/read/2024/11/25/141000520/menganggur-alasan-faktor-ekonomi-jadi-penyebab-perceraian"> <div class="mostItem-inner"> <div class="mostItem-count">7</div> <div class="mostItem-box"> <h2 class="mostItem-title">Menganggur, Alasan Faktor Ekonomi Jadi Penyebab Perceraian</h2> <div class="mostItem-subtitle">Relationship</div> </div> <div class="mostItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/f9H5MtPRQ8qIHrHleIjiTL9Nk00=/63x0:1000x625/80x80/data/photo/2022/09/21/632a86ac6e2b8.jpg" alt="Menganggur, Alasan Faktor Ekonomi Jadi Penyebab Perceraian"> </div> </div> </a> </div> <div class="mostItem"> <a class="mostItem-link" href="https://lifestyle.kompas.com/read/2024/11/25/151500120/cara-soraya-larasati-atasi-gelisah-sebelum-maraton"> <div class="mostItem-inner"> <div class="mostItem-count">8</div> <div class="mostItem-box"> <h2 class="mostItem-title">Cara Soraya Larasati Atasi Gelisah Sebelum Maraton</h2> <div class="mostItem-subtitle">Wellness</div> </div> <div class="mostItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/R9eNcjS6u00Aj4yQusarfO5GRfA=/0x0:0x0/80x80/data/photo/2024/11/21/673e8c20da3bc.jpeg" alt="Cara Soraya Larasati Atasi Gelisah Sebelum Maraton"> </div> </div> </a> </div> <div class="mostOther-box"> <a href="https://indeks.kompas.com/terpopuler" class="mostOther">Terpopuler Lainnya <span class="icoArrow"></span></a> </div> </div> </div> <div class="row mt2 clearfix"> <div class="kcm kcm__track clearfix"> <div class="kcm kcm__sticky clearfix"> <div class="ads-right mt2" id='div-gpt-ad-Right_4'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-Right_4'); }); </script> </div> </div> </div> </div> <div class="gate-kgplus"> <span>Baca berita tanpa iklan. <a href="https://traid.jixie.io/sync/ck?desturl=https%3A%2F%2Fplus.kompas.com%2F%3Fsource%3DKompas.com%26medium%3Dbelowads%26campaign%3DBacaBeritaTanpaIklan&cid=3085&cpid=804">Gabung Kompas.com+</a></span> </div> <div class="sectionBox mt3"> <div class="sectionHead -sc"> <div class="sectionHead-wrap"> Buku </div> </div> <div class="sideArticleList"> <div class="articleItem"> <a class="article-link" href="https://buku.kompas.com/read/4721/6-arti-bunga-matahari-dalam-kehidupan-sumber-inspirasi-dan-simbol-keberanian"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/data/photo/buku/6566c5f2e4b2c.jpg" alt="6 Arti Bunga Matahari dalam Kehidupan, Sumber Inspirasi dan Simbol Keberanian" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">6 Arti Bunga Matahari dalam Kehidupan, Sumber Inspirasi dan Simbol Keberanian</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Buku</div> </li> <li> <div class="articlePost-date">25/11/2024</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="https://buku.kompas.com/read/5045/tipe-cowok-idaman-yang-bikin-wanita-jatuh-hati"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/data/photo/buku/667d2282b0de5.jpg" alt="Tipe Cowok Idaman yang Bikin Wanita Jatuh Hati" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Tipe Cowok Idaman yang Bikin Wanita Jatuh Hati</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Buku</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="https://buku.kompas.com/read/4962/5-resep-makanan-dari-ubi-yang-nikmat-dan-lezat"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/data/photo/buku/6638ac10c02e3.jpg" alt="5 Resep Makanan dari Ubi yang Nikmat dan Lezat" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">5 Resep Makanan dari Ubi yang Nikmat dan Lezat</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Buku</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="https://buku.kompas.com/read/4954/5-makanan-dari-tepung-beras-yuk-intip-resepnya"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/data/photo/buku/6633663b05daa.jpg" alt="5 Makanan dari Tepung Beras, Yuk Intip Resepnya!聽" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">5 Makanan dari Tepung Beras, Yuk Intip Resepnya!聽</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Buku</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="https://buku.kompas.com/read/4947/5-cara-menabung-untuk-menikah-yang-dijamin-efektif"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/data/photo/buku/662a2c3765c72.jpg" alt="5 Cara Menabung untuk Menikah yang Dijamin Efektif" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">5 Cara Menabung untuk Menikah yang Dijamin Efektif</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Buku</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="https://buku.kompas.com/read/4976/4-pengganti-tepung-sagu-yang-mudah-didapat"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/data/photo/buku/66437ca6648bd.jpg" alt="4 Pengganti Tepung Sagu yang Mudah Didapat" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">4 Pengganti Tepung Sagu yang Mudah Didapat</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Buku</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="https://buku.kompas.com/read/5106/benda-angkasa-luar-yang-dapat-mengeluarkan-cahaya-sendiri-disebut-bintang-berikut-penjelasannya"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/data/photo/buku/66c3162bd31f5.jpg" alt="Benda Angkasa Luar yang Dapat Mengeluarkan Cahaya Sendiri Disebut Bintang, Berikut Penjelasannya" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Benda Angkasa Luar yang Dapat Mengeluarkan Cahaya Sendiri Disebut Bintang, Berikut Penjelasannya</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Buku</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="https://buku.kompas.com/read/5086/5-ciri-ciri-cowok-posesif-yang-harus-diwaspadai"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/data/photo/buku/669a1a2661f6b.jpg" alt="5 Ciri-Ciri Cowok Posesif yang Harus Diwaspadai聽" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">5 Ciri-Ciri Cowok Posesif yang Harus Diwaspadai聽</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Buku</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="https://buku.kompas.com/read/5034/7-variasi-menu-masakan-sehari-hari-agar-tidak-bosan"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/data/photo/buku/6673e4e076ed7.jpg" alt="7 Variasi Menu Masakan Sehari-hari agar Tidak Bosan" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">7 Variasi Menu Masakan Sehari-hari agar Tidak Bosan</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Buku</div> </li> </ul> </div> </div> </div> </a> </div> </div> </div> <div class="mt2 clearfix"> <div class="kcm kcm__rectangle clearfix"> <span id="wrap_lazy_div-gpt-ad-Right_5" style="margin-top:-200px;position:absolute"></span> <div class="ads-right mt2" id='div-gpt-ad-Right_5'> </div> <script type="text/javascript"> var observer_ads_div_gpt_ad_Right_5 = new IntersectionObserver(function(entires){ entires.forEach(function(entry) { if(entry.intersectionRatio > 0){ show_ads_div_gpt_ad_Right_5(entry.target) } }); }, { threshold: 0 }); observer_ads_div_gpt_ad_Right_5.observe(document.getElementById('wrap_lazy_div-gpt-ad-Right_5')); function show_ads_div_gpt_ad_Right_5(element){ console.log('show_ads lazy'); observer_ads_div_gpt_ad_Right_5.unobserve(element); observer_ads_div_gpt_ad_Right_5.disconnect(); googletag.cmd.push(function() { var slot = googletag.defineSlot('/31800665/KOMPAS.COM/female', [[300,250]],'div-gpt-ad-Right_5').setTargeting('Pos',['Right_5']).setTargeting('kg_pos', ['right_5']).addService(googletag.pubads());googletag.display('div-gpt-ad-Right_5'); googletag.pubads().refresh([slot]);}); } </script> </div> </div> <div class="gate-kgplus"> <span>Baca berita tanpa iklan. <a href="https://traid.jixie.io/sync/ck?desturl=https%3A%2F%2Fplus.kompas.com%2F%3Fsource%3DKompas.com%26medium%3Dbelowads%26campaign%3DBacaBeritaTanpaIklan&cid=3085&cpid=804">Gabung Kompas.com+</a></span> </div> </div> </div> <div class="kcm kcm__horizontal clearfix"> <a class="kcm__close js-kcm-horizontal" href="#">Close Ads <span class="kcm__close__icon"></span></a> <div id='div-gpt-ad-Horizontal_Ad'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-Horizontal_Ad'); }); </script> </div></div> </div> <!-- footer--> <!-- modals --> <div id="kcm-modals"> <div class="modals__content"></div> </div> <div id="sso_g_signin"> </div> <!-- footer --> <div class="footerMain clearfix"> <div class="container"> <div class="footerWrap"> <div class="footerCol-column"> <div class="footerLogo"> <a href="https://www.kompas.com"> <img class="lozad" data-src="https://asset.kompas.com/data/2023/11/30/kompascom/desktop/images/logo-kompascom-small.png" alt="www.kompas.com" width="207" height="26"> </a> </div> <div class="footerSosmed"> <ul class="footerSosmed-wrap"> <li> <a href="http://www.facebook.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Facebook"> <div class="iconSos iconSos-facebook"></div> </a> </li> <li> <a href="http://www.twitter.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="X"> <div class="iconSos iconSos-x"></div> </a> </li> <li> <a href="https://t.me/kompascomupdate" target="_blank" class="footerSosmed-link" aria-label="Telegram"> <div class="iconSos iconSos-telegram"></div> </a> </li> <li> <a href="http://instagram.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Instagram"> <div class="iconSos iconSos-instagram"></div> </a> </li> </ul> <ul class="footerSosmed-wrap"> <li> <a href="https://www.youtube.com/c/mykompascom" target="_blank" class="footerSosmed-link" aria-label="Youtube"> <div class="iconSos iconSos-youtube"></div> </a> </li> <li> <a href="https://kmp.im/AGFeTy" target="_blank" class="footerSosmed-link" aria-label="Whatsapp"> <div class="iconSos iconSos-whatsapp"></div> </a> </li> <li> <a href="https://line.me/ti/p/@kompas.com" target="_blank" class="footerSosmed-link" aria-label="Line"> <div class="iconSos iconSos-line"></div> </a> </li> <li> <a href="https://www.tiktok.com/@kompascom?lang=en" target="_blank" class="footerSosmed-link" aria-label="Tiktok"> <div class="iconSos iconSos-tiktok"></div> </a> </li> </ul> </div> <div class="footerDownload"> <ul class="footerDownload-wrap"> <li> <a href="https://apps.apple.com/id/app/kompas-com-berita-terpercaya/id535483055" target="_blank"> <div class="footerDownload-store"> <img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-appstore.png" alt="apple store"> </div> </a> </li> <li> <a href="https://play.google.com/store/apps/details?id=com.ertanto.kompas.official&hl=en&gl=US" target="_blank"> <div class="footerDownload-store"> <img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-playstore.png" alt="google store"> </div> </a> </li> </ul> </div> <div class="footerAchievement"> <div class="footerAchievement-title"> Penghargaan dan sertifikat: </div> <div class="footerAchievement-wrap"> <div class="footerAchievement-item"> <a href="#" class="footerAchievement-link"> <div class="footerAchievement-img"> <img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-wowbrands-2019.png" alt="WOW Brand Indonesia 2019" title="WOW Brand Indonesia 2019"> </div> </a> </div> <div class="footerAchievement-item"> <div class="footerAchievement-link"> <a href="https://money.kompas.com/read/2019/08/01/124215826/kompascom-kembali-jadi-pemenang-kategori-media-online-tepercaya" class="footerAchievement-link"> <div class="footerAchievement-img"> <img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-superbrands-2019.png" alt="Superbrand Indonesia 2019 - Trusted Online News" title="Superbrands Indonesia 2019"> </div> </a> </div> </div> <div class="footerAchievement-item"> <a href="https://ifcncodeofprinciples.poynter.org/profile/pt-kompas-cyber-media" class="footerAchievement-link" target="_blank"> <div class="footerAchievement-img"> <img class="lozad" data-src="https://asset.kompas.com/data/2024/wp/images/desktop/logo-ifcn.png" alt="International Fact-Checking Network" title="International Fact-Checking Network" loading="lazy"> </div> </a> </div> </div> </div> <div class="footerNewsletter"> <div class="footerNewsletter-title"> Dapatkan informasi dan insight pilihan redaksi Kompas.com </div> <div class="footerNewsletter-cta"> <a href="javascript:void(0)" onclick="nwsLetterSubmit()" class="footerNewsletter-link"> <i class="iconNewsletter"></i> Daftarkan Email </a> </div> </div> </div> <div class="footerCol-nav"> <div class="footerMenu-title">Kanal</div> <div class="footerMenu"> <ul class="footerMenu-wrap"> <li><a href="https://news.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">News</a></li> <li><a href="https://nasional.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Nasional</a></li> <li><a href="https://www.kompas.com/global?source=kompascom&medium=footer" class="footerMenu-link">Global</a></li> <li><a href="https://megapolitan.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Megapolitan</a></li> <li><a href="https://regional.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Regional</a></li> <li><a href="https://pemilu.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link">Pemilu</a></li> <!-- <li><a href="https://www.kompas.com/ramadhan/?source=kompascom&medium=footer" class="footerMenu-link --linknew">Ramadhan</a></li> --> <li><a href="https://ikn.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link --linknew">IKN</a></li> <li><a href="https://bola.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Bola</a></li> <li><a href="https://tekno.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Tekno</a></li> <li><a href="https://otomotif.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Otomotif</a></li> <li><a href="https://entertainment.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Entertainment</a></li> <li><a href="https://sains.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Sains</a></li> <li><a href="https://health.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Health</a></li> <li><a href="https://money.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Money</a></li> <li><a href="https://www.kompas.com/tren?source=kompascom&medium=footer" class="footerMenu-link">Tren</a></li> <li><a href="https://properti.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Properti</a></li> <li><a href="https://lifestyle.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Lifestyle</a></li> <li><a href="https://www.kompas.com/hype?source=kompascom&medium=footer" class="footerMenu-link">Hype</a></li> <li><a href="https://travel.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Travel</a></li> <li><a href="https://www.kompas.com/homey?source=kompascom&medium=footer" class="footerMenu-link">Homey</a></li> <li><a href="https://www.kompas.com/food?source=kompascom&medium=footer" class="footerMenu-link">Food</a></li> <li><a href="https://umkm.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">UMKM</a></li> <li><a href="https://edukasi.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Edukasi</a></li> <li><a href="https://www.kompas.com/parapuan?source=kompascom&medium=footer" class="footerMenu-link">Parapuan</a></li> <li><a href="https://foto.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Foto</a></li> <li><a href="https://video.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Video</a></li> <li><a href="https://kolom.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Kolom</a></li> <li><a href="https://vik.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">VIK</a></li> <li><a href="https://jeo.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">JEO</a></li> <li><a href="https://lestari.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Lestari</a></li> <li><a href="https://ohayojepang.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Ohayo Jepang</a></li> <li><a href="https://pesonaindonesia.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Pesona Indonesia</a></li> <li><a href="https://play.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Play</a></li> <li><a href="https://indeks.kompas.com/terpopuler?source=kompascom&medium=footer" class="footerMenu-link">Artikel Terpopuler</a></li> <li><a href="https://indeks.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Artikel Terkini</a></li> <li><a href="https://www.kompas.com/topik-pilihan?source=kompascom&medium=footer" class="footerMenu-link">Topik Pilihan</a></li> <li><a href="https://indeks.kompas.com/headline?source=kompascom&medium=footer" class="footerMenu-link">Artikel Headline</a></li> </ul> </div> </div> <div class="footerCol-nav --colNetwork"> <div class="footerMenu-title">Network</div> <div class="footerMenu"> <ul class="footerMenu-wrap"> <li><a href="https://kompas.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Kompas.com</a></li> <li><a href="https://kompas.id?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Harian KOMPAS</a></li> <li><a href="https://www.kompas.tv?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">KompasTV</a></li> <li><a href="https://www.kompasiana.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Kompasiana</a></li> <li><a href="https://www.kgmedia.id?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">KG Media</a></li> <li><a href="https://www.kgnow.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">KGNow!</a></li> <li><a href="https://pasangiklan.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Pasangiklan.com</a></li> <li><a href="https://www.kontan.co.id?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Kontan</a></li> <li><a href="https://www.sonora.id?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Sonora</a></li> <li><a href="https://www.grid.id?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Grid.ID</a></li> <li><a href="https://www.gridoto.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">GridOto.com</a></li> <li><a href="https://www.bolasport.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">BolaSport.com</a></li> <li><a href="https://parapuan.co/?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Parapuan</a></li> <li><a href="https://www.tribunnews.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Tribunnews</a></li> <li><a href="https://www.gramedia.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Gramedia.com</a></li> <li><a href="https://ebooks.gramedia.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Gramedia Digital</a></li> </ul> </div> </div> </div> <div class="footerBottom"> <div class="footerBottom-wrap"> <ul class="footerBottom-menu"> <li> <a class="footerMenu-link" href="https://kabarpalmerah.kompas.com/">Kabar Palmerah</a> </li> <li> <a class="footerMenu-link" href="https://inside.kompas.com/about-us">About Us</a> </li> <li> <a class="footerMenu-link" href="http://www.meetkcm.com/">Advertise</a> </li> <li> <a class="footerMenu-link" href="https://inside.kompas.com/term-of-use">Ketentuan Penggunaan</a> </li> <li> <a class="footerMenu-link" href="https://www.kgmedia.id/legal-privacy-id">Kebijakan Data Pribadi</a> </li> <li> <a class="footerMenu-link" href="https://inside.kompas.com/pedoman">Pedoman Media Siber</a> </li> <li> <a class="footerMenu-link" href="https://jobs.kompas.com">Career</a> </li> <li> <a class="footerMenu-link" href="https://inside.kompas.com/about-us#meet">Contact Us</a> </li> </ul> </div> <div class="footerCopyright"> <p>Copyright 2008 - 2024 PT. Kompas Cyber Media (Kompas Gramedia Digital Group). All Rights Reserved.</p> </div> </div> </div> </div> </div> <script type="text/javascript"> function getCookieNwsLetter(name) { var re = new RegExp(name + "=([^;]+)"); var value = re.exec(document.cookie); return (value != null) ? unescape(value[1]) : null; } function nwsLetterSubmit() { var token = getCookieNwsLetter("kmp_uid"); if (token !== null) { window.location.href = "https://www.kompas.com/newsletter/pendaftaran-berhasil"; } else { window.location.href = 'https://account.kompas.com/login/a29tcGFz/aHR0cHM6Ly93d3cua29tcGFzLmNvbS9uZXdzbGV0dGVyL3BlbmRhZnRhcmFuLWJlcmhhc2ls?source=kompas.com&medium=gatenewsletter'; } } </script> <script type="text/javascript" src="https://asset.kompas.com/data/2024/10/24/kompascom/js/sso_g_signin_fedcm.min.js"></script> <script type="text/javascript" src="https://asset.kompas.com/data/2024/10/24/kompascom/js/sdk-age-confimartion.min.js"></script> <!-- <script src="https://asset.kompas.com/data/2017/wp/js/radio-stream.js"></script> --> <script src="https://asset.kompas.com/data/2017/wp/js/slick.min.js"></script> <script src="https://asset.kompas.com/data/2017/wp/js/jquery.sticky-kit.min.js"></script> <script src="https://asset.kompas.com/data/2017/wp/js/jquery.marquee.min.js?v=11"></script> <script src="https://asset.kompas.com/data/2017/wp/js/jquery.lazyload.min.js"></script> <script src="https://asset.kompas.com/data/2024/02/22/kompascom/desktop/css/main.min.js"></script> <script src="https://asset.kompas.com/data/2024/02/27/sso/js/sso_personalisasi.min.js"></script> <script type="text/javascript" src="https://asset.kompas.com/data/2023/sso/js/sdk-cookie-consent-v3.min.js"></script> <script src="https://asset.kompas.com/data/2023/08/30/sso/js/extender.min.js"></script> <script src="https://asset.kompas.com/data/2022/sso/js/ssouser.min.js?v=2"></script> <script src="https://asset.kompas.com/data/2017/wp/js/main-photo-article.min.js?v=6"></script> <script src="https://asset.kompas.com/data/2017/wp/js/photoswipe.min.js"></script> <script src="https://asset.kompas.com/data/2017/wp/js/photoswipe-ui-default.min.js"></script> <script src="https://asset.kompas.com/data/2023/08/31/kompascom/desktop/js/main-article.min.js"></script> <script src="https://asset.kompas.com/data/2017/wp/js/bootstrap-datepicker.min.js"></script> <script src="https://asset.kompas.com/data/2017/wp/js/jquery.magnific-popup.min.js"></script> <script src="https://asset.kompas.com/data/2023/09/20/kompascom/desktop/js/main-comment.min.js"></script> <script> !(function () { var time = new Date().getTime(); $(document.body).bind('mousemove keypress', function(e) { time = new Date().getTime(); }); function refresh() { if (new Date().getTime() - time >= 900000) { // 15 Menit window.location.reload(true); } else { setTimeout(refresh, 10000); } } setTimeout(refresh, 10000); })(); </script> <script async src="https://asset.kompas.com/kgnotif/2024/11/06/kompascom.js"></script> <script> function setCookieUkid(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+ d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";domain=.kompas.com;path=/;"; } if(document.cookie.indexOf('ukid=') == -1){ var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { var ukid_cookie = JSON.parse(xhttp.responseText); setCookieUkid('ukid', ukid_cookie.ukid, 365); } }; xhttp.open("GET", "https://apis.kompas.com/api/activity/user", true); xhttp.send(); } </script><script> /*! lozad.js - v1.7.0 - 2018-11-08 * https://github.com/ApoorvSaxena/lozad.js * Copyright (c) 2018 Apoorv Saxena; Licensed MIT */ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.lozad=e()}(this,function(){"use strict";var g=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t},r="undefined"!=typeof document&&document.documentMode,l={rootMargin:"0px",threshold:0,load:function(t){if("picture"===t.nodeName.toLowerCase()){var e=document.createElement("img");r&&t.getAttribute("data-iesrc")&&(e.src=t.getAttribute("data-iesrc")),t.getAttribute("data-alt")&&(e.alt=t.getAttribute("data-alt")),t.appendChild(e)}t.getAttribute("data-src")&&(t.src=t.getAttribute("data-src")),t.getAttribute("data-srcset")&&t.setAttribute("srcset",t.getAttribute("data-srcset")),t.getAttribute("data-background-image")&&(t.style.backgroundImage="url('"+t.getAttribute("data-background-image")+"')"),t.getAttribute("data-toggle-class")&&t.classList.toggle(t.getAttribute("data-toggle-class"))},loaded:function(){}}; /** * Detect IE browser * @const {boolean} * @private */function f(t){t.setAttribute("data-loaded",!0)}var b=function(t){return"true"===t.getAttribute("data-loaded")};return function(){var r,o,a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:".lozad",t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},e=g({},l,t),n=e.root,i=e.rootMargin,d=e.threshold,u=e.load,c=e.loaded,s=void 0;return window.IntersectionObserver&&(s=new IntersectionObserver((r=u,o=c,function(t,e){t.forEach(function(t){(0<t.intersectionRatio||t.isIntersecting)&&(e.unobserve(t.target),b(t.target)||(r(t.target),f(t.target),o(t.target)))})}),{root:n,rootMargin:i,threshold:d})),{observe:function(){for(var t=function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:document;return t instanceof Element?[t]:t instanceof NodeList?t:e.querySelectorAll(t)}(a,n),e=0;e<t.length;e++)b(t[e])||(s?s.observe(t[e]):(u(t[e]),f(t[e]),c(t[e])))},triggerLoad:function(t){b(t)||(u(t),f(t),c(t))},observer:s}}}); </script> <script type="text/javascript"> // Initialize library $(document).ready(function(){ lozad('.lozad', { load: function(el) { el.src = el.dataset.src; el.onload = function() { el.classList.add('fade') } } }).observe() }); </script> <script src="https://asset.kompas.com/data/2024/08/26/kgmverify/js/kgmverify.min.js"></script> <script async> const handlePopup = { __kgmverify: ("; "+document.cookie).split("; __kgmverify=").pop().split(";").shift(), consentMode: localStorage.getItem("consentMode"), init: function() { let showKgmVerify = true; const listPopupElement = [ '#kgmModal-cookie', '.popup-kcmplus', 'body.-restricted' ]; for (let i = 0; i < listPopupElement.length; i++) { const popup = document.querySelector(`${listPopupElement[i]}`); if (listPopupElement[i] == '#kgmModal-cookie') { if (!!popup && this.consentMode == null) { showKgmVerify = false; break; } } else if (listPopupElement[i] == '.popup-kcmplus') { if (this.__kgmverify) { this.__kgmverify = JSON.parse(atob(this.__kgmverify)); let show = this.__kgmverify.show; let currentTime = new Date(); if (typeof show !== "undefined") { const showTime = new Date(show); if (showTime.getTime() > currentTime.getTime()) { this.popupKompasPlus(); showKgmVerify = false; break; } }else{ this.popupKompasPlus(); showKgmVerify = false; break; } } } else if (listPopupElement[i] == 'body.-restricted' && !!popup) { showKgmVerify = false; break; } } if (showKgmVerify) { KgmVerifyWidget({publisher: "kompascom"}); } }, popupKompasPlus: function() { const params = new URLSearchParams(window.location.search) // if (params.has('l') && params.get('l') == 'c' && getCookieKcmPlus('kcmplus_cookies') == 1) { // deleteCookieKcmPlus('kcmplus_cookies', '/', '.kompas.com'); // } if (getCookieKcmPlus('kmps_usrid') && getCookieKcmPlus('kcmplus_cookies') == '' && params.has('lgn_method') && params.get('lgn_method') != '') { // showPopupKcmPlus(); const icoClosePopup = document.querySelector('.icoClosePopup'); const kcmplusImg = document.querySelector('.popup-kcmplusImg'); icoClosePopup.addEventListener('click', function(event) { setCookieKcmPlus("kcmplus_cookies", 1, ""); }); kcmplusImg.addEventListener('click', function(event) { setCookieKcmPlus("kcmplus_cookies", 1, ""); }); } } } handlePopup.init() </script> <script async src="https://asset.kompas.com/data/2024/10/23/js/freepremium.js"></script> <script async src="https://asset.kompas.com/data/2024/10/23/js/kompasplus_reminder.js"></script> <script> var el_badge = document.querySelector('.sso__badge') var el_badge_menu = document.querySelector('.sso__badge__inline') function checkSession() { var badge_temp_session = getCookie("_badge_temp_session") var badge_session = getCookie("badge_session") var badge_first_click = getCookie("badge_first_click"); if (badge_temp_session == "" && badge_session == "") { setCookie("_badge_temp_session", 1) setCookie("badge_session", 1, 8760) // console.log("test badge temp 1") } else if (badge_temp_session == "" && badge_session == 1) { setCookie("_badge_temp_session", 1) setCookie("badge_session", 2, 8760) // console.log("test badge temp 2") } else if (badge_temp_session == "" && badge_session == 2 && badge_first_click == 1) { setCookie("_badge_temp_session", 1) setCookie("badge_session", 3, 8760) // console.log("test badge temp 3") } setCookie("_badge_temp_session", 1) } checkSession() function checkCookieBadgeNps() { var badge_session = getCookie("badge_session") var badge_first_click = getCookie("badge_first_click") var click_icon_badge = getCookie("click_icon_badge") var feedback_click = getCookie("feedback_click_badge") // show badge jika sesi berikutnya if (badge_session == 2) { el_badge.style.display = "block" el_badge_menu.style.display = "block" // console.log("test 1") } // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali, maka hide badge icon login if (badge_session == 2 && badge_first_click == 1) { el_badge.style.display = "none" // console.log("test 2") // jika tidak cek, // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali // atau jika di sesi berikutnya dan cookie click icon badge expired // atau jika di sesi berikutnya dan cookie badge feedback success expired } else if ((badge_session == 3 && badge_first_click == 1) || (badge_session == 3 && document.cookie.indexOf("click_icon_badge=") == -1) || (badge_session == 3 && document.cookie.indexOf("badge_feedback_success=") == -1)) { el_badge.style.display = "block" el_badge_menu.style.display = "block" // console.log("test 3") } // hide jika ada cookie click icon badge masih aktif // utk cek cookie 2 jam, 1 hari, 1 minggu dan 4 minggu. if (document.cookie.indexOf("click_icon_badge=") != -1) { el_badge.style.display = "none" // console.log("test 4") } // jika "Berikan masukkanmu" telah dikilk, maka hide // jika tidak cek jika sesi > 1 dan cookie feedback click badge "Berikan masukkanmu" expired, maka show if (document.cookie.indexOf("feedback_click_badge=") != -1) { el_badge_menu.style.display = "none" // console.log("test 5") } else if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge=") == -1) { el_badge_menu.style.display = "block" // console.log("test 6") } // hide jika telah memberi penilaian if (document.cookie.indexOf("badge_feedback_success=") != -1) { el_badge.style.display = "none" el_badge_menu.style.display = "none" // console.log("test 7") } } checkCookieBadgeNps() var sso__icon__login_top = document.getElementById('sso__icon__login_top') sso__icon__login_top.addEventListener('click', function() { var badge_session = getCookie("badge_session") var badge_first_click = getCookie("badge_first_click") var feedback_success = getCookie("badge_feedback_success") var click_icon_badge = getCookie("click_icon_badge") var click_icon_counter_badge = getCookie("click_icon_counter_badge") if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) { // click untuk pertama kali di sesi berikutnya if (badge_session == 2 && badge_first_click == "") { el_badge.style.display = "none" el_badge_menu.style.display = "block" setCookie("badge_first_click", 1, 8760) // console.log("click 1") // click jika sesi berikutnya setelah mengklik icon badge utk pertama kali } else { // jika belum ada cookie click icon badge // dan ada di sesi berikutnya setelah click icon pertama kali // dan counter click icon kosong atau 0 if (badge_session == 3 && click_icon_badge == "" && (click_icon_counter_badge == "" || click_icon_counter_badge == 0)) { setCookie("click_icon_counter_badge", 1, 8760) setCookie("click_icon_badge", 1, 2) el_badge.style.display = "none" el_badge_menu.style.display = "block" // console.log("clicked 1") // Jika cookie badge click icon expired dan counter = 1, maka set 1 hari } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 1) { setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge)+1, 8760) setCookie("click_icon_badge", 2, 24) el_badge.style.display = "none" el_badge_menu.style.display = "block" // console.log("clicked 2") // Jika cookie badge click icon expired dan counter = 2, maka set 1 minggu } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 2) { setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge)+1, 8760) setCookie("click_icon_badge", 3, 168) el_badge.style.display = "none" el_badge_menu.style.display = "block" // console.log("clicked 3") // Jika cookie badge click icon expired dan counter lebih dari 2, maka set 4 minggu } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge > 2) { setCookie("click_icon_counter_badge", 0, 8760) // reset badge counter click icon setCookie("click_icon_badge", 4, 672) el_badge.style.display = "none" el_badge_menu.style.display = "block" // console.log("clicked 4") } // console.log("click 2") } // jika feedback click expired dan counter >= 0, maka show var feedback_click_counter = getCookie("feedback_click_counter_badge") if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge") == -1 && feedback_click_counter >= 0) { el_badge_menu.style.display = 'block' } } }) var feedback__item = document.getElementById('feedback__item') feedback__item.addEventListener("click", function() { var feedback_click = getCookie("feedback_click_badge") var feedback_success = getCookie("badge_feedback_success") var feedback_click_counter = getCookie("feedback_click_counter_badge") if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) { // jika belum ada cookie feedback click counter, maka set 2 jam if (feedback_click_counter == "" || feedback_click_counter == 0) { setCookie("feedback_click_counter_badge", 1, 8760) setCookie("feedback_click_badge", 1, 2) el_badge_menu.style.display = "none" // console.log("feedback clicked 1") // Jika cookie feedback click badge expired dan counter 1, maka set 1 hari } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 1) { setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter)+1, 8760) setCookie("feedback_click_badge", 2, 24) el_badge_menu.style.display = "none" // console.log("feedback clicked 2") // Jika cookie feedback click badge expired dan counter 2, maka set 1 minggu } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 2) { setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter)+1, 8760) setCookie("feedback_click_badge", 3, 168) el_badge_menu.style.display = "none" // console.log("feedback clicked 3") // Jika cookie feedback click badge expired dan counter > 2, maka set 4 minggu } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter > 2) { setCookie("feedback_click_counter_badge", 0, 8760) setCookie("feedback_click_badge", 4, 672) el_badge_menu.style.display = "none" // console.log("feedback clicked 4") } else { // jika di sesi sebelumnya sudah diklik tapi belum isi feedback el_badge_menu.style.display = "none" // console.log("feedback clicked 5") } } }) function setCookie(name,value,hour) { var expires = ""; if (hour) { var date = new Date(); date.setTime(date.getTime() + (hour*60*60*1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; ;domain=.kompas.com;path=/"; } function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i <ca.length; i++) { 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 ""; } // action create cookie badge_feedback_success expired 90 hari var onSubmitNps = document.getElementById("nps-submit") if (onSubmitNps !== null) { onSubmitNps.addEventListener("click", function(e) { // e.preventDefault() setCookie("badge_feedback_success", 1, 2160) }) } </script><script> const showAllBtnJs = document.querySelector('#show_all_news') if (!!showAllBtnJs) { showAllBtnJs.addEventListener('click', function() { const startPage = showAllBtnJs.dataset.startPage const url = new URL(window.location.href); window.location.href = `${url.origin}${url.pathname}?page=all#page${startPage}`; }) } </script> <script> var addebug = document.querySelectorAll('.cpRight'); for (i = 0; i < addebug.length; ++i) { addebug[i].addEventListener('click', function handleClick() { googletag.openConsole(); }); }; </script> <script> var inject_baca_juga = document.getElementsByClassName('inject-baca-juga'); if(inject_baca_juga.length > 0){ var xhr_auto_baca_juga = new XMLHttpRequest(); xhr_auto_baca_juga.open("POST", "https://recommendation.kgdata.dev/rec/kompascom/api/v2/recommendation/item", true); xhr_auto_baca_juga.setRequestHeader("Content-Type", "application/json"); xhr_auto_baca_juga.onreadystatechange = function () { if (xhr_auto_baca_juga.readyState === 4 && xhr_auto_baca_juga.status === 200) { var json_baca_juga = JSON.parse(xhr_auto_baca_juga.responseText); for (var i = 0; i < inject_baca_juga.length; i++) { inject_baca_juga[i].innerHTML = '<p><strong>Baca juga: <a href="'+json_baca_juga.items[i].url.replace('http:/','https:/')+'?source=bacajuga&engine=C" class="inner-link-baca-juga" target="_self">'+json_baca_juga.items[i].title+'</a></strong></p>'; } } }; var data = JSON.stringify({ "pageurl" : "https://lifestyle.kompas.com/", "pagetype" : "baca-juga" }); xhr_auto_baca_juga.send(data); } </script> <script async> (function() { /** * General Helper function with DOM elements creation * @returns */ function createElement(tag, id, defaultClass, customClasses, iHTML) { var elm = document.createElement(tag); if (id) elm.id = id; if (defaultClass) elm.className = defaultClass; if (customClasses && customClasses.length > 0) { customClasses.forEach(function(cls) { elm.classList.add(cls); }); } if (iHTML) elm.innerHTML = iHTML; return elm; } /** * General helper function * @param {*} basicInfo (an obj containing client_id, sid, cohort, accountid, widget, pageurl * whenever possible) * needed by Jixie * * This function constructs the url to call the recommendation endpoint, fires the request * returns a promise which should resolves to an array of objects * * Note we also call resolve in case of error. Just easier to report the error in the code that calls it */ function fetchRecommendationsP(infoObj, jxUserInfo) { let body = null; body = { "pageurl": "https://lifestyle.kompas.com", "count": 6, "algo": "mixed", "uid": getCookie('kmps_usrid'), "ukid": getCookie('ukid'), "pagetype": "lifestyle", }; body = JSON.stringify(body) let url = "https://recommendation.kgdata.dev/api/v1/recommendation"; return new Promise((resolve, reject) => { let xhr = new XMLHttpRequest(); xhr.open("POST", url); xhr.onreadystatechange = function() { if (this.readyState == 4 && this.status >= 200 && this.status < 300) { trackEventGa('AIML Article Recommendation', 'Content Request', 'algsrc=C,site=lifestyle,device=mobile,status=success') resolve(JSON.parse(xhr.response)); } else if (this.readyState == 4 && this.status < 200 || this.status >= 300) { trackEventGa('AIML Article Recommendation', 'Content Request', 'algsrc=C,site=lifestyle,device=mobile,status=fail,response=' + this.status) resolve(null); } } xhr.onerror = function() { resolve(null); } xhr.send(body); }); } /** * General helper function * @param {*} fileUrl string * returns a promise which should resolves to true if all goes well */ function fetchJSFileP(fileUrl) { return new Promise(function(resolve, reject) { var tag = document.createElement("script"); var fst = document.getElementsByTagName("script")[0]; fst.parentNode.insertBefore(tag, fst); tag.onload = function() { resolve(); }; tag.src = fileUrl; }); }; /** * Click handler; A BOUND version is wired up to a particular DOM * element as the click handler * @param {*} url * @param {*} pos * @returns */ function handleClick(jxRecHelper0, url, pos) { /*** * JXRECSDK NOTES 5 of 5 calling * Call clicked(pos) of helper object to report a click * Here pos is the index of the item (starts from 1) */ jxRecHelper0.clicked(pos); //we need the position of the item in the widget // window.open(url); // open in new tab window.location = url; //open in current tab return false; } const cssClasses = { thumbnail_overlay_wrapper: 'wSpec-img-overlay', thumbnail_wrapper: 'wSpec-img', thumbnail: 'lozad', category: 'wSpec-subtitle', title: 'wSpec-title', container: 'listSection', wrapper: 'hlItem', wrapper_content: 'wSpec-wrap', text_wrapper: 'wSpec-box', source: 'wSpec-source' }; function createDisplay(rand, container, resultObj, jxRecHelper, maxItems) { return new Promise(function(resolve, reject) { let widgetWrapper = document.createElement('div'); widgetWrapper.classList.add('articleList', '-listGrid'); //OWN container.appendChild(widgetWrapper); let widgetItemArr = []; try { var items = resultObj; if (items.length > 0) { let counterNews = 0; while (counterNews <= maxItems) { items.some(function(item, index) { counterNews++; if (counterNews > maxItems) { return true; } let divid = `recItem-${rand}-${index}`; var objArr = {}; objArr['divid'] = divid; objArr['id'] = jxRecHelper.jxUrlCleaner(item.url), objArr['pos'] = index; objArr['img'] = item.img; if (item.category == 'sponsored') { objArr['type'] = 'ad'; } else { objArr['type'] = 'page'; } objArr['algo'] = item.methodId; // a label to represent the algo used (opsional) if (item.type == 'ad') { objArr['trackers'] = item.trackers; } widgetItemArr.push(objArr); /* note: We have this -rand- thing in the div id (this is just * because want the div id to be unique on the page as * in case more than 1 widget is embedded on the page) */ // var recItem = createElement('div', `recItem-${rand}-${index}`, null, [cssClasses.wrapper]); // Create the main div container var hlItem = document.createElement('div'); hlItem.setAttribute("id", `recItem-${rand}-${index}`); hlItem.classList.add('articleItem'); hlItem.dataset.index = index; // Create the main div container // const hlItem = document.createElement('div'); // hlItem.classList.add('hlItem'); // Create the anchor tag const hlItemLink = document.createElement('a'); hlItemLink.classList.add('article-link'); hlItemLink.href = item.url; // Create wrap container div const hlWrap = document.createElement('div') hlWrap.classList.add('articleItem-wrap'); // Create the image container div const hlImg = document.createElement('div'); hlImg.classList.add('articleItem-img'); var photo = item.img; if (photo.includes('watermark')) { var splitUrl = photo.split('/'); var imgPath = splitUrl[13] + '/' + splitUrl[14] + '/' + splitUrl[15] + '/' + splitUrl[16] + '/' + splitUrl[17] + '/' + splitUrl[18]; photo = "https://asset.kompas.com/crop/0x0:0x0/177x117/" + imgPath; } // Create the image element const img = document.createElement('img'); img.src = photo; img.alt = item.title; // Append the image to the image container hlImg.appendChild(img); // Create the box div const hlBox = document.createElement('div'); hlBox.classList.add('articleItem-box'); const ul = document.createElement('ul'); const li_channel = document.createElement('li'); const li_time = document.createElement('li'); // Create the title element const hlTitle = document.createElement('div'); hlTitle.classList.add('articleTitle'); hlTitle.textContent = item.title; // Create the info div const hlInfo = document.createElement('div'); hlInfo.classList.add('articlePost'); // Create the channel div const hlChannel = document.createElement('div'); hlChannel.classList.add('articlePost-subtitle'); hlChannel.textContent = item.category; var date = new Date(item.published_date); var published_date = date.getDate() + '/' + (date.getMonth() + 1) + '/' + date.getFullYear(); // Create the time div const hlTime = document.createElement('div'); hlTime.classList.add('articlePost-date'); hlTime.textContent = published_date; // Append the channel and time to the li tag li_channel.appendChild(hlChannel); li_time.appendChild(hlTime); // Append li tag to the ul tag ul.appendChild(li_channel); ul.appendChild(li_time); // Append ul tag to the info div hlInfo.appendChild(ul); // Append the title and info to the box hlBox.appendChild(hlTitle); hlBox.appendChild(hlInfo); // Append the image container and box to the wrap div hlWrap.appendChild(hlImg); hlWrap.appendChild(hlBox); // Append the wrap div to the anchor tag hlItemLink.appendChild(hlWrap); // Append the anchor tag to the main div hlItem.appendChild(hlItemLink); widgetWrapper.appendChild(hlItem); // hook up the click handler for this item hlItem.onclick = handleClick.bind(null, jxRecHelper, item.url + '?source=widgetML&engine=C', index); }); } var endDate = new Date(); var loadtime = (endDate.getTime() - startDate.getTime()); trackEventGa('AIML Article Recommendation', 'Content Loaded', 'algsrc=C,site=lifestyle,device=mobile,loadtime=' + loadtime) resolve(); /*** * JXRECSDK NOTES 3 of 5 - * pass all the info about the items to the rec helper * each one is an object: ALL MANDATORY * div * id * pos */ jxRecHelper.items(widgetItemArr); /*** * JXRECSDK NOTES 4 of 5 - * Call the ready() of the helper object when the recommendation * results have been populated to the widget * (This will register the action=ready event) */ jxRecHelper.ready('api-2'); } else { jxRecHelper.error(204); console.error("Error: no recommendation items"); return; } } catch (err) { jxRecHelper.error(901); console.log(err.stack); } }); } const _jxRecSdkURL = 'https://scripts.jixie.media/jxrecsdk.1.0.min.js'; var startDate = new Date(); class OneWidget { constructor() { //this is also the one we will pass to the JX rec helper object when //we instantiate it: //In this implementation most of these come from the options obj //on the publisher page. this._options = { accountid: '9262bf2590d558736cac4fff7978fcb1', pageurl: 'https://lifestyle.kompas.com', widget_id: '1000183-AGaFEmllqb', type: 'pages', system: 'jx', container: 'rekomendasi-konten-pilihan-untukmu-aiml-latest-1', keywords: '', title: '', customid: "0", count: 6, }; this._container = [{ "container": document.getElementById('rekomendasi-konten-pilihan-untukmu-aiml-latest-1'), "count": 6 } ]; } kickOff() { startDate = new Date(); trackEventGa('AIML Article Recommendation', 'Widget load', 'algsrc=C,site=lifestyle,device=mobile') const rand = Math.floor(Math.random() * 1000); let promJXSDK = fetchJSFileP(_jxRecSdkURL); let thisObj = this; // first we wait on the JX REC SDK to be loaded and initialized let recHelperObj = null; let recResults = null; promJXSDK .then(async function() { /*** * JXRECSDK NOTES 1 of 5 - INSTANTIATION OF A JX REC HELPER OBJECT * Call this AFTER JX REC SDK is loaded but BEFORE you call your REC * backend. * * param: MANDATORY options object * options object must at a minimal have * accountid: get from jixie * widgetid: get from jixie * container: DIV ID of the destination div to house the widget * (for jixie widget this is just the options object passed from the page) * * (This will also register the action=load event) */ recHelperObj = jxRecMgr.createJxRecHelper(thisObj._options); let basicInfo = thisObj._options; let options = { count: "", adpositions: "", keywords: "", title: "", date_published: "", pagecategory: "", algo: "mixed", page: "", group: 'hp_kompas' }; options.page = 1; options.count = 25; let result1 = await recHelperObj.getJxRecommendations(options); options.page = 2; options.count = 5; let result2 = await recHelperObj.getJxRecommendations(options); return result1.items.concat(result2.items); // return fetchRecommendationsP(basicInfo, recHelperObj.getJxUserInfo()); }) .then(function(resp) { recResults = resp; if (!resp || !recResults || recResults.length == 0) { /*** * JXRECSDK NOTES 2 of 5 - * Call the error() function on the recHelper when either an error * has occured in the fetching or there are no recommended items * * (This will register the action=error event) */ recHelperObj.error(204); throw "no recommendation results"; } }) .then(function() { // everything is ready (recommendation results, css): thisObj._container.forEach(element => { let items = recResults.splice(0, element.count); createDisplay(rand, element.container, items, recHelperObj, element.count) .then(function() { console.log('lozad'); //observe lozad lozad('.lozad', { load: function(el) { el.src = el.dataset.src; el.onload = function() { el.classList.add('fade') } } }).observe() }) }); }) .catch(function(error) { console.log(`Unable to create recommendations widget ${error.stack} ${error.message}`); }); } } // document.querySelector('.wSpec-secret').addEventListener('click', function(e) { // e.preventDefault(); // let wSl = document.querySelectorAll('.wSpec-source'); // if (wSl.length > 0) { // for (let i = 0; i < wSl.length; i++) { // wSl[i].classList.toggle('show') // } // } // }) var limit_gtm_ready = 1; function check_gtm_ready() { if ('ga' in window) { // create a new instance of our widget based on the options const newW = new OneWidget(); newW.kickOff(); } else { const timeout_gtm_ready = setTimeout(check_gtm_ready, 500) limit_gtm_ready += 1; if (limit_gtm_ready > 10) { clearTimeout(timeout_gtm_ready); const newW = new OneWidget(); newW.kickOff(); } } } function trackEventGa(category, action, label) { if ("ga" in window) { ga(function() { tracker = ga.getAll()[0]; if (tracker) { tracker.send("event", category, action, label); console.log('track event ', category, action, label) } }) } } check_gtm_ready() })(); </script> <script src="https://asset.kompas.com/data/2024/10/08/kompascom/desktop/js/w-lifestyle-calculator.min.js"></script> <script src="https://asset.kompas.com/data/2024/07/18/kompascom/desktop/js/swiper-bundle.min.js"></script> <script src="https://asset.kompas.com/data/2024/07/18/kompascom/desktop/js/main-lifestyle.min.js"></script> <!-- (ads.ambient) --> <!-- (ads.peelad) --> <!-- (ads.outbrain) --> <!-- (ads.pickwords) --> <script> if ($('.kgplayGate__wrap.-slider .kgplayItem').length > 1) { var $carousel = $('.kgplayGate__wrap.-slider'); var settings = { autoplay: false, infinite: false, slidesToShow: 5, slidesToScroll: 1, autoplaySpeed: 7000, pauseOnFocus: true, dots: false, fade: false, arrows: true, cssEase: 'ease', prevArrow: "<a href='#' class='icon-photo-slider icon-photo-left slick-arrow'><svg class='icon icon-angle-left'><use xlink:href='#icon-angle-left'/></svg></a>", nextArrow: "<a href='#' class='icon-photo-slider icon-photo-right slick-arrow'><svg class='icon icon-angle-right'><use xlink:href='#icon-angle-right'/></svg></a>" }; $carousel.slick(settings); } </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10