Beauty & Grooming

<!DOCTYPE html> <html lang="en"> <head> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({ "title": "Beauty & Grooming", "description": "Beauty & Grooming", "keywords": "Beauty & Grooming", "content_category": "Lifestyle", "content_subcategory": "Beauty & Grooming", "canonical": "https:\/\/lifestyle.kompas.com\/beauty" });</script>  <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>  <title>Beauty & Grooming</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="Beauty & Grooming"> <meta name="keywords" content="Beauty & Grooming"> <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" />  <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="Beauty & Grooming" /> <meta property="og:description" content="Beauty & Grooming"> <meta property="og:url" content="https://www.kompas.com/" /> <meta property="og:site_name" content="KOMPAS.com" /> <meta property="fb:app_id" content="324557847592228" />   <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="Beauty & Grooming" /> <meta name="twitter:description" content="Beauty & Grooming" /> <meta name="twitter:image" content="https://asset.kompas.com/data/2019/kompascom/banner-jmd-3.jpg" />  <meta name="content_category" content="Lifestyle" /> <meta name="content_subcategory" content="Beauty & Grooming" /> <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/beauty" /> <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>  <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>  <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>  <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>  <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*(&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>   <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>  <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>  <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">  <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/2024/09/13/kompascom/hut/desktop/logo-kompascom-29-desktop.png" alt="29 Tahun Kompas.com, Jernih Melihat Dunia"> </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/aHR0cHM6Ly9saWZlc3R5bGUua29tcGFzLmNvbS9iZWF1dHk="><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>  <div class="js-nav-offset"></div> <div class="row clearfix nav">  <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://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 & 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://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 & 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 & Pemukiman yang Berkelanjutan</a></li> <li><a href="https://lestari.kompas.com/tujuan/konsumsi-dan-produksi-yang-bertanggungjawab">Konsumsi & 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>  </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"class="active">Beauty & 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>   <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>  <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>  </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>    <div class="row mt2 col-offset-fluid clearfix stickyBox-flex"> <div class="col-bs10-7"> <div class="sectionBox pt0"> <div class="sectionHead -kanal"> <div class="sectionHead-wrap"> <div class="sectionHead-inner"> <div class="sectionHead-title">Beauty & Grooming</div> </div> </div> </div> <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/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="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> </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/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/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> </a> </div> <div class="articleItem"> <a 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/n4Ba6uMFkibs0P8LSWxip7EmWGQ=/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> </a> </div> <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/21/223000220/paragoncorp-sabet-9-penghargaan-di-smarties-awards-indonesia-2024"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/z0UIxp_8hlInOwk7nXqw3mpocms=/0x0:6000x4000/750x500/data/photo/2024/11/21/673f386b039e5.jpg" alt="ParagonCorp Sabet 9 Penghargaan di SMARTIES Awards Indonesia 2024"> </div> <div class="articleItem-box"> <h2 class="articleTitle">ParagonCorp Sabet 9 Penghargaan di SMARTIES Awards Indonesia 2024</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle ">BEAUTY & GROOMING</div> </li> <li> <div class="articlePost-date">21/11/2024</div> </li> </ul> </div> </div> </a> </div> <div class="articleItem"> <a href="https://lifestyle.kompas.com/read/2024/11/21/212100920/inovasi-berkelanjutan-paragoncorp-raih-penghargaan-di-fmcg-asia-awards"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/igbp50KscT94Xvi8O29_fK1jqAc=/360x383:2760x1983/750x500/data/photo/2024/11/21/673f2f9dccb0d.jpg" alt="Inovasi Berkelanjutan, ParagonCorp Raih Penghargaan di FMCG Asia Awards 2024"> </div> <div class="articleItem-box"> <h2 class="articleTitle">Inovasi Berkelanjutan, ParagonCorp Raih Penghargaan di FMCG Asia Awards 2024</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle ">BEAUTY & GROOMING</div> </li> <li> <div class="articlePost-date">21/11/2024</div> </li> </ul> </div> </div> </a> </div> <div class="articleItem"> <a href="https://lifestyle.kompas.com/read/2024/11/21/200200320/5-model-rambut-pendek-untuk-laki-laki"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/CX2jVVCjYYiJzDAytQfXZfQjl_g=/0x0:844x563/750x500/data/photo/2024/08/12/66b9af7beef73.jpg" alt="5 Model Rambut Pendek untuk Laki-Laki"> </div> <div class="articleItem-box"> <h2 class="articleTitle">5 Model Rambut Pendek untuk Laki-Laki</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle ">BEAUTY & GROOMING</div> </li> <li> <div class="articlePost-date">21/11/2024</div> </li> </ul> </div> </div> </a> </div> </div> </div> </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> <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/21/192929420/bioderma-hadirkan-hyaluronic-acid-serum-untuk-mengatasi-penuaan-dini"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/rrqrDBklUtjFhRAkn-9beSQDCnQ=/0x0:1000x667/750x500/data/photo/2024/11/21/673f267c22776.jpg" alt="Bioderma Hadirkan Hyaluronic Acid Serum untuk Mengatasi Penuaan Dini Langsung dari Sumbernya" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Bioderma Hadirkan Hyaluronic Acid Serum untuk Mengatasi Penuaan Dini Langsung dari Sumbernya</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Beauty & Grooming</div> </li> <li> <div class="articlePost-date">21/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/21/100500020/5-model-rambut-untuk-laki-laki-dengan-wajah-bulat-dan-gemuk"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crop/0x0:918x612/750x500/data/photo/2024/01/19/65aa2e4e5a9d7.jpg" alt="5 Model Rambut untuk Laki-Laki dengan Wajah Bulat dan Gemuk" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">5 Model Rambut untuk Laki-Laki dengan Wajah Bulat dan Gemuk</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Beauty & Grooming</div> </li> <li> <div class="articlePost-date">21/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/21/081500220/5-model-rambut-ikal-untuk-laki-laki"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crop/0x2492:5304x6028/750x500/data/photo/2024/11/18/673b1c3d56bb1.jpg" alt="5 Model Rambut Ikal untuk Laki-Laki" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">5 Model Rambut Ikal untuk Laki-Laki</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Beauty & Grooming</div> </li> <li> <div class="articlePost-date">21/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/20/195856820/5-tip-merawat-rambut-berwarna-agar-tetap-indah-dan-tahan-lama"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/TFfbOSDrbQ58mu54oRQcwXNKmrI=/0x0:1000x667/750x500/data/photo/2024/11/20/673ddc3668bd1.jpg" alt="5 Tip Merawat Rambut Berwarna agar Tetap Indah dan Tahan Lama" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">5 Tip Merawat Rambut Berwarna agar Tetap Indah dan Tahan Lama</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Beauty & Grooming</div> </li> <li> <div class="articlePost-date">20/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/20/194854220/5-model-rambut-panjang-untuk-laki-laki"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/w_mCVhJwq2PfWDXbcbki4WumYVQ=/0x0:5097x3398/750x500/data/photo/2024/03/20/65fa8dde551ae.jpg" alt="5 Model Rambut Panjang untuk Laki-Laki" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">5 Model Rambut Panjang untuk Laki-Laki</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Beauty & Grooming</div> </li> <li> <div class="articlePost-date">20/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/18/184500120/5-potongan-rambut-anak-laki-laki-keren-dan-gaya"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crop/672x448:6048x4032/750x500/data/photo/2024/11/17/673a06e17b57a.jpg" alt="5 Potongan Rambut Anak Laki-Laki, Keren dan Gaya" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">5 Potongan Rambut Anak Laki-Laki, Keren dan Gaya</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Beauty & Grooming</div> </li> <li> <div class="articlePost-date">18/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/17/163500820/colourist-indonesia-perluas-edukasi-personal-color-lewat-workshop"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/IcAiyD67xxi0U-za7MxTCURTbMc=/0x0:1600x1067/750x500/data/photo/2024/11/17/6739b7b223e66.jpeg" alt="Colourist Indonesia Perluas Edukasi Personal Color lewat Workshop" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Colourist Indonesia Perluas Edukasi Personal Color lewat Workshop</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Beauty & Grooming</div> </li> <li> <div class="articlePost-date">17/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/16/191100020/makna-di-balik-kostum-nasional-miss-universe-filipina-2024"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crop/0x18:1080x738/750x500/data/photo/2024/11/16/67386f4cba79e.jpg" alt="Makna di Balik Kostum Nasional Miss Universe Filipina 2024" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Makna di Balik Kostum Nasional Miss Universe Filipina 2024</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Beauty & Grooming</div> </li> <li> <div class="articlePost-date">16/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/16/180800620/menyelundup-ke-kamar-hotel-pacar-miss-panama-didiskualifikasi-dari-miss"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crop/0x180:1080x900/750x500/data/photo/2024/11/16/67385c678d060.jpg" alt="Menyelundup ke Kamar Hotel Pacar, Miss Panama Didiskualifikasi dari Miss Universe 2024" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Menyelundup ke Kamar Hotel Pacar, Miss Panama Didiskualifikasi dari Miss Universe 2024</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Beauty & Grooming</div> </li> <li> <div class="articlePost-date">16/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/16/162551520/makna-mendalam-di-balik-mahkota-miss-universe-lumire-de-linfini"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/Y0vOB83rbmmkFR_mTIA4u77H5OE=/118x0:976x572/750x500/data/photo/2024/11/16/6738603356bbf.jpg" alt="Makna Mendalam di Balik Mahkota Miss Universe, Lumi猫re de l鈥橧nfini" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Makna Mendalam di Balik Mahkota Miss Universe, Lumi猫re de l鈥橧nfini</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Beauty & Grooming</div> </li> <li> <div class="articlePost-date">16/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/16/153426020/alami-vertigo-finalis-tunarungu-pertama-miss-universe-resmi-mundur"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/5WGedD5e3Arr-MqcVNZS-hsQ_EY=/0x0:1080x720/750x500/data/photo/2024/11/16/67384cae75970.jpg" alt="Alami Vertigo, Finalis Tunarungu Pertama Miss Universe Resmi Mundur" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Alami Vertigo, Finalis Tunarungu Pertama Miss Universe Resmi Mundur</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Beauty & Grooming</div> </li> <li> <div class="articlePost-date">16/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/13/201733020/luncurkan-scarlett-beauty-ecosystem-scarlett-rangkul-era-baru-perawatan"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/sa2FSDOWWYC-VMpA4fuJHUg5yQ8=/0x0:780x520/750x500/data/photo/2024/11/13/67349cf1c7464.jpg" alt="Luncurkan Scarlett Beauty Ecosystem, Scarlett Rangkul Era Baru Perawatan Kulit yang Adaptif dan Responsif" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Luncurkan Scarlett Beauty Ecosystem, Scarlett Rangkul Era Baru Perawatan Kulit yang Adaptif dan Responsif</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Beauty & Grooming</div> </li> <li> <div class="articlePost-date">13/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/11/180500820/dior-bikin-skincare-mengandung-wine-berapa-harganya-"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crop/222x98:1144x712/750x500/data/photo/2024/11/11/6731b1ee3616d.png" alt="Dior Bikin Skincare Mengandung Wine, Berapa Harganya?" /> </div> <div class="articleItem-box"> <h2 class="articleTitle">Dior Bikin Skincare Mengandung Wine, Berapa Harganya?</h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle">Beauty & Grooming</div> </li> <li> <div class="articlePost-date">11/11/2024</div> </li> </ul> </div> </div> </div> </a> </div> </div> </div> <div class="text-center mt2 clearfix"><div class="paging 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://lifestyle.kompas.com/beauty/2" data-ci-pagination-page="2">2</a></div><div class="paging__item"><a class="paging__link" href="https://lifestyle.kompas.com/beauty/3" data-ci-pagination-page="3">3</a></div><div class="paging__item"><a class="paging__link paging__link--next" href="https://lifestyle.kompas.com/beauty/2" data-ci-pagination-page="2" rel="next">Next</a></div><div class="paging__item"><a class="paging__link paging__link--last" href="https://lifestyle.kompas.com/beauty/10" data-ci-pagination-page="10">Last &rsaquo;</a></div></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">  <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>  </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"> Terpopuler </div> </div> <div class="mostList -mostlist -mostArticle"> <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">1</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/103048820/simak-4-tips-memulai-lari-untuk-pemula-ala-soraya-larasati"> <div class="mostItem-inner"> <div class="mostItem-count">2</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">3</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/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/141000520/menganggur-alasan-faktor-ekonomi-jadi-penyebab-perceraian"> <div class="mostItem-inner"> <div class="mostItem-count">5</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/095200420/bawa-anak-ke-kantor-ini-2-cara-agar-mereka-cepat-beradaptasi"> <div class="mostItem-inner"> <div class="mostItem-count">6</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">7</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/171501720/kapan-waktu-terbaik-membicarakan-soal-keuangan-bersama-pasangan"> <div class="mostItem-inner"> <div class="mostItem-count">8</div> <div class="mostItem-box"> <h2 class="mostItem-title">Kapan Waktu Terbaik Membicarakan soal Keuangan Bersama Pasangan?</h2> <div class="mostItem-subtitle">Relationship</div> </div> <div class="mostItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/co9mSkuWsexj_Pq6_Mq9KCQrR_w=/59x29:647x421/80x80/data/photo/2022/09/25/632fc796ca958.png" alt="Kapan Waktu Terbaik Membicarakan soal Keuangan Bersama Pasangan?"> </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">9</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="mostItem"> <a class="mostItem-link" href="https://lifestyle.kompas.com/read/2024/11/25/171336320/rasa-percaya-diri-naik-ini-dia-tip-menghilangkan-bau-badan"> <div class="mostItem-inner"> <div class="mostItem-count">10</div> <div class="mostItem-box"> <h2 class="mostItem-title">Rasa Percaya Diri Naik, Ini Dia Tip Menghilangkan Bau Badan</h2> <div class="mostItem-subtitle">Beauty & Grooming</div> </div> <div class="mostItem-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/9Cjlb7pLO9DRNdbmMVNk9jyGWqE=/0x0:780x520/80x80/data/photo/2024/11/25/6743f4fe4b79c.jpg" alt="Rasa Percaya Diri Naik, Ini Dia Tip Menghilangkan Bau Badan"> </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>   <div id="kcm-modals"> <div class="modals__content"></div> </div> <div id="sso_g_signin"> </div>  <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://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/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/beauty", "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>     <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>

CINXE.COM

Beauty & Grooming