It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://www.kompas.com/rss/national.rss

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.    
  5.  
  6. <!-- Google Tag Manager -->
  7. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  8. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  9. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  10. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  11. })(window,document,'script','dataLayer','GTM-PT7PC4');</script>
  12. <!-- End Google Tag Manager -->
  13. <title>Halaman anda tidak ditemukan - Kompas.com</title>
  14. <link href="//securepubads.g.doubleclick.net" rel="dns-prefetch">
  15. <link href="//asset.kompas.com" rel="dns-prefetch">
  16. <link href="//adsimg.kompas.com" rel="dns-prefetch">
  17. <link href="//static.criteo.net" rel="dns-prefetch">
  18. <link href="//bidder.criteo.com" rel="dns-prefetch">
  19. <link href="//rtax.criteo.com" rel="dns-prefetch">
  20. <link href="//tpc.googlesyndication.com" rel="dns-prefetch">
  21. <link href="//cm.g.doubleclick.net" rel="dns-prefetch">
  22. <link href="//s0.2mdn.net" rel="dns-prefetch">
  23. <link href="//www.kompas.com" rel="dns-prefetch">
  24. <link href="//www.facebook.com" rel="dns-prefetch">
  25. <link href="//mcdp-sadc1.outbrain.com" rel="dns-prefetch">
  26. <link href="//code.jquery.com" rel="dns-prefetch">
  27. <link href="//mc.yandex.ru" rel="dns-prefetch">
  28. <link href="//apis.kompas.com" rel="dns-prefetch"><meta charset="utf-8">
  29. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  30. <meta name="viewport" content="width=device-width">
  31. <meta name="description" content="Maaf kami tidak menemukan halaman yang anda cari">
  32. <meta name="keywords" content="Berita Terkini, Berita Hari Ini, Berita Harian, Berita Terbaru, Berita Akurat, Berita Terpercaya, Berita indonesia, Berita Terpopuler, Berita, Info Terkini, Jernih Melihat Dunia, Kompas">
  33. <meta name="googlebot-news" content="index, follow" />
  34. <meta  name="googlebot" content="index, follow" />
  35. <meta name="author" content="Kompas Cyber Media">
  36. <meta name="robots" content="index, follow" />
  37. <meta name="language" content="id" />
  38. <meta name="geo.country" content="id" />
  39. <meta http-equiv="content-language" content="In-Id" />
  40. <meta name="geo.placename" content="Indonesia" />
  41.  
  42. <!-- S:fb meta -->
  43. <meta property="og:type" content="article" />
  44. <meta property="og:image" content="https://asset.kompas.com/data/2019/kompascom/banner-jmd-3.jpg" />
  45. <meta property="og:title" content="Halaman anda tidak ditemukan - Kompas.com" />
  46. <meta property="og:description" content="Maaf kami tidak menemukan halaman yang anda cari">
  47. <meta property="og:url" content="https://www.kompas.com/" />
  48. <meta property="og:site_name" content="KOMPAS.com" />
  49. <meta property="fb:app_id" content="324557847592228" />
  50. <!-- e:fb meta -->
  51.  
  52. <!-- S:tweeter card -->
  53. <meta name="twitter:card" content="summary_large_image" />
  54. <meta name="twitter:site" content="@kompascom" />
  55. <meta name="twitter:creator" content="@kompascom">
  56. <meta name="twitter:title" content="Halaman anda tidak ditemukan - Kompas.com" />
  57. <meta name="twitter:description" content="Maaf kami tidak menemukan halaman yang anda cari" />
  58. <meta name="twitter:image" content="https://asset.kompas.com/data/2019/kompascom/banner-jmd-3.jpg" />
  59. <!-- E:tweeter card -->
  60.  
  61. <meta name="content_category" content="" />
  62. <meta name="content_subcategory" content="" />
  63. <meta name="content_location" content="" />
  64. <meta name="content_author_id" content="" />
  65. <meta name="content_author" content="" />
  66. <meta name="content_editor_id" content="" />
  67. <meta name="content_editor" content="" />
  68. <meta name="content_lipsus" content="" />
  69. <meta name="content_lipsus_id" content="" />
  70. <meta name="content_sensi" content="" />
  71. <meta name="content_type" content="" />
  72. <meta name="content_PublishedDate" content="" />
  73. <meta property="article:published_time" content="" />
  74. <meta name="content_source" content="" />
  75. <meta name="content_tag" content="" />
  76. <meta name="content_tags" content="" />
  77. <meta name="content_total_words" content="" />
  78. <meta name="subscription" content="False" />
  79. <meta name="lestari_sdgs" content="" />
  80. <meta name="content_total_pages" content="" />
  81. <meta name="content_current_page" content="" />
  82.  
  83.  
  84. <link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
  85.  
  86.  
  87.  
  88. <meta name="thumbnailUrl" content="https://asset.kompas.com/data/2017/wp/images/logo-kompascom-jmd.png?v=1" itemprop="thumbnailUrl" />
  89. <meta content="https://www.kompas.com/rss/national.rss" itemprop="url" />
  90.  
  91. <link rel="canonical" href="https://www.kompas.com/rss/national.rss" />
  92. <link rel="dns-prefetch" href="twitter.com">
  93. <link rel="shortcut icon" href="https://asset.kompas.com/data/2017/wp/images/favicon2017.ico">
  94.    <link rel="stylesheet" href="https://asset.kompas.com/data/2024/04/29/kompascom/desktop/css/kcm2017-wp.min.css" type="text/css">
  95.    <link rel="stylesheet" href="https://asset.kompas.com/data/2024/01/12/15/kompascom/desktop/css/kcm2017-iconpack-wp.min.css" type="text/css">
  96.  
  97. <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">
  98. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,700|Roboto:300,300i,400,400i,500,700,700i">
  99. <link rel="preconnect" href="https://scripts.jixie.media"/>
  100.  
  101. <script src="https://asset.kompas.com/data/2017/wp/js/jquery-1.12.0.min.js"></script>
  102. <script src="https://asset.kompas.com/data/2017/wp/js/modernizr.custom.js"></script>
  103.  
  104. <script type="text/javascript">
  105. window.jixie_o = {
  106. accountid: "9262bf2590d558736cac4fff7978fcb1",
  107. partner_cookie: 'kmps_usrid',
  108. external_ids: ['tdid','tdid2','jxtoko','ifo'],
  109. sha256mail_cookie:'usermail',
  110. ad_blocker: true,
  111. logbids: true,
  112. userprofile: true,
  113. sha256ph_cookie:'kmps_uphn',
  114. };
  115. </script>
  116. <script async src="https://scripts.jixie.media/jxpublisher_3_1.min.js"></script>
  117.  
  118. <script type="text/javascript">
  119. window.jixie_p = window.jixie_p || [];
  120. window.jixie_p.push({
  121. action: "viewhome"
  122. });
  123. </script>
  124.  
  125.  
  126.  
  127. <!-- (gpt.top) -->
  128.  
  129. <!-- (ads.google.head.rs) -->
  130.  
  131. <script type="application/ld+json">
  132. {
  133.  "@context": "http://schema.org",
  134.  "@type": "WebSite",
  135.  "url": "https://www.kompas.com/",
  136.  "potentialAction": {
  137.    "@type": "SearchAction",
  138.    "target": "https://search.kompas.com/search?q={search_term_string}",
  139.    "query-input": "required name=search_term_string"
  140.  }
  141. }
  142. </script>
  143.  
  144.  
  145.  
  146. <script type="application/ld+json">
  147. {
  148.  "@context" : "http://schema.org",
  149.  "@type" : "Organization",
  150.  "url": "https://www.kompas.com",
  151.  "logo": "https://asset.kompas.com/data/2018/kompascom/images/logo-kompascom-biru.png",
  152.  "sameAs" : [
  153.    "https://www.facebook.com/kompascom",
  154.    "https://www.twitter.com/kompascom",
  155.    "https://instagram.com/kompascom",
  156.    "https://line.me/ti/p/%40kompas.com"
  157.  ]
  158. }
  159. </script>
  160.  
  161. <style type="text/css">
  162. /* Avoid empty images to appear as broken */
  163. img:not([src]):not([srcset]) {
  164.  visibility: hidden;
  165. }
  166. /* Fix for images to never exceed the width of the container */
  167. img {
  168.  max-width: 100%;
  169. }
  170. </style>
  171. <script type="text/javascript">
  172. 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}
  173. </script>
  174. <meta name="google-site-verification" content="oHnKUtgqOLtZOYp5HWas27GCVmPbsKDE5NHDPrsOJpc" />
  175.  
  176.  
  177.  
  178.  <script async src="https://cdn.oval.id/tracker/p/kompas/oval_web_analytics_latest.js"></script>
  179.  
  180. <!-- Meta Pixel Code -->
  181. <script>
  182. !function(f,b,e,v,n,t,s)
  183. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  184. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  185. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  186. n.queue=[];t=b.createElement(e);t.async=!0;
  187. t.src=v;s=b.getElementsByTagName(e)[0];
  188. s.parentNode.insertBefore(t,s)}(window, document,'script',
  189. 'https://connect.facebook.net/en_US/fbevents.js');
  190. fbq('init', '423063207362401');
  191. fbq('track', 'PageView');
  192. </script>
  193. <noscript><img height="1" width="1" style="display:none"
  194. src="https://www.facebook.com/tr?id=423063207362401&ev=PageView&noscript=1"
  195. /></noscript>
  196. <!-- End Meta Pixel Code -->    
  197.    <link rel="stylesheet" href="https://asset.kompas.com/data/2017/wp/css/kcm2017-404.min.css?v=1" type="text/css">
  198.    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fjalla+One">
  199.    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,700|Roboto:100,300,300i,400,400i,500,700,700i">    
  200. </head>
  201. <body class="theme--news">
  202.      
  203. <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PT7PC4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  204.  
  205. <div class="wrap">
  206.  
  207. <!-- header-->
  208. <div class="header header--sumpah-pemuda clearfix">
  209.    <div class="row clearfix header__wrap">
  210.        <div class="container clearfix header__row">
  211.            <div class="row col-offset-fluid clearfix">
  212.                <div class="col-bs10-5 clearfix">
  213.                    <div class="logo">
  214.                        <a href="https://www.kompas.com">
  215.                                                            <style>.logo img {width:auto;}.logo {width:auto;}</style>
  216.                                <!-- <img src="https://asset.kompas.com/data/2017/wp/images/logo-kompascom-ri77.png" alt="Kompas.com" width="310" height="50" id="anni26-img"> -->
  217.                                                                    <img src="https://asset.kompas.com/data/2023/09/20/kompascom/desktop/images/logo-kompascom-28.png" alt="28 Tahun Kompas.com, Jernih Melihat Dunia" id="anni26-img">
  218.                                                                                    </a>
  219.                        <!-- <a href="https://vik.kompas.com/harapan-jurnalisme-berkelanjutan" class="anni25-link"></a> -->
  220.                    </div>
  221.                </div>
  222.                <div class="col-bs10-5 clearfix">
  223.                    <form class="search search--header col-bs12-8 col-offset-0" action="https://search.kompas.com/search/">
  224.                        <input class="form__input form__input__header" id="search" type="text" name="q" placeholder="cari tokoh, topik atau peristiwa">
  225.                        <button type="button" class="form__button__clear" role="button">
  226.                            <span class="kcm__close__icon"></span>
  227.                        </button>
  228.                        <input class="form__button form__button__header" type="submit" name="submit">
  229.                        <span class="search--icon">
  230.                            <svg class="icon icon-search" title="icon-search">
  231.                                <use xlink:href="#icon-search" />
  232.                            </svg>
  233.                        </span>
  234.                    </form>
  235.  
  236.                    <div class="dark-header-item">
  237.                        <div class="dark-wrapper js-darkWrapper">
  238.                            <button type="button" class="button-default js-darkSetter" id="menu-darkmode" aria-label="Atur mode" aria-expanded="false" aria-controls="darkmode">
  239.                                <span class="icon-svg icon-darkmode" aria-hidden="true"></span>
  240.                            </button>
  241.                            <div class="dark-setting">
  242.                                <ul>
  243.                                    <li>
  244.                                        <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="system">Otomatis</button>
  245.                                    </li>
  246.                                    <li>
  247.                                        <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="dark">Mode Gelap</button>
  248.                                    </li>
  249.                                    <li>
  250.                                        <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="light">Mode Terang</button>
  251.                                    </li>
  252.                                </ul>
  253.                            </div>
  254.                        </div>
  255.                    </div>
  256.                                        
  257.                    <div class="loyalty__link" id="loyalty_koin" style="display: none">
  258.                        <a href="https://play.kompas.com/loyalty">
  259.                            <span class="icon-svg icon-koin"></span>
  260.                            <span class="loyalty__link__text">Koin</span>
  261.                            <i class="loyalty__link__badge active"></i>
  262.                        </a>
  263.                    </div>
  264.  
  265.                    <div class="sso__header col-bs12-4">
  266.                        <ul class="sso__wrap">
  267.                            <li class="sso__item">
  268.                                <a class="sso__link sso__link__icon js-sso-user" href="javascript:void(0)">
  269.                                    <i class="sso__icon__login" id="sso__icon__login_top"></i>
  270.                                    <i class="sso__badge" style="display: none;"></i>
  271.                                </a>
  272.                                <div class="sso__option -fixed -hide js-sso-user-board">
  273.                                    <ul>
  274.                                        <li id="sso__item"><a id="txt_signin" href="https://account.kompas.com/login/a29tcGFz/aHR0cHM6Ly93d3cua29tcGFzLmNvbS9yc3MvbmF0aW9uYWwucnNz"><span><i class="sso__icon__login"></i> Login</span></a></li>
  275.                                        <li></li>
  276.                        
  277.                                                                                    <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>
  278.                                                                                
  279.                                        <li></li>
  280.                                        <li><a href="https://activity.kompas.com/saved"><span><i class="sso__icon__bookmark"></i> Konten yang disimpan</span></a></li>
  281.                                        <li></li>
  282.                                        <li><a href="https://activity.kompas.com/liked"><span><i class="sso__icon__liked"></i> Konten yang disukai</span></a></li>
  283.                                        <li></li>
  284.                     <li><a href="https://activity.kompas.com/minat"><span><i class="sso__icon__interest"></i> Atur Minat</span></a></li>
  285.                                        <li></li>
  286.                                        <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>
  287.                                    </ul>
  288.                                </div>
  289.                            </li>
  290.                        </ul>
  291.                    </div>
  292.                                        <div class="kid__wrap">
  293.                        <a target="_blank" href="https://komp.as/darikompascom" class="kid__button">Langganan Kompas.id</a>
  294.                    </div>
  295.                                    </div>
  296.            </div>
  297.        </div>
  298.    </div>
  299.    <!-- nav-->
  300.    <div class="js-nav-offset"></div>
  301.    <div class="row clearfix nav">
  302.        <!-- (ads.skin.full) -->
  303.        <div class="container clearfix nav__wrap">
  304.            <div class="logo logo--sticky">
  305.                                    <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>
  306.                            </div>
  307.  
  308.              
  309.            <ul class="nav__row clearfix">
  310.    <li class="nav__item">
  311.        <a href="https://news.kompas.com?source=navbar"
  312.            class="nav__link nav__link--news">News</a>
  313.        <ul class="nav__sub nav__sub--news">
  314.            <li class="nav__subitem">
  315.                <a href="https://nasional.kompas.com" class="nav__sublink">Nasional</a>
  316.            </li>
  317.            <li class="nav__subitem">
  318.                <a href="https://megapolitan.kompas.com" class="nav__sublink">Megapolitan</a>
  319.            </li>
  320.            <li class="nav__subitem">
  321.                <a href="https://www.kompas.com/global" class="nav__sublink">Global</a>
  322.            </li>
  323.            <li class="nav__subitem">
  324.                <a href="https://inside.kompas.com/suratpembaca" class="nav__sublink">Surat Pembaca</a>
  325.            </li>
  326.            <li class="nav__subitem">
  327.                <a href="https://kilasdaerah.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Daerah</a>
  328.            </li>
  329.            <li class="nav__subitem">
  330.                <a href="https://kilaskorporasi.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Korporasi</a>
  331.            </li>
  332.            <li class="nav__subitem">
  333.                <a href="https://kilaskementerian.kompas.com" class="nav__sublink nav__sublink--hot">Kilas
  334.                    Kementerian</a>
  335.            </li>
  336.            <li class="nav__subitem">
  337.                <a href="https://sorotpolitik.kompas.com" class="nav__sublink nav__sublink--hot">Sorot Politik</a>
  338.            </li>
  339.            <li class="nav__subitem">
  340.                <a href="https://kilasbadannegara.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Badan
  341.                    Negara</a>
  342.            </li>
  343.            <li class="nav__subitem">
  344.                <a href="https://kelanaindonesia.kompas.com" class="nav__sublink nav__sublink--hot">Kelana
  345.                    Indonesia</a>
  346.            </li>
  347.            <li class="nav__subitem">
  348.                <a href="https://indeks.kompas.com/topik-pilihan/list/7782/kalbe-health-corner"
  349.                    class="nav__sublink nav__sublink--hot">Kalbe Health Corner</a>
  350.            </li>
  351.            <li class="nav__subitem">
  352.                <a href="https://kilasparlemen.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Parlemen</a>
  353.            </li>
  354.            <li class="nav__subitem">
  355.                <a href="https://kilasbumn.kompas.com" class="nav__sublink nav__sublink--hot">Kilas BUMN</a>
  356.            </li>
  357.            <li class="nav__subitem">
  358.                <a href="https://www.kompas.com/cekfakta" class="nav__sublink">Cek Fakta</a>
  359.            </li>
  360.            <li class="nav__subitem">
  361.                <a href="https://www.kompas.com/konsultasihukum" class="nav__sublink">Konsultasi Hukum</a>
  362.            </li>
  363.            <li class="nav__subitem">
  364.                <a href="https://news.kompas.com/search" class="nav__sublink">Indeks</a>
  365.            </li>
  366.            <li class="nav__subitem">
  367.                <a href="https://regional.kompas.com" class="nav__sublink">Regional</a>
  368.                <ul class="nav__subsub">
  369.                    <li class="nav__subitem">
  370.                        <a href="https://surabaya.kompas.com" class="nav__subsublink">Surabaya</a>
  371.                    </li>
  372.                    <li class="nav__subitem">
  373.                        <a href="https://medan.kompas.com" class="nav__subsublink">Medan</a>
  374.                    </li>
  375.                    <li class="nav__subitem">
  376.                        <a href="https://makassar.kompas.com" class="nav__subsublink">Makassar</a>
  377.                    </li>
  378.                    <li class="nav__subitem">
  379.                        <a href="https://yogyakarta.kompas.com" class="nav__subsublink">Yogyakarta</a>
  380.                    </li>
  381.                    <li class="nav__subitem">
  382.                        <a href="https://bandung.kompas.com" class="nav__subsublink">Bandung</a>
  383.                    </li>
  384.                    <li class="nav__subitem">
  385.                        <a href="https://denpasar.kompas.com" class="nav__subsublink">Denpasar</a>
  386.                    </li>
  387.                </ul>
  388.            </li>
  389.            <li class="nav__subitem">
  390.                <a href="https://www.kompas.com/hype" class="nav__sublink">Hype</a>
  391.            </li>
  392.        </ul>
  393.    </li>
  394.    <!-- <li class="nav__item">
  395.        <a href="https://www.kompas.com/ramadhan?source=navbar"
  396.            class="nav__link nav__link--new">Ramadhan</a>
  397.    </li> -->
  398.    <li class="nav__item">
  399.        <a href="https://pemilu.kompas.com?source=navbar"
  400.            class="nav__link nav__link">Pemilu</a>
  401.    </li>
  402.    <li class="nav__item">
  403.        <a href="https://ikn.kompas.com?source=navbar"
  404.            class="nav__link nav__link--new">IKN</a>
  405.            <ul class="nav__sub nav__sub--ikn">
  406.                <li class="nav__subitem">
  407.                    <a href="https://ikn.kompas.com/news" class="nav__sublink">News</a>
  408.                </li>
  409.                <li class="nav__subitem">
  410.                    <a href="https://ikn.kompas.com/city" class="nav__sublink">City</a>
  411.                </li>
  412.                <li class="nav__subitem">
  413.                    <a href="https://ikn.kompas.com/infrastructure" class="nav__sublink">Infrastructure</a>
  414.                </li>
  415.                <li class="nav__subitem">
  416.                    <a href="https://ikn.kompas.com/community" class="nav__sublink">Community</a>
  417.                </li>
  418.                <li class="nav__subitem">
  419.                    <a href="https://ikn.kompas.com/housings" class="nav__sublink">Housings</a>
  420.                </li>
  421.                <li class="nav__subitem">
  422.                    <a href="https://indeks.kompas.com?site=ikn" class="nav__sublink">Indeks</a>
  423.                </li>
  424.                <li class="nav__subitem">
  425.                    <a href="https://ikn.kompas.com/foresta" class="nav__sublink">Foresta</a>
  426.                </li>
  427.            </ul>
  428.    </li>
  429.    <li class="nav__item">
  430.        <a href="https://tekno.kompas.com?source=navbar"
  431.            class="nav__link nav__link--tekno">Tekno</a>
  432.        <ul class="nav__sub nav__sub--tekno">
  433.            <li class="nav__subitem">
  434.                <a href="https://tekno.kompas.com/apps-os" class="nav__sublink">Apps &amp; OS</a>
  435.            </li>
  436.            <li class="nav__subitem">
  437.                <a href="https://tekno.kompas.com/gadget" class="nav__sublink">Gadget</a>
  438.            </li>
  439.            <li class="nav__subitem">
  440.                <a href="https://tekno.kompas.com/internet" class="nav__sublink">Internet</a>
  441.            </li>
  442.            <li class="nav__subitem">
  443.                <a href="https://tekno.kompas.com/hardware" class="nav__sublink">Hardware</a>
  444.            </li>
  445.            <li class="nav__subitem">
  446.                <a href="https://tekno.kompas.com/business" class="nav__sublink">Business</a>
  447.            </li>
  448.            <li class="nav__subitem">
  449.                <a href="https://tekno.kompas.com/game" class="nav__sublink">Game</a>
  450.            </li>
  451.            <li class="nav__subitem">
  452.                <a href="https://tekno.kompas.com/galeri" class="nav__sublink">Galeri</a>
  453.            </li>
  454.            <li class="nav__subitem">
  455.                <a href="https://tekno.kompas.com/search" class="nav__sublink">Indeks</a>
  456.            </li>
  457.            <li class="nav__subitem">
  458.                <a href="https://pubads.g.doubleclick.net/gampad/clk?id=6163907479&iu=/31800665/KOMPAS.COM/tekno"
  459.                    class="nav__sublink nav__sublink--hot">Tech Innovation</a>
  460.            </li>
  461.            <li class="nav__subitem">
  462.                <a href="https://kilasinternet.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas Internet</a>
  463.            </li>
  464.        </ul>
  465.    </li>
  466.    <li class="nav__item">
  467.        <a href="https://otomotif.kompas.com?source=navbar"
  468.            class="nav__link nav__link--otomotif">Otomotif</a>
  469.        <ul class="nav__sub nav__sub--otomotif">
  470.            <li class="nav__subitem">
  471.                <a href="https://otomotif.kompas.com/motor" class="nav__sublink">Motor</a>
  472.            </li>
  473.            <li class="nav__subitem">
  474.                <a href="https://otomotif.kompas.com/mobil" class="nav__sublink">Mobil</a>
  475.            </li>
  476.            <li class="nav__subitem">
  477.                <a href="https://otomotif.kompas.com/sport" class="nav__sublink">Sport</a>
  478.            </li>
  479.            <li class="nav__subitem">
  480.                <a href="https://otomotif.kompas.com/niaga" class="nav__sublink">Niaga</a>
  481.            </li>
  482.            <li class="nav__subitem">
  483.                <a href="https://otomotif.kompas.com/komunitas" class="nav__sublink">Komunitas</a>
  484.            </li>
  485.            <li class="nav__subitem">
  486.                <a href="https://otomotif.kompas.com/otopedia" class="nav__sublink">Otopedia</a>
  487.            </li>
  488.            <li class="nav__subitem">
  489.                <a href="https://lipsus.kompas.com/pameranotomotifnasional2024"
  490.                    class="nav__sublink nav__sublink--hot">Pameran</a>
  491.            </li>
  492.            <li class="nav__subitem">
  493.                <a href="https://otomotif.kompas.com/elektrifikasi"
  494.                    class="nav__sublink nav__sublink--hot">Elektrifikasi</a>
  495.            </li>
  496.        </ul>
  497.    </li>
  498.    <li class="nav__item">
  499.        <a href="https://bola.kompas.com?source=navbar"
  500.            class="nav__link nav__link--bola">Bola</a>
  501.        <ul class="nav__sub nav__sub--bola">                
  502.            <li class="nav__subitem">
  503.                <a href="https://bola.kompas.com/timnas-indonesia" class="nav__sublink">Timnas Indonesia</a>
  504.            </li>
  505.            <li class="nav__subitem">
  506.                <a href="https://bola.kompas.com/liga-indonesia" class="nav__sublink">Liga Indonesia</a>
  507.            </li>
  508.            <li class="nav__subitem">
  509.                <a href="https://bola.kompas.com/liga-italia" class="nav__sublink">Liga Italia</a>
  510.            </li>
  511.            <li class="nav__subitem">
  512.                <a href="https://bola.kompas.com/liga-champions" class="nav__sublink">Liga Champions</a>
  513.            </li>
  514.            <li class="nav__subitem">
  515.                <a href="https://bola.kompas.com/liga-lain" class="nav__sublink">Liga Lain</a>
  516.            </li>
  517.            <li class="nav__subitem">
  518.                <a href="https://bola.kompas.com/liga-inggris" class="nav__sublink">Liga Inggris</a>
  519.            </li>
  520.            <li class="nav__subitem">
  521.                <a href="https://bola.kompas.com/liga-spanyol" class="nav__sublink">Liga Spanyol</a>
  522.            </li>
  523.            <li class="nav__subitem">
  524.                <a href="https://bola.kompas.com/internasional" class="nav__sublink">Internasional</a>
  525.            </li>
  526.            <li class="nav__subitem">
  527.                <a href="https://bola.kompas.com/bundesliga" class="nav__sublink">Bundesliga</a>
  528.            </li>
  529.            <li class="nav__subitem">
  530.                <a href="https://www.kompas.com/motogp" class="nav__sublink">Motogp</a>
  531.            </li>
  532.            <li class="nav__subitem">
  533.                <a href="https://www.kompas.com/badminton" class="nav__sublink">Badminton</a>
  534.            </li>
  535.            <li class="nav__subitem">
  536.                <a href="https://www.kompas.com/sports" class="nav__sublink">Sports</a>
  537.            </li>
  538.            <li class="nav__subitem">
  539.                <a href="https://indeks.kompas.com?site=bola" class="nav__sublink">Indeks</a>
  540.            </li>
  541.        </ul>
  542.    </li>
  543.    <li class="nav__item">
  544.        <a href="https://lifestyle.kompas.com?source=navbar"
  545.            class="nav__link nav__link--lifestyle">Lifestyle</a>
  546.        <ul class="nav__sub nav__sub--lifestyle">
  547.            <li class="nav__subitem">
  548.                <a href="https://lifestyle.kompas.com/eat-good" class="nav__sublink">Eat Good</a>
  549.            </li>
  550.            <li class="nav__subitem">
  551.                <a href="https://lifestyle.kompas.com/look-good" class="nav__sublink">Look Good</a>
  552.            </li>
  553.            <li class="nav__subitem">
  554.                <a href="https://lifestyle.kompas.com/feel-good" class="nav__sublink">Feel Good</a>
  555.            </li>
  556.            <li class="nav__subitem">
  557.                <a href="https://genbest.kompas.com" class="nav__sublink nav__sublink--hot">Sadar Stunting</a>
  558.            </li>
  559.            <li class="nav__subitem">
  560.                <a href="https://buku.kompas.com" class="nav__sublink">Buku</a>
  561.            </li>
  562.            <li class="nav__subitem">
  563.                <a href="#" class="nav__sublink">Tanya Pakar</a>
  564.                <ul class="nav__subsub">
  565.                    <li class="nav__subitem">
  566.                        <a href="https://lifestyle.kompas.com/tanya-pakar-parenting"
  567.                            class="nav__subsublink">Parenting</a>
  568.                    </li>
  569.                    <li class="nav__subitem">
  570.                        <a href="https://lifestyle.kompas.com/tanya-pakar-nutrisi" class="nav__subsublink">Nutrisi</a>
  571.                    </li>
  572.                </ul>
  573.            </li>
  574.        </ul>
  575.    </li>
  576.    <li class="nav__item">
  577.        <a href="https://www.kompas.com/tren?source=navbar"
  578.            class="nav__link nav__link--tren">Tren</a>
  579.    </li>
  580.    <li class="nav__item">
  581.        <a href="https://lestari.kompas.com?source=navbar"
  582.            class="nav__link nav__link--lestari">Lestari</a>
  583.    </li>
  584.    <li class="nav__item">
  585.        <a href="https://health.kompas.com?source=navbar"
  586.            class="nav__link nav__link--health">Health</a>
  587.    </li>
  588.    <li class="nav__item">
  589.        <a href="https://money.kompas.com/?source=navbar"
  590.            class="nav__link nav__link--money">Money</a>
  591.        <ul class="nav__sub nav__sub--money">
  592.            <li class="nav__subitem">
  593.                <a href="https://money.kompas.com/whatsnew" class="nav__sublink">Whats New</a>
  594.            </li>
  595.            <li class="nav__subitem">
  596.                <a href="https://money.kompas.com/worksmart" class="nav__sublink">Work Smart</a>
  597.            </li>
  598.            <li class="nav__subitem">
  599.                <a href="https://money.kompas.com/earnsmart" class="nav__sublink">Earn Smart</a>
  600.            </li>
  601.            <li class="nav__subitem">
  602.                <a href="https://money.kompas.com/spendsmart" class="nav__sublink">Spend Smart</a>
  603.            </li>
  604.            <li class="nav__subitem">
  605.                <a href="https://money.kompas.com/smartpreneur" class="nav__sublink">Smartpreneur</a>
  606.            </li>
  607.            <!-- <li class="nav__subitem">
  608.                <a href="https://kilasbumn.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas BUMN</a>
  609.            </li> -->
  610.            <li class="nav__subitem">
  611.                <a href="https://kilasbadan.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas Badan</a>
  612.            </li>
  613.            <li class="nav__subitem">
  614.                <a href="https://kilastransportasi.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas
  615.                    Transportasi</a>
  616.            </li>
  617.            <li class="nav__subitem">
  618.                <a href="https://kilasfintech.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas Fintech</a>
  619.            </li>
  620.            <li class="nav__subitem">
  621.                <a href="https://kilasperbankan.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas
  622.                    Perbankan</a>
  623.            </li>
  624.            <li class="nav__subitem">
  625.                <a href="https://kolom.kompas.com/Tanya.Pajak" class="nav__sublink">Tanya Pajak</a>
  626.            </li>
  627.            <li class="nav__subitem">
  628.                <a href="https://money.kompas.com/search" class="nav__sublink">Indeks</a>
  629.            </li>
  630.            <li class="nav__subitem">
  631.                <a href="https://kilasinvestasi.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas
  632.                    Investasi</a>
  633.            </li>
  634.        </ul>
  635.    </li>
  636.    <li class="nav__item">
  637.        <a href="https://properti.kompas.com/?source=navbar"
  638.            class="nav__link nav__link--properti">Properti</a>
  639.        <ul class="nav__sub nav__sub--properti">
  640.            <li class="nav__subitem">
  641.                <a href="https://www.kompas.com/properti" class="nav__sublink">News</a>
  642.            </li>
  643.            <li class="nav__subitem">
  644.                <a href="https://properti.kompas.com/hunian" class="nav__sublink">Hunian</a>
  645.            </li>
  646.            <li class="nav__subitem">
  647.                <a href="https://properti.kompas.com/arsitektur" class="nav__sublink">Arsitektur</a>
  648.            </li>
  649.            <li class="nav__subitem">
  650.                <a href="https://properti.kompas.com/beranda" class="nav__sublink">Beranda</a>
  651.            </li>
  652.            <li class="nav__subitem">
  653.                <a href="https://properti.kompas.com/konsultasi" class="nav__sublink">Konsultasi</a>
  654.            </li>
  655.            <li class="nav__subitem">
  656.                <a href="https://properti.kompas.com/figur" class="nav__sublink">Figur</a>
  657.            </li>
  658.            <li class="nav__subitem">
  659.                <a href="https://properti.kompas.com/tips" class="nav__sublink">Tips</a>
  660.            </li>
  661.            <li class="nav__subitem">
  662.                <a href="https://properti.kompas.com/galeri-360" class="nav__sublink">Galeri 360</a>
  663.            </li>
  664.            <li class="nav__subitem">
  665.                <a href="https://properti.kompas.com/search" class="nav__sublink">Indeks</a>
  666.            </li>
  667.            <li class="nav__subitem">
  668.                <a href="https://sorot.kompas.com" class="nav__sublink nav__sublink--hot">Sorot Properti</a>
  669.            </li>
  670.        </ul>
  671.    </li>
  672.    <li class="nav__item">
  673.        <a href="https://www.kompas.com/food?source=navbar"
  674.            class="nav__link nav__link--food">Food</a>
  675.        <ul class="nav__sub nav__sub--food">
  676.            <li class="nav__subitem">
  677.                <a href="https://www.kompas.com/food/resep" class="nav__sublink">Resep</a>
  678.            </li>
  679.            <li class="nav__subitem">
  680.                <a href="https://www.kompas.com/food/tips-kuliner" class="nav__sublink">Tips Kuliner</a>
  681.            </li>
  682.            <li class="nav__subitem">
  683.                <a href="https://www.kompas.com/food/food-news" class="nav__sublink">Food News</a>
  684.            </li>
  685.            <li class="nav__subitem">
  686.                <a href="https://www.kompas.com/food/food-story" class="nav__sublink">Food Story</a>
  687.            </li>
  688.            <li class="nav__subitem">
  689.                <a href="https://www.kompas.com/food/tempat-makan" class="nav__sublink">Tempat Makan</a>
  690.            </li>
  691.            <li class="nav__subitem">
  692.                <a href="https://www.kompas.com/food/gallery" class="nav__sublink">Galeri</a>
  693.            </li>
  694.            <li class="nav__subitem">
  695.                <a href="https://kilasfood.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Food</a>
  696.            </li>
  697.            <li class="nav__subitem">
  698.                <a href="https://www.kompas.com/food/panduan-kuliner-yogyakarta" class="nav__sublink">Panduan Kuliner
  699.                    Yogyakarta</a>
  700.            </li>
  701.        </ul>
  702.    </li>
  703.    <li class="nav__item">
  704.        <a href="https://umkm.kompas.com/?source=navbar"
  705.            class="nav__link nav__link--umkm">UMKM</a>
  706.        <ul class="nav__sub nav__sub--umkm">
  707.            <li class="nav__subitem">
  708.                <a href="https://umkm.kompas.com" class="nav__sublink">Beranda UMKM</a>
  709.            </li>
  710.            <li class="nav__subitem">
  711.                <a href="https://umkm.kompas.com/training" class="nav__sublink">Training</a>
  712.            </li>
  713.            <li class="nav__subitem">
  714.                <a href="https://umkm.kompas.com/jagoan-lokal" class="nav__sublink">Jagoan Lokal</a>
  715.            </li>
  716.            <li class="nav__subitem">
  717.                <a href="https://umkm.kompas.com/program" class="nav__sublink">Program</a>
  718.            </li>
  719.            <li class="nav__subitem">
  720.                <a href="https://kilasumkm.kompas.com" class="nav__sublink nav__sublink--hot">Kilas UMKM</a>
  721.            </li>
  722.            <li class="nav__subitem">
  723.                <a href="https://sorotumkm.kompas.com" class="nav__sublink nav__sublink--hot">Sorot UMKM</a>
  724.            </li>
  725.        </ul>
  726.    </li>
  727.    <li class="nav__item">
  728.        <a href="https://edukasi.kompas.com/?source=navbar"
  729.            class="nav__link nav__link--edukasi">Edukasi</a>
  730.        <ul class="nav__sub nav__sub--edukasi">
  731.            <li class="nav__subitem">
  732.                <a href="https://edukasi.kompas.com/sekolah" class="nav__sublink">Sekolah</a>
  733.            </li>
  734.            <li class="nav__subitem">
  735.                <a href="https://www.kompas.com/edu" class="nav__sublink">Edu News</a>
  736.            </li>
  737.            <li class="nav__subitem">
  738.                <a href="https://edukasi.kompas.com/perguruan-tinggi" class="nav__sublink">Perguruan Tinggi</a>
  739.            </li>
  740.            <li class="nav__subitem">
  741.                <a href="https://edukasi.kompas.com/pendidikan-khusus" class="nav__sublink">Pendidikan Khusus</a>
  742.            </li>
  743.            <li class="nav__subitem">
  744.                <a href="https://edukasi.kompas.com/beasiswa" class="nav__sublink">Beasiswa</a>
  745.            </li>
  746.            <li class="nav__subitem">
  747.                <a href="https://edukasi.kompas.com/literasi" class="nav__sublink">Literasi</a>
  748.            </li>
  749.            <li class="nav__subitem">
  750.                <a href="https://www.kompas.com/skola" class="nav__sublink nav__link--new">Skola</a>
  751.            </li>
  752.            <li class="nav__subitem">
  753.                <a href="https://kilaspendidikan.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Pendidikan</a>
  754.            </li>
  755.        </ul>
  756.    </li>
  757.    <li class="nav__item">
  758.        <a href="https://travel.kompas.com/?source=navbar" class="nav__link nav__link--travel">Travel</a>
  759.        <ul class="nav__sub nav__sub--travel">
  760.            <li class="nav__subitem">
  761.                <a href="https://travel.kompas.com/jalan-jalan" class="nav__sublink">Jalan Jalan</a>
  762.            </li>
  763.            <li class="nav__subitem">
  764.                <a href="https://travel.kompas.com/itinerary" class="nav__sublink">Itinerary</a>
  765.            </li>
  766.            <li class="nav__subitem">
  767.                <a href="https://travel.kompas.com/travel-tips" class="nav__sublink">Travel Tips</a>
  768.            </li>
  769.            <li class="nav__subitem">
  770.                <a href="https://travel.kompas.com/hotel-story" class="nav__sublink">Hotel Story</a>
  771.            </li>
  772.            <li class="nav__subitem">
  773.                <a href="https://travel.kompas.com/travel-update" class="nav__sublink">Travel Update</a>
  774.            </li>
  775.            <li class="nav__subitem">
  776.                <a href="https://travel.kompas.com/galeri" class="nav__sublink">Galeri</a>
  777.            </li>
  778.            <li class="nav__subitem">
  779.                <a href="https://superapps.kompas.com" class="nav__sublink nav__sublink--hot">Superapp</a>
  780.            </li>
  781.            <li class="nav__subitem">
  782.                <a href="https://parekraf.kompas.com" class="nav__sublink nav__sublink--hot">Parekraf</a>
  783.            </li>
  784.            <li class="nav__subitem">
  785.                <a href="https://realme9lights.kompas.com" class="nav__sublink nav__sublink--hot">Nawa Cahaya</a>
  786.            </li>
  787.            <li class="nav__subitem">
  788.                <a href="https://ohayojepang.kompas.com" class="nav__sublink">Ohayo Jepang</a>
  789.            </li>
  790.            <li class="nav__subitem">
  791.                <a href="https://travel.kompas.com/search" class="nav__sublink">Indeks</a>
  792.            </li>
  793.        </ul>
  794.    </li>
  795.    <li class="nav__item">
  796.        <a href="#" class="nav__link nav__link--lainnya"><span class="icoBase icoInline icoBurger" aria-label="Lainnya"
  797.                title="Lainnya"></span></a>
  798.        <ul class="nav__sub nav__sub--lainnya">
  799.            <li class="nav__subitem">
  800.                <a href="https://video.kompas.com?source=navbar" class="nav__sublink">Video</a>
  801.            </li>
  802.            <li class="nav__subitem">
  803.                <a href="https://www.kompas.com/parapuan?source=navbar" class="nav__sublink">Parapuan</a>
  804.            </li>
  805.            <li class="nav__subitem">
  806.                <a href="https://kolom.kompas.com/?source=navbar" class="nav__sublink">Kolom</a>
  807.            </li>
  808.            <li class="nav__subitem">
  809.                <a href="https://www.kompas.com/sains?source=navbar" class="nav__sublink">Sains</a>
  810.            </li>
  811.            <li class="nav__subitem">
  812.                <a href="https://jeo.kompas.com/?source=navbar" class="nav__sublink">JEO</a>
  813.            </li>
  814.            <li class="nav__subitem">
  815.                <a href="https://foto.kompas.com/photo?source=navbar" class="nav__sublink">Foto</a>
  816.            </li>
  817.            <li class="nav__subitem">
  818.                <a href="https://vik.kompas.com/?source=navbar" class="nav__sublink">VIK</a>
  819.            </li>
  820.            <li class="nav__subitem">
  821.                <a href="https://www.kompas.com/homey?source=navbar" class="nav__sublink">Homey</a>
  822.            </li>
  823.        </ul>
  824.    </li>
  825. </ul>
  826.  
  827. <ul id="lestariMenu" class="nav__sub nav__sub--lestari navSub">
  828.    <li class="navSub-col --col1">
  829.        <div class="navSub-label">KATEGORI PROGRAM</div>
  830.        <ul class="navSub-inner">
  831.                <li><a href="https://lestari.kompas.com/pemerintah">Pemerintah</a></li>
  832.                <li><a href="https://lestari.kompas.com/swasta">Swasta</a></li>
  833.                <li><a href="https://lestari.kompas.com/lsm-figur">LSM/Figur</a></li>
  834.                <li><a href="https://lestari.kompas.com/bumn">BUMN</a></li>                    
  835.        </ul>
  836.    </li>
  837.    <li class="navSub-col --col2">
  838.        <div class="navSub-subcol --subcol">
  839.            <div class="navSub-grup"><a href="https://lestari.kompas.com/category/kesehatan">Kesehatan</a></div>
  840.            <ul class="navSub-inner">
  841.                <li><a href="https://lestari.kompas.com/tujuan/kehidupan-sehat-dan-sejahtera">Kehidupan sehat dan sejahtera</a></li>
  842.                <li><a href="https://lestari.kompas.com/tujuan/air-bersih-dan-sanitasi-layak">Air bersih dan sanitasi layak</a></li>
  843.            </ul>
  844.            <div class="navSub-grup"><a href="https://lestari.kompas.com/category/pendidikan">Pendidikan</a></div>
  845.            <ul class="navSub-inner">
  846.                <li><a href="https://lestari.kompas.com/tujuan/pendidikan-berkualitas">Pendidikan Berkualitas</a></li>
  847.            </ul>
  848.            <div class="navSub-grup"><a href="https://lestari.kompas.com/category/lingkungan">Lingkungan</a></div>
  849.            <ul class="navSub-inner">
  850.                <li><a href="https://lestari.kompas.com/tujuan/energi-bersih-dan-terjangkau">Energi Bersih dan Terjangkau</a></li>
  851.                <li><a href="https://lestari.kompas.com/tujuan/penanganan-perubahan-iklim">Penanganan Perubahan Iklim</a></li>
  852.                <li><a href="https://lestari.kompas.com/tujuan/ekosistem-lautan">Ekosistem Lautan</a></li>
  853.                <li><a href="https://lestari.kompas.com/tujuan/ekosistem-daratan">Ekosistem Daratan</a></li>
  854.            </ul>
  855.        </div>
  856.        <div class="navSub-subcol --subcol">
  857.            <div class="navSub-grup"><a href="https://lestari.kompas.com/category/ekonomi-dan-umkm">Ekonomi dan UMKM</a></div>
  858.            <ul class="navSub-inner">
  859.                <li><a href="https://lestari.kompas.com/tujuan/tanpa-kemiskinan">Tanpa Kemiskinan</a></li>
  860.                <li><a href="https://lestari.kompas.com/tujuan/tanpa-kelaparan">Tanpa Kelaparan</a></li>
  861.                <li><a href="https://lestari.kompas.com/tujuan/kesetaraan-gender">Kesetaraan Gender</a></li>
  862.                <li><a href="https://lestari.kompas.com/tujuan/pekerjaan-layak-dan-pertumbuhan-ekonomi">Pekerjaan Layak dan Pertumbuhan ekonomi</a></li>
  863.                <li><a href="https://lestari.kompas.com/tujuan/industri-inovasi-dan-infrastruktur">Industri, Inovasi &amp; Infrastruktur</a></li>
  864.                <li><a href="https://lestari.kompas.com/tujuan/berkurangnya-kesenjangan">Berkurangnya Kesenjangan</a></li>
  865.                <li><a href="https://lestari.kompas.com/tujuan/kota-dan-pemukiman-yang-berkelanjutan">Kota &amp; Pemukiman yang Berkelanjutan</a></li>
  866.                <li><a href="https://lestari.kompas.com/tujuan/konsumsi-dan-produksi-yang-bertanggungjawab">Konsumsi &amp; Produksi yang bertanggungjawab</a></li>
  867.            </ul>
  868.        </div>
  869.    </li>
  870.    <li class="navSub-col --col3">
  871.        <div class="navSub-label">PROGRAM LESTARI</div>
  872.        <ul class="navSub-inner">
  873.            <li>
  874.                <a href="https://lestari.kompas.com/program/cantikpreneurship" class="navLestariProgram">
  875.                    <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jagoan-lokal.png" alt="Cantikpreneurship">
  876.                </a>
  877.            </li>
  878.            <li>
  879.                <a href="https://lestari.kompas.com/program/jernihkan-bumi" class="navLestariProgram">
  880.                    <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-bumi.png" alt="Jernihkan Bumi">
  881.                </a>
  882.            </li>
  883.            <li>
  884.                <a href="https://lestari.kompas.com/program/jernihkan-harapan" class="navLestariProgram">
  885.                    <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-harapan.png" alt="Jernihkan Harapan">
  886.                </a>
  887.            </li>
  888.            <li>
  889.                <a href="https://lestari.kompas.com/program/festival-ceban" class="navLestariProgram">
  890.                    <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-festival-ceban.png" alt="Festival Ceban">
  891.                </a>
  892.            </li>
  893.            <li>
  894.                <a href="https://lestari.kompas.com/program/jurnalisme-berkebangsaan" class="navLestariProgram">
  895.                    <img src="https://asset.kompas.com/data/2023/06/07/kompascom/desktop/lestari/images/logo_gate_jurnalisme.png" alt="Jurnalisme Berkebangsaan">
  896.                </a>
  897.            </li>
  898.            <li>
  899.                <a href="https://lestari.kompas.com/program/generasi-bangkit" class="navLestariProgram">
  900.                    <img src="https://asset.kompas.com/data/2023/06/22/kompascom/mobile/lestari/images/logo-generasibangkit.svg?v=1" alt="Generasi Bangkit">
  901.                </a>
  902.            </li>
  903.        </ul>
  904.        <a class="navSub-more" href="https://lestari.kompas.com/program">Lihat semua</a>
  905.    </li>
  906. </ul>
  907.  
  908.        </div>
  909.        <!-- share-->
  910.            </div>
  911. </div>
  912. <script src="https://asset.kompas.com/data/2023/11/03/darkmode/js/dark-mode.min.js"></script>
  913.  
  914.    
  915.    <!-- container-->
  916.    <div class="container clearfix">
  917.  
  918.        <!-- content-->
  919. <div class="row mt2 col-offset-fluid clearfix">
  920.  
  921.  <!-- title-->
  922.  <div class="p404__wrapper clearfix">
  923.    <h1 class="p404__bigtitle"><span>404</span>
  924.      <div class="p404__img"> <img src="https://asset.kompas.com/data/2017/wp/images/kompascom_404.png" alt=""></div>
  925.    </h1>
  926.    <h2 class="p404__teaser">Maaf kami tidak menemukan halaman yang Anda cari. </h2>
  927.  
  928.    <!-- content-->
  929.    <h2 class="p404__title"> <span>Kumpulan Berita yang Mungkin Anda Suka. </span></h2>
  930.  
  931.    <!-- content-->
  932.    <div class="p404__content col-offset-fluid clearfix">
  933.      <div class="col-bs10-5">
  934.        <div class="article__list clearfix">
  935.  <div class="article__list__asset clearfix">
  936.    <div class="article__asset"><img src="https://asset.kompas.com/crops/XCBmwtkqu3GiSn6dlPejolLjWYA=/133x0:1109x651/107x70/data/photo/2024/06/17/666f7d9951c04.jpeg"/></div>
  937.  </div>
  938.  <div class="article__list__title">
  939.    <h3 class="article__title"><a class="article__link" href="http://regional.kompas.com/read/2024/06/17/072026878/kala-ketua-kpu-khotbah-soal-sifat-kebinatangan-di-hadapan-jokowi">Kala Ketua KPU Khotbah soal Sifat Kebinatangan di Hadapan Jokowi...</a></h3>
  940.  </div>
  941.  <div class="clearfix"></div>
  942. </div><div class="article__list clearfix">
  943.  <div class="article__list__asset clearfix">
  944.    <div class="article__asset"><img src="https://asset.kompas.com/crops/QLNv949A_aHzqEAB06baw_Px5g4=/0x1:900x601/107x70/data/photo/2024/06/14/666bb97723e4e.jpg"/></div>
  945.  </div>
  946.  <div class="article__list__title">
  947.    <h3 class="article__title"><a class="article__link" href="http://tekno.kompas.com/read/2024/06/17/08080067/sakit-hati-dipecat-mantan-karyawan-hapus-server-perusahaan-">Sakit Hati Dipecat, Mantan Karyawan Hapus Server Perusahaan </a></h3>
  948.  </div>
  949.  <div class="clearfix"></div>
  950. </div><div class="article__list clearfix">
  951.  <div class="article__list__asset clearfix">
  952.    <div class="article__asset"><img src="https://asset.kompas.com/crops/80Rxn1j1jFUTnSsCF2_9lY6lQ7U=/0x0:1125x750/107x70/data/photo/2023/11/25/6560d7e7ed4a9.jpeg"/></div>
  953.  </div>
  954.  <div class="article__list__title">
  955.    <h3 class="article__title"><a class="article__link" href="http://www.kompas.com/tren/read/2024/06/17/050000965/bmkg--wilayah-berpotensi-hujan-lebat-angin-kencang-dan-petir-saat-idul-adha">BMKG: Wilayah Berpotensi Hujan Lebat, Angin Kencang, dan Petir Saat Idul Adha 17-18 Juni</a></h3>
  956.  </div>
  957.  <div class="clearfix"></div>
  958. </div><div class="article__list clearfix">
  959.  <div class="article__list__asset clearfix">
  960.    <div class="article__asset"><img src="https://asset.kompas.com/crops/gKTCv_o5nTt_OclfwXa8elN2Smo=/84x3:665x390/107x70/data/photo/2015/05/14/0801085voaindonesia780x390.jpg"/></div>
  961.  </div>
  962.  <div class="article__list__title">
  963.    <h3 class="article__title"><a class="article__link" href="http://www.kompas.com/global/read/2024/06/17/080700470/dalam-konvoi-pemakaman-wapres-malawi-4-pelayat-tewas-tertabrak-mobil">Dalam Konvoi Pemakaman Wapres Malawi, 4 Pelayat Tewas Tertabrak Mobil</a></h3>
  964.  </div>
  965.  <div class="clearfix"></div>
  966. </div><div class="article__list clearfix">
  967.  <div class="article__list__asset clearfix">
  968.    <div class="article__asset"><img src="https://asset.kompas.com/crops/ekivMqR2fYGmErdqVKhAAFvFtdo=/0x0:750x500/107x70/data/photo/2024/02/27/65dd32c5b2bc7.jpg"/></div>
  969.  </div>
  970.  <div class="article__list__title">
  971.    <h3 class="article__title"><a class="article__link" href="http://www.kompas.com/global/read/2024/06/17/053946170/dalam-pesan-idul-adha-joe-biden-dorong-kesepakatan-gencatan-senjata-gaza">Dalam Pesan Idul Adha, Joe Biden Dorong Kesepakatan Gencatan Senjata Gaza</a></h3>
  972.  </div>
  973.  <div class="clearfix"></div>
  974. </div></div><div class="col-bs10-5"><div class="article__list clearfix">
  975.  <div class="article__list__asset clearfix">
  976.    <div class="article__asset"><img src="https://asset.kompas.com/crops/Y1Dk_18uPw62L1EZEYBQxWNBPhM=/94x0:632x359/107x70/data/photo/2024/06/14/666bb21d14336.jpeg"/></div>
  977.  </div>
  978.  <div class="article__list__title">
  979.    <h3 class="article__title"><a class="article__link" href="http://bola.kompas.com/read/2024/06/17/08000008/real-madrid-larang-kylian-mbappe-main-di-olimpiade-paris-2024">Real Madrid Larang Kylian Mbappe Main di Olimpiade Paris 2024</a></h3>
  980.  </div>
  981.  <div class="clearfix"></div>
  982. </div><div class="article__list clearfix">
  983.  <div class="article__list__asset clearfix">
  984.    <div class="article__asset"><img src="https://asset.kompas.com/crops/4L7ylrlXRAMJuBP0Z7s7nUUPyIg=/0x0:0x0/107x70/data/photo/2024/06/17/666f7e9480ec5.jpg"/></div>
  985.  </div>
  986.  <div class="article__list__title">
  987.    <h3 class="article__title"><a class="article__link" href="http://nasional.kompas.com/read/2024/06/17/07191191/wapres-maruf-amin-shalat-idul-adha-di-masjid-istiqlal-jk-sandiaga-zulhas-dan">Wapres Ma'ruf Amin Shalat Idul Adha di Masjid Istiqlal, JK, Sandiaga, Zulhas, dan AHY Hadir</a></h3>
  988.  </div>
  989.  <div class="clearfix"></div>
  990. </div><div class="article__list clearfix">
  991.  <div class="article__list__asset clearfix">
  992.    <div class="article__asset"><img src="https://asset.kompas.com/crops/pqeK6dHWhkscGZIvVEMepJUKQHU=/0x0:750x500/107x70/data/photo/2024/06/13/666ab42ec0169.jpeg"/></div>
  993.  </div>
  994.  <div class="article__list__title">
  995.    <h3 class="article__title"><a class="article__link" href="http://nasional.kompas.com/read/2024/06/17/05310031/-populer-nasional-twk-kpk-diduga-untuk-gagalkan-penangkapan-harun-masiku">[POPULER NASIONAL] TWK KPK Diduga untuk Gagalkan Penangkapan Harun Masiku | Yusril Bantah Copot Afriansyah Noor</a></h3>
  996.  </div>
  997.  <div class="clearfix"></div>
  998. </div><div class="article__list clearfix">
  999.  <div class="article__list__asset clearfix">
  1000.    <div class="article__asset"><img src="https://asset.kompas.com/crops/n37DE1ekr97n1mJORxtnuG4ch7I=/0x0:818x545/107x70/data/photo/2024/06/17/666f9015a1b0b.jpeg"/></div>
  1001.  </div>
  1002.  <div class="article__list__title">
  1003.    <h3 class="article__title"><a class="article__link" href="http://regional.kompas.com/read/2024/06/17/083847878/diperiksa-polisi-usai-ancam-aniaya-netizen-selebgram-teyeng-wakatobi-minta">Diperiksa Polisi Usai Ancam Aniaya "Netizen", Selebgram Teyeng Wakatobi Minta Maaf</a></h3>
  1004.  </div>
  1005.  <div class="clearfix"></div>
  1006. </div><div class="article__list clearfix">
  1007.  <div class="article__list__asset clearfix">
  1008.    <div class="article__asset"><img src="https://asset.kompas.com/crops/OxClE9Ch3y8fj9Yaa02ADpZ_N7I=/0x0:0x0/107x70/data/photo/2023/06/29/649d1abf7f404.jpg"/></div>
  1009.  </div>
  1010.  <div class="article__list__title">
  1011.    <h3 class="article__title"><a class="article__link" href="http://www.kompas.com/tren/read/2024/06/17/060000365/3-golongan-orang-yang-berhak-menerima-daging-kurban-siapa-saja-">3 Golongan Orang yang Berhak Menerima Daging Kurban, Siapa Saja?</a></h3>
  1012.  </div>
  1013.  <div class="clearfix"></div>
  1014. </div>      </div>
  1015.    </div>
  1016.  </div>
  1017. </div>
  1018.    </div>
  1019.  
  1020.    <!-- footer-->
  1021.    <div id="sso_g_signin">
  1022. </div>
  1023. <!-- footer -->
  1024. <div class="footerMain clearfix">
  1025.    <div class="container">
  1026.  
  1027.        <div class="footerWrap">
  1028.            <div class="footerCol-column">
  1029.  
  1030.                <div class="footerLogo">
  1031.                    <a href="https://www.kompas.com">
  1032.                        <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">
  1033.                    </a>
  1034.                </div>
  1035.  
  1036.                <div class="footerSosmed">
  1037.                    <ul class="footerSosmed-wrap">
  1038.                        <li>
  1039.                            <a href="http://www.facebook.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Facebook">
  1040.                                <div class="iconSos iconSos-facebook"></div>
  1041.                            </a>
  1042.                        </li>
  1043.                        <li>
  1044.                            <a href="http://www.twitter.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="X">
  1045.                                <div class="iconSos iconSos-x"></div>
  1046.                            </a>
  1047.                        </li>
  1048.                        <li>
  1049.                            <a href="https://t.me/kompascomupdate" target="_blank" class="footerSosmed-link" aria-label="Telegram">
  1050.                                <div class="iconSos iconSos-telegram"></div>
  1051.                            </a>
  1052.                        </li>
  1053.                        <li>
  1054.                            <a href="http://instagram.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Instagram">
  1055.                                <div class="iconSos iconSos-instagram"></div>
  1056.                            </a>
  1057.                        </li>
  1058.                    </ul>
  1059.                    <ul class="footerSosmed-wrap">
  1060.                        <li>
  1061.                            <a href="https://www.youtube.com/c/mykompascom" target="_blank" class="footerSosmed-link" aria-label="Youtube">
  1062.                                <div class="iconSos iconSos-youtube"></div>
  1063.                            </a>
  1064.                        </li>
  1065.                        <li>
  1066.                            <a href="https://kmp.im/AGFeTy" target="_blank" class="footerSosmed-link" aria-label="Whatsapp">
  1067.                                <div class="iconSos iconSos-whatsapp"></div>
  1068.                            </a>
  1069.                        </li>
  1070.                        <li>
  1071.                            <a href="https://line.me/ti/p/@kompas.com" target="_blank" class="footerSosmed-link" aria-label="Line">
  1072.                                <div class="iconSos iconSos-line"></div>
  1073.                            </a>
  1074.                        </li>
  1075.                        <li>
  1076.                            <a href="https://www.tiktok.com/@kompascom?lang=en" target="_blank" class="footerSosmed-link" aria-label="Tiktok">
  1077.                                <div class="iconSos iconSos-tiktok"></div>
  1078.                            </a>
  1079.                        </li>
  1080.                    </ul>
  1081.                </div>
  1082.  
  1083.                <div class="footerDownload">
  1084.                    <ul class="footerDownload-wrap">
  1085.                        <li>
  1086.                            <a href="https://apps.apple.com/id/app/kompas-com-berita-terpercaya/id535483055" target="_blank">
  1087.                                <div class="footerDownload-store">
  1088.                                    <img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-appstore.png" alt="apple store">
  1089.                                </div>
  1090.                            </a>
  1091.                        </li>
  1092.                        <li>
  1093.                            <a href="https://play.google.com/store/apps/details?id=com.ertanto.kompas.official&hl=en&gl=US" target="_blank">
  1094.                                <div class="footerDownload-store">
  1095.                                    <img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-playstore.png" alt="google store">
  1096.                                </div>
  1097.                            </a>
  1098.                        </li>
  1099.                    </ul>
  1100.                </div>
  1101.  
  1102.                <div class="footerAchievement">
  1103.                    <div class="footerAchievement-title">
  1104.                        Penghargaan dan sertifikat:
  1105.                    </div>
  1106.                    <div class="footerAchievement-wrap">
  1107.                        <div class="footerAchievement-item">
  1108.                            <a href="#" class="footerAchievement-link">
  1109.                                <div class="footerAchievement-img">
  1110.                                    <img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-wowbrands-2019.png"
  1111.                                        alt="WOW Brand Indonesia 2019"
  1112.                                        title="WOW Brand Indonesia 2019">
  1113.                                </div>
  1114.                            </a>
  1115.                        </div>
  1116.                        <div class="footerAchievement-item">
  1117.                            <div class="footerAchievement-link">
  1118.                                <a href="https://money.kompas.com/read/2019/08/01/124215826/kompascom-kembali-jadi-pemenang-kategori-media-online-tepercaya" class="footerAchievement-link">
  1119.                                    <div class="footerAchievement-img">
  1120.                                        <img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-superbrands-2019.png"
  1121.                                        alt="Superbrand Indonesia 2019 - Trusted Online News"
  1122.                                        title="Superbrands Indonesia 2019">
  1123.                                    </div>
  1124.                                </a>
  1125.                            </div>
  1126.                        </div>
  1127.                        <div class="footerAchievement-item">
  1128.                        <a href="https://ifcncodeofprinciples.poynter.org/profile/pt-kompas-cyber-media" class="footerAchievement-link" target="_blank">
  1129.                            <div class="footerAchievement-img">
  1130.                                <img class="lozad" data-src="https://asset.kompas.com/data/2024/wp/images/desktop/logo-ifcn.png"
  1131.                                    alt="International Fact-Checking Network"
  1132.                                    title="International Fact-Checking Network"
  1133.                                    loading="lazy">
  1134.                            </div>
  1135.                        </a>
  1136.                    </div>
  1137.                    </div>
  1138.                </div>
  1139.  
  1140.                <div class="footerNewsletter">
  1141.                    <div class="footerNewsletter-title">
  1142.                        Dapatkan informasi dan insight pilihan redaksi Kompas.com
  1143.                    </div>
  1144.  
  1145.                    <div class="footerNewsletter-cta">
  1146.                        <a href="javascript:void(0)" onclick="nwsLetterSubmit()" class="footerNewsletter-link">
  1147.                            <i class="iconNewsletter"></i> Daftarkan Email
  1148.                        </a>
  1149.                    </div>
  1150.                </div>
  1151.  
  1152.            </div>
  1153.            <div class="footerCol-nav">
  1154.                <div class="footerMenu-title">Kanal</div>
  1155.  
  1156.                <div class="footerMenu">
  1157.                    <ul class="footerMenu-wrap">
  1158.                        <li><a href="https://news.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">News</a></li>
  1159.                        <li><a href="https://nasional.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Nasional</a></li>
  1160.                        <li><a href="https://www.kompas.com/global?source=kompascom&medium=footer" class="footerMenu-link">Global</a></li>
  1161.                        <li><a href="https://megapolitan.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Megapolitan</a></li>
  1162.                        <li><a href="https://regional.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Regional</a></li>
  1163.                        <li><a href="https://pemilu.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link">Pemilu</a></li>
  1164.                        <!-- <li><a href="https://www.kompas.com/ramadhan/?source=kompascom&medium=footer" class="footerMenu-link --linknew">Ramadhan</a></li> -->
  1165.                        <li><a href="https://ikn.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link --linknew">IKN</a></li>
  1166.                        <li><a href="https://bola.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Bola</a></li>
  1167.                        <li><a href="https://tekno.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Tekno</a></li>
  1168.                        <li><a href="https://otomotif.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Otomotif</a></li>
  1169.                        <li><a href="https://entertainment.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Entertainment</a></li>
  1170.                        <li><a href="https://sains.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Sains</a></li>
  1171.                        <li><a href="https://health.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Health</a></li>
  1172.                        <li><a href="https://money.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Money</a></li>
  1173.                        <li><a href="https://www.kompas.com/tren?source=kompascom&medium=footer" class="footerMenu-link">Tren</a></li>
  1174.                        <li><a href="https://properti.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Properti</a></li>
  1175.                        <li><a href="https://lifestyle.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Lifestyle</a></li>
  1176.                        <li><a href="https://www.kompas.com/hype?source=kompascom&medium=footer" class="footerMenu-link">Hype</a></li>
  1177.                        <li><a href="https://travel.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Travel</a></li>
  1178.                        <li><a href="https://www.kompas.com/homey?source=kompascom&medium=footer" class="footerMenu-link">Homey</a></li>
  1179.                        <li><a href="https://www.kompas.com/food?source=kompascom&medium=footer" class="footerMenu-link">Food</a></li>
  1180.                        <li><a href="https://umkm.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">UMKM</a></li>
  1181.                        <li><a href="https://edukasi.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Edukasi</a></li>
  1182.                        <li><a href="https://www.kompas.com/parapuan?source=kompascom&medium=footer" class="footerMenu-link">Parapuan</a></li>
  1183.                        <li><a href="https://foto.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Foto</a></li>
  1184.                        <li><a href="https://video.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Video</a></li>
  1185.                        <li><a href="https://kolom.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Kolom</a></li>
  1186.                        <li><a href="https://vik.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">VIK</a></li>
  1187.                        <li><a href="https://jeo.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">JEO</a></li>
  1188.                        <li><a href="https://lestari.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Lestari</a></li>
  1189.                        <li><a href="https://ohayojepang.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Ohayo Jepang</a></li>
  1190.                        <li><a href="https://pesonaindonesia.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Pesona Indonesia</a></li>
  1191.                        <li><a href="https://play.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Play</a></li>
  1192.                        <li><a href="https://indeks.kompas.com/terpopuler?source=kompascom&medium=footer" class="footerMenu-link">Artikel Terpopuler</a></li>
  1193.                        <li><a href="https://indeks.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Artikel Terkini</a></li>
  1194.                        <li><a href="https://www.kompas.com/topik-pilihan?source=kompascom&medium=footer" class="footerMenu-link">Topik Pilihan</a></li>
  1195.                        <li><a href="https://indeks.kompas.com/headline?source=kompascom&medium=footer" class="footerMenu-link">Artikel Headline</a></li>
  1196.                    </ul>
  1197.                </div>
  1198.            </div>
  1199.            <div class="footerCol-nav --colNetwork">
  1200.                <div class="footerMenu-title">Network</div>
  1201.                
  1202.                <div class="footerMenu">
  1203.                    <ul class="footerMenu-wrap">
  1204.                        <li><a href="http://kompas.id?source=kompascom&medium=footer" class="footerMenu-link">Harian KOMPAS</a></li>
  1205.                        <li><a href="http://www.kompas.tv?source=kompascom&medium=footer" class="footerMenu-link">KompasTV</a></li>
  1206.                        <li><a href="http://www.sonora.id?source=kompascom&medium=footer" class="footerMenu-link">Sonora.id</a></li>
  1207.                        <li><a href="http://www.kompasiana.com?source=kompascom&medium=footer" class="footerMenu-link">Kompasiana.com</a></li>
  1208.                        <li><a href="http://pasangiklan.com?source=kompascom&medium=footer" class="footerMenu-link">Pasangiklan.com</a></li>
  1209.                        <li><a href="https://www.gramedia.com?source=kompascom&medium=footer" class="footerMenu-link">Gramedia.com</a></li>
  1210.                        <li><a href="https://ebooks.gramedia.com?source=kompascom&medium=footer" class="footerMenu-link">Gramedia Digital</a></li>
  1211.                        <li><a href="http://www.gridoto.com?source=kompascom&medium=footer" class="footerMenu-link">Gridoto.com</a></li>
  1212.                        <li><a href="http://www.bolasport.com?source=kompascom&medium=footer" class="footerMenu-link">Bolasport.com</a></li>
  1213.                        <li><a href="http://www.grid.id?source=kompascom&medium=footer" class="footerMenu-link">Grid.id</a></li>
  1214.                        <li><a href="http://www.kontan.co.id?source=kompascom&medium=footer" class="footerMenu-link">Kontan.co.id</a></li>
  1215.                        <li><a href="https://www.kgmedia.id?source=kompascom&medium=footer" class="footerMenu-link">KGMedia.id</a></li>
  1216.                        <li><a href="https://www.kgnow.com?source=kompascom&medium=footer" class="footerMenu-link">KGNow.com</a></li>
  1217.                    </ul>
  1218.                </div>
  1219.            </div>
  1220.        </div>
  1221.  
  1222.  
  1223.        <div class="footerBottom">
  1224.            <div class="footerBottom-wrap">
  1225.                <ul class="footerBottom-menu">
  1226.                    <li>
  1227.                        <a class="footerMenu-link" href="https://indeks.kompas.com/topik-pilihan/list/3361/kabar.palmerah">Kabar Palmerah</a>
  1228.                    </li>
  1229.                    <li>
  1230.                        <a class="footerMenu-link" href="https://inside.kompas.com/about-us">About Us</a>
  1231.                    </li>
  1232.                    <li>
  1233.                        <a class="footerMenu-link" href="http://www.meetkcm.com/">Advertise</a>
  1234.                    </li>
  1235.                    <li>
  1236.                        <a class="footerMenu-link" href="https://inside.kompas.com/term-of-use">Ketentuan Penggunaan</a>
  1237.                    </li>
  1238.                    <li>
  1239.                        <a class="footerMenu-link" href="https://www.kgmedia.id/legal-privacy-id">Kebijakan Data Pribadi</a>
  1240.                    </li>
  1241.                    <li>
  1242.                        <a class="footerMenu-link" href="https://inside.kompas.com/pedoman">Pedoman Media Siber</a>
  1243.                    </li>
  1244.                    <li>
  1245.                        <a class="footerMenu-link" href="https://jobs.kompas.com">Career</a>
  1246.                    </li>
  1247.                    <li>
  1248.                        <a class="footerMenu-link" href="https://inside.kompas.com/about-us#meet">Contact Us</a>
  1249.                    </li>
  1250.                </ul>
  1251.            </div>
  1252.            <div class="footerCopyright">
  1253.                <p>Copyright 2008 - 2024 PT. Kompas Cyber Media (Kompas Gramedia Digital Group). All Rights Reserved.</p>
  1254.            </div>
  1255.        </div>
  1256.    </div>
  1257. </div>
  1258.  
  1259. </div>
  1260.  
  1261. <script type="text/javascript">
  1262. function getCookieNwsLetter(name) {
  1263.    var re = new RegExp(name + "=([^;]+)");
  1264.    var value = re.exec(document.cookie);
  1265.    return (value != null) ? unescape(value[1]) : null;
  1266. }
  1267.  
  1268. function nwsLetterSubmit() {
  1269.    var token = getCookieNwsLetter("kmp_uid");
  1270.    if (token !== null) {
  1271.        window.location.href = "https://www.kompas.com/newsletter/pendaftaran-berhasil";
  1272.    } else {
  1273.        window.location.href =
  1274.            'https://account.kompas.com/login/a29tcGFz/aHR0cHM6Ly93d3cua29tcGFzLmNvbS9uZXdzbGV0dGVyL3BlbmRhZnRhcmFuLWJlcmhhc2ls?source=kompas.com&medium=gatenewsletter';
  1275.    }
  1276. }
  1277. </script>    
  1278.  <script src="https://asset.kompas.com/data/2024/06/10/kompascom/js/sso_g_signin_fedcm.min.js"></script>
  1279.  
  1280.  
  1281. <!-- <script src="https://asset.kompas.com/data/2017/wp/js/radio-stream.js"></script> -->
  1282. <script src="https://asset.kompas.com/data/2017/wp/js/slick.min.js"></script>
  1283. <script src="https://asset.kompas.com/data/2017/wp/js/jquery.sticky-kit.min.js"></script>
  1284. <script src="https://asset.kompas.com/data/2017/wp/js/jquery.marquee.min.js?v=11"></script>
  1285. <script src="https://asset.kompas.com/data/2017/wp/js/jquery.lazyload.min.js"></script>
  1286. <script src="https://asset.kompas.com/data/2024/02/22/kompascom/desktop/css/main.min.js"></script>
  1287.  
  1288. <script src="https://asset.kompas.com/data/2024/02/27/sso/js/sso_personalisasi.min.js"></script>
  1289. <script type="text/javascript" src="https://asset.kompas.com/data/2023/sso/js/sdk-cookie-consent-v2.js"></script>
  1290. <script src="https://asset.kompas.com/data/2023/08/30/sso/js/extender.min.js"></script>
  1291. <script src="https://asset.kompas.com/data/2022/sso/js/ssouser.min.js?v=2"></script>
  1292.  
  1293. <script src="https://asset.kompas.com/data/2017/wp/js/main-photo-article.min.js?v=6"></script>
  1294.  
  1295.  
  1296. <script src="https://asset.kompas.com/data/2017/wp/js/jquery.magnific-popup.min.js"></script>
  1297.  
  1298. <script src="https://asset.kompas.com/data/2023/09/20/kompascom/desktop/js/main-comment.min.js"></script>
  1299.  
  1300. <script>
  1301.    !(function () {
  1302.        var time = new Date().getTime();
  1303.    
  1304.        $(document.body).bind('mousemove keypress', function(e) {
  1305.            time = new Date().getTime();
  1306.        });
  1307.    
  1308.        function refresh() {
  1309.            if (new Date().getTime() - time >= 900000) { // 15 Menit
  1310.                window.location.reload(true);
  1311.            } else {
  1312.                setTimeout(refresh, 10000);
  1313.            }
  1314.        }
  1315.        setTimeout(refresh, 10000);
  1316.    })();
  1317. </script>
  1318.  
  1319. <script defer type="text/javascript" src="https://www.gstatic.com/firebasejs/7.23.0/firebase-app.js"></script>
  1320. <script defer type="text/javascript" src="https://www.gstatic.com/firebasejs/7.23.0/firebase-messaging.js"></script>
  1321. <script defer type="text/javascript" src="https://asset.kompas.com/kgnotif/2024/03/14/kompascom.js"></script>
  1322. <script defer type="text/javascript" src="https://asset.kompas.com/kgnotif/2022/10/05/unregissw.js"></script><script>
  1323. function setCookieUkid(cname, cvalue, exdays) {
  1324.  var d = new Date();
  1325.  d.setTime(d.getTime() + (exdays*24*60*60*1000));
  1326.  var expires = "expires="+ d.toUTCString();
  1327.  document.cookie = cname + "=" + cvalue + ";" + expires + ";domain=.kompas.com;path=/;";
  1328. }
  1329. if(document.cookie.indexOf('ukid=') == -1){
  1330.  var xhttp = new XMLHttpRequest();
  1331.  xhttp.onreadystatechange = function() {
  1332.      if (this.readyState == 4 && this.status == 200) {
  1333.          var ukid_cookie = JSON.parse(xhttp.responseText);
  1334.          setCookieUkid('ukid', ukid_cookie.ukid, 365);
  1335.      }
  1336.  };
  1337.  xhttp.open("GET", "https://apis.kompas.com/api/activity/user", true);
  1338.  xhttp.send();
  1339. }
  1340. </script><script>
  1341. /*! lozad.js - v1.7.0 - 2018-11-08
  1342. * https://github.com/ApoorvSaxena/lozad.js
  1343. * Copyright (c) 2018 Apoorv Saxena; Licensed MIT */
  1344. !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(){}};
  1345. /**
  1346.   * Detect IE browser
  1347.   * @const {boolean}
  1348.   * @private
  1349.   */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}}});
  1350. </script>
  1351.  
  1352. <script type="text/javascript">
  1353.    // Initialize library
  1354.    $(document).ready(function(){
  1355.        lozad('.lozad', {
  1356.            load: function(el) {
  1357.                el.src = el.dataset.src;
  1358.                el.onload = function() {
  1359.                    el.classList.add('fade')
  1360.                }
  1361.            }
  1362.        }).observe()
  1363.    });
  1364. </script>
  1365.  <script src="https://asset.kompas.com/data/2024/05/20/kgmverify/kgmverify.min.js"></script>
  1366. <script async>
  1367.    const handlePopup = {
  1368.        __kgmverify: ("; "+document.cookie).split("; __kgmverify=").pop().split(";").shift(),
  1369.        consentMode: localStorage.getItem("consentMode"),
  1370.        init: function() {
  1371.            let showKgmVerify = true;
  1372.            const listPopupElement = [
  1373.                '#kgmModal-cookie', '.popup-kcmplus', 'body.-restricted'
  1374.            ];
  1375.  
  1376.            for (let i = 0; i < listPopupElement.length; i++) {
  1377.                const popup = document.querySelector(`${listPopupElement[i]}`);
  1378.  
  1379.                if (listPopupElement[i] == '#kgmModal-cookie') {
  1380.                    if (!!popup && this.consentMode == null) {
  1381.                        showKgmVerify = false;
  1382.                        break;
  1383.                    }
  1384.  
  1385.                } else if (listPopupElement[i] == '.popup-kcmplus') {
  1386.                    if (this.__kgmverify) {
  1387.                        this.__kgmverify = JSON.parse(atob(this.__kgmverify));
  1388.                        let show = this.__kgmverify.show;
  1389.                        let currentTime = new Date();
  1390.                            
  1391.                        if (typeof show !== "undefined") {
  1392.                            const showTime = new Date(show);
  1393.                            if (showTime.getTime() > currentTime.getTime()) {
  1394.                                this.popupKompasPlus();
  1395.                                showKgmVerify = false;
  1396.                                break;
  1397.                            }
  1398.                        }else{
  1399.                            this.popupKompasPlus();
  1400.                            showKgmVerify = false;
  1401.                            break;
  1402.                        }
  1403.                    }
  1404.  
  1405.                } else if (listPopupElement[i] == 'body.-restricted' && !!popup) {
  1406.                    showKgmVerify = false;
  1407.                    break;
  1408.                }
  1409.            }
  1410.            
  1411.            if (showKgmVerify) {
  1412.                KgmVerifyWidget({publisher: "kompascom"});
  1413.            }
  1414.        },
  1415.        popupKompasPlus: function() {
  1416.            const params = new URLSearchParams(window.location.search)
  1417.  
  1418.            // if (params.has('l') && params.get('l') == 'c' && getCookieKcmPlus('kcmplus_cookies') == 1) {
  1419.            //     deleteCookieKcmPlus('kcmplus_cookies', '/', '.kompas.com');
  1420.            // }
  1421.  
  1422.            if (getCookieKcmPlus('kmps_usrid') &&
  1423.                getCookieKcmPlus('kcmplus_cookies') == '' &&
  1424.                params.has('lgn_method') && params.get('lgn_method') != '') {
  1425.  
  1426.                showPopupKcmPlus();
  1427.  
  1428.                const icoClosePopup = document.querySelector('.icoClosePopup');
  1429.                const kcmplusImg = document.querySelector('.popup-kcmplusImg');
  1430.  
  1431.                icoClosePopup.addEventListener('click', function(event) {
  1432.                    setCookieKcmPlus("kcmplus_cookies", 1, "");
  1433.                });
  1434.  
  1435.                kcmplusImg.addEventListener('click', function(event) {
  1436.                    setCookieKcmPlus("kcmplus_cookies", 1, "");
  1437.                });
  1438.            }
  1439.        }
  1440.    }
  1441.    handlePopup.init()
  1442. </script>
  1443. <div class="modalContent reactionModal" data-modal-target="reaction-share">
  1444.    <div class="modalHeader">
  1445.        <div class="modalTitle"></div>
  1446.        <button class="button buttonDismiss modalDismiss" aria-label="Close" data-modal-button="dismiss">
  1447.            <span class="icoBase icoDismiss"></span>
  1448.        </button>
  1449.    </div>
  1450.    <div class="modalBody socmedModal">
  1451.        <div class="socmedTitle">Bagikan artikel ini melalui</div>
  1452.        <div class="socmedList">
  1453.            <a href="javascript:void(0);" class="button buttonFacebook socmedButton" role="button" aria-label="Share to Facebook">
  1454.                <span class="icoSocmed icoFacebook"></span>
  1455.                <span class="socmedTxt">Facebook</span>
  1456.            </a>
  1457.            <a href="javascript:void(0);" class="button buttonTwitter socmedButton" role="button" aria-label="Share to Twitter">
  1458.                <span class="icoSocmed icoTwitter"></span>
  1459.                <span class="socmedTxt">X</span>
  1460.            </a>
  1461.            <a href="javascript:void(0);" class="button buttonWhatsapp socmedButton" role="button" aria-label="Share to Whatsapp">
  1462.                <span class="icoSocmed icoWhatsapp"></span>
  1463.                <span class="socmedTxt">Whatsapp</span>
  1464.            </a>
  1465.            <a target="_blank" href="javascript:void(0);" class="button buttonLine socmedButton" role="button" aria-label="Share to Line">
  1466.                <span class="icoSocmed icoLine"></span>
  1467.                <span class="socmedTxt">Line</span>
  1468.            </a>
  1469.            <a href="javascript:void(0);" class="button buttonTelegram socmedButton" role="button" aria-label="Share to Telegram">
  1470.                <span class="icoSocmed icoTelegram"></span>
  1471.                <span class="socmedTxt">Telegram</span>
  1472.            </a>
  1473.            <a href="javascript:void(0);" class="button buttonCopyLink socmedButton" role="button" aria-label="Share to Copy Link" data-form="copyLinkUrl" data-copy="copy-url" data-title="URL Berhasil disalin">
  1474.                <span class="icoSocmed icoCopyLink"></span>
  1475.                <span class="socmedTxt">Copy Link</span>
  1476.            </a>
  1477.        </div>
  1478.        <textarea class="socmedSrc" type="text" id="copyLinkUrl" value="" style="display: none;"></textarea>
  1479.    </div>
  1480. </div>
  1481.  
  1482. <script>
  1483.    (function() {
  1484.        $('body').on('click', '.reaction > * .buttonShare, .listPop > * .buttonShare', function(e) {
  1485.  
  1486.            if($(this).data("type")=='buku'){
  1487.                let title = $(this).data("title");
  1488.                let url = $(this).data("url").replace('http://', 'https://');
  1489.                let copy_link = url;
  1490.                let modals = $('.reactionModal');
  1491.                modals.find('.modalTitle').html(title);
  1492.                modals.find('#copyLinkUrl').html(copy_link);
  1493.                modals.find('.socmedTitle').html('Bagikan buku ini melalui');
  1494.                modals.find('.buttonFacebook').attr("onclick", `fb_share('${title}','${url}')`);
  1495.                modals.find('.buttonTwitter').attr("onclick", `tweet_share('${url}')`);
  1496.                modals.find('.buttonWhatsapp').attr("onclick", `whatsapp_share_new('', '${url}')`);
  1497.                modals.find('.buttonLine').attr("href", `https://line.me/R/msg/text/?${url}`);
  1498.                modals.find('.buttonTelegram').attr("onclick", `telegram_share('${title}', '${url}')`);
  1499.            }else{
  1500.                let title = $(this).data("title");
  1501.                let url = $(this).data("url").replace('http://', 'https://');
  1502.                let campaign = $(this).data("campaign");
  1503.                let modals = $('.reactionModal');
  1504.                let tagline_wa = '\\n\\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus3 \\nDownload aplikasi: https://kmp.im/app3';
  1505.                let tagline_tw = '\\n\\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus2 \\nDownload aplikasi: https://kmp.im/app2';
  1506.                let type = $(this).data("type") ? $(this).data("type") : 'article';
  1507.                let title_klik = (type == 'article') ? 'Klik untuk baca' : 'Klik untuk lihat video';
  1508.                let title_wa = '*'+title+'*\\n\\n'+title_klik+':\\n';
  1509.                let title_tele = '**'+title+'**';
  1510.                let utm_campaign = custom_utm_campaign();
  1511.                let copy_link = title+'\n\n'+title_klik+':\n'+url+'?utm_source=Various&utm_medium=Referral&utm_campaign='+utm_campaign+'\n\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus6\nDownload aplikasi: https://kmp.im/app6';
  1512.                modals.find('.modalTitle').html(title);
  1513.                modals.find('#copyLinkUrl').html(copy_link);
  1514.                modals.find('.buttonFacebook').attr("onclick", `fb_share('${title}','${url}?utm_source=Facebook&utm_medium=Referral&utm_campaign=${utm_campaign}')`);
  1515.                if(title.length < 200){
  1516.                    modals.find('.buttonTwitter').attr("onclick", `tweet_share('${title}\\n\\n`+title_klik+`: ${url}?utm_source=Twitter&utm_medium=Referral&utm_campaign=${utm_campaign}${tagline_tw}', '${url}?utm_source=Twitter&utm_medium=Referral&utm_campaign=${utm_campaign}')`);
  1517.                }else{
  1518.                    modals.find('.buttonTwitter').attr("onclick", `tweet_share('${title}\\n\\n`+title_klik+`: ${url}?utm_source=Twitter&utm_medium=Referral&utm_campaign=${utm_campaign}')`);
  1519.                }
  1520.                modals.find('.buttonWhatsapp').attr("onclick", `whatsapp_share_new('${title_wa}', '${url}?utm_source=Whatsapp&utm_medium=Referral&utm_campaign=${utm_campaign}${tagline_wa}')`);
  1521.                modals.find('.buttonLine').attr("href", `https://line.me/R/msg/text/?${title}%0D%0A%0D%0A`+title_klik+`:%0D%0A${url}%3Futm_source=Line%26utm_medium=Referral%26utm_campaign=${utm_campaign}%0D%0A%0D%0AKompascom%2B baca berita tanpa iklan: https://kmp.im/plus4%0D%0ADownload aplikasi: https://kmp.im/app4`);
  1522.                modals.find('.buttonTelegram').attr("onclick", `telegram_share('${title_tele}', '${url}?utm_source=Telegram&utm_medium=Referral&utm_campaign=${utm_campaign}', '%0D%0A%0D%0AKompascom%2B baca berita tanpa iklan: https://kmp.im/plus5%0D%0ADownload aplikasi: https://kmp.im/app5')`);
  1523.            }
  1524.  
  1525.            openModal('reaction-share');
  1526.        });
  1527.    })();
  1528.  
  1529.    function custom_utm_campaign() {
  1530.        
  1531.        
  1532.        if (window.location.hostname.indexOf('activity') == 0) {
  1533.            if (window.location.pathname == '/saved') {
  1534.                return 'Saved_Desktop'
  1535.            } else if (window.location.pathname == '/like') {
  1536.                return 'Liked_Desktop'
  1537.            }
  1538.        } else {
  1539.            var el_socmedList = document.querySelector('.socmedList');
  1540.            if (!!el_socmedList) {
  1541.                var data_area = el_socmedList.getAttribute('data-area');
  1542.                if (data_area == 'top') {
  1543.                    return 'Top_Desktop'
  1544.                } else if (data_area == 'bottom') {
  1545.                    return 'Bottom_Desktop'
  1546.                } else {
  1547.                    return 'AIML_Widget_Desktop'
  1548.                }
  1549.            }
  1550.        }
  1551.  
  1552.        return 'Sticky_Desktop'
  1553.    }
  1554. </script><!-- reaction toast -->
  1555. <div class="toast" data-toast="bottom">
  1556.    <div class="toastContent"></div>
  1557.    <a href="#" class="button buttonDismiss toastDismiss" aria-label="Dismiss" role="button" data-toast-button="dismiss">Oke</a>
  1558. </div>
  1559. <script>    
  1560. var el_badge = document.querySelector('.sso__badge')
  1561. var el_badge_menu = document.querySelector('.sso__badge__inline')
  1562.  
  1563. function checkSession() {
  1564.    var badge_temp_session = getCookie("_badge_temp_session")
  1565.    var badge_session = getCookie("badge_session")
  1566.    var badge_first_click = getCookie("badge_first_click");
  1567.  
  1568.    if (badge_temp_session == "" && badge_session == "")  {
  1569.        setCookie("_badge_temp_session", 1)
  1570.        setCookie("badge_session", 1, 8760)
  1571.        // console.log("test badge temp 1")
  1572.    } else if (badge_temp_session == "" && badge_session == 1) {
  1573.        setCookie("_badge_temp_session", 1)
  1574.        setCookie("badge_session", 2, 8760)
  1575.        // console.log("test badge temp 2")
  1576.    } else if (badge_temp_session == "" && badge_session == 2 && badge_first_click == 1) {
  1577.        setCookie("_badge_temp_session", 1)
  1578.        setCookie("badge_session", 3, 8760)
  1579.        // console.log("test badge temp 3")
  1580.    }
  1581.  
  1582.    setCookie("_badge_temp_session", 1)
  1583. }
  1584. checkSession()
  1585.  
  1586. function checkCookieBadgeNps() {
  1587.    var badge_session = getCookie("badge_session")
  1588.    var badge_first_click = getCookie("badge_first_click")
  1589.    var click_icon_badge = getCookie("click_icon_badge")
  1590.    var feedback_click = getCookie("feedback_click_badge")
  1591.    
  1592.    // show badge jika sesi berikutnya  
  1593.    if (badge_session == 2) {
  1594.        el_badge.style.display = "block"
  1595.        el_badge_menu.style.display = "block"
  1596.        // console.log("test 1")    
  1597.    }
  1598.  
  1599.    // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali, maka hide badge icon login
  1600.    if (badge_session == 2 && badge_first_click == 1) {
  1601.        el_badge.style.display = "none"
  1602.        // console.log("test 2")  
  1603.        
  1604.    // jika tidak cek,
  1605.    // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali
  1606.    // atau jika di sesi berikutnya dan cookie click icon badge expired
  1607.    // atau jika di sesi berikutnya dan cookie badge feedback success expired
  1608.    } 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)) {
  1609.        el_badge.style.display = "block"
  1610.        el_badge_menu.style.display = "block"
  1611.        // console.log("test 3")
  1612.    }
  1613.  
  1614.    // hide jika ada cookie click icon badge masih aktif
  1615.    // utk cek cookie 2 jam, 1 hari, 1 minggu dan 4 minggu.
  1616.    if (document.cookie.indexOf("click_icon_badge=") != -1) {
  1617.        el_badge.style.display = "none"
  1618.        // console.log("test 4")
  1619.    }
  1620.  
  1621.    // jika "Berikan masukkanmu" telah dikilk, maka hide
  1622.    // jika tidak cek jika sesi > 1 dan cookie feedback click badge "Berikan masukkanmu" expired, maka show
  1623.    if (document.cookie.indexOf("feedback_click_badge=") != -1) {
  1624.        el_badge_menu.style.display = "none"
  1625.        // console.log("test 5")
  1626.    } else if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge=") == -1) {
  1627.        el_badge_menu.style.display = "block"
  1628.        // console.log("test 6")
  1629.    }
  1630.  
  1631.    // hide jika telah memberi penilaian
  1632.    if (document.cookie.indexOf("badge_feedback_success=") != -1) {
  1633.        el_badge.style.display = "none"
  1634.        el_badge_menu.style.display = "none"
  1635.        // console.log("test 7")
  1636.    }
  1637. }
  1638. checkCookieBadgeNps()
  1639.  
  1640. var sso__icon__login_top = document.getElementById('sso__icon__login_top')
  1641. sso__icon__login_top.addEventListener('click', function() {
  1642.    var badge_session = getCookie("badge_session")
  1643.    var badge_first_click = getCookie("badge_first_click")
  1644.    var feedback_success = getCookie("badge_feedback_success")
  1645.    var click_icon_badge = getCookie("click_icon_badge")
  1646.    var click_icon_counter_badge = getCookie("click_icon_counter_badge")
  1647.  
  1648.    if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) {
  1649.        // click untuk pertama kali di sesi berikutnya
  1650.        if (badge_session == 2 && badge_first_click == "") {
  1651.            el_badge.style.display = "none"
  1652.            el_badge_menu.style.display = "block"
  1653.            setCookie("badge_first_click", 1, 8760)
  1654.            // console.log("click 1")
  1655.  
  1656.        // click jika sesi berikutnya setelah mengklik icon badge utk pertama kali    
  1657.        } else {
  1658.            // jika belum ada cookie click icon badge
  1659.            // dan ada di sesi berikutnya setelah click icon pertama kali
  1660.            // dan counter click icon kosong atau 0
  1661.            if (badge_session == 3 && click_icon_badge == "" && (click_icon_counter_badge == "" || click_icon_counter_badge == 0)) {
  1662.                setCookie("click_icon_counter_badge", 1, 8760)
  1663.                setCookie("click_icon_badge", 1, 2)
  1664.                el_badge.style.display = "none"
  1665.                el_badge_menu.style.display = "block"
  1666.                // console.log("clicked 1")
  1667.  
  1668.            // Jika cookie badge click icon expired dan counter = 1, maka set 1 hari
  1669.            } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 1) {
  1670.                setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge)+1, 8760)
  1671.                setCookie("click_icon_badge", 2, 24)
  1672.                el_badge.style.display = "none"
  1673.                el_badge_menu.style.display = "block"
  1674.                // console.log("clicked 2")
  1675.  
  1676.            // Jika cookie badge click icon expired dan counter = 2, maka set 1 minggu
  1677.            } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 2) {
  1678.                setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge)+1, 8760)
  1679.                setCookie("click_icon_badge", 3, 168)
  1680.                el_badge.style.display = "none"
  1681.                el_badge_menu.style.display = "block"
  1682.                // console.log("clicked 3")
  1683.            
  1684.            // Jika cookie badge click icon expired dan counter lebih dari 2, maka set 4 minggu
  1685.            } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge > 2) {
  1686.                setCookie("click_icon_counter_badge", 0, 8760) // reset badge counter click icon
  1687.                setCookie("click_icon_badge", 4, 672)
  1688.                el_badge.style.display = "none"
  1689.                el_badge_menu.style.display = "block"
  1690.                // console.log("clicked 4")
  1691.            }
  1692.            // console.log("click 2")
  1693.        }  
  1694.  
  1695.        // jika feedback click expired dan counter >= 0, maka show
  1696.        var feedback_click_counter = getCookie("feedback_click_counter_badge")
  1697.        if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge") == -1 && feedback_click_counter >= 0) {
  1698.            el_badge_menu.style.display = 'block'
  1699.        }
  1700.    }    
  1701. })
  1702.  
  1703. var feedback__item = document.getElementById('feedback__item')
  1704. feedback__item.addEventListener("click", function() {
  1705.    var feedback_click = getCookie("feedback_click_badge")
  1706.    var feedback_success = getCookie("badge_feedback_success")
  1707.    var feedback_click_counter = getCookie("feedback_click_counter_badge")
  1708.  
  1709.    if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) {
  1710.        // jika belum ada cookie feedback click counter, maka set 2 jam
  1711.        if (feedback_click_counter == "" || feedback_click_counter == 0) {
  1712.            setCookie("feedback_click_counter_badge", 1, 8760)
  1713.            setCookie("feedback_click_badge", 1, 2)
  1714.            el_badge_menu.style.display = "none"
  1715.            // console.log("feedback clicked 1")
  1716.  
  1717.        // Jika cookie feedback click badge expired dan counter 1, maka set 1 hari
  1718.        } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 1) {
  1719.            setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter)+1, 8760)
  1720.            setCookie("feedback_click_badge", 2, 24)
  1721.            el_badge_menu.style.display = "none"
  1722.            // console.log("feedback clicked 2")
  1723.  
  1724.        // Jika cookie feedback click badge expired dan counter 2, maka set 1 minggu
  1725.        } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 2) {
  1726.            setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter)+1, 8760)
  1727.            setCookie("feedback_click_badge", 3, 168)
  1728.            el_badge_menu.style.display = "none"
  1729.            // console.log("feedback clicked 3")
  1730.        
  1731.        // Jika cookie feedback click badge expired dan counter > 2, maka set 4 minggu
  1732.        } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter > 2) {
  1733.            setCookie("feedback_click_counter_badge", 0, 8760)
  1734.            setCookie("feedback_click_badge", 4, 672)
  1735.            el_badge_menu.style.display = "none"
  1736.            // console.log("feedback clicked 4")
  1737.        } else {
  1738.            // jika di sesi sebelumnya sudah diklik tapi belum isi feedback
  1739.            el_badge_menu.style.display = "none"
  1740.            // console.log("feedback clicked 5")
  1741.        }
  1742.    }
  1743. })
  1744.  
  1745. function setCookie(name,value,hour) {
  1746.    var expires = "";
  1747.    if (hour) {
  1748.        var date = new Date();
  1749.        date.setTime(date.getTime() + (hour*60*60*1000));
  1750.        expires = "; expires=" + date.toUTCString();
  1751.    }
  1752.    document.cookie = name + "=" + (value || "")  + expires + "; ;domain=.kompas.com;path=/";
  1753. }
  1754.  
  1755. function getCookie(cname) {
  1756.    var name = cname + "=";
  1757.    var decodedCookie = decodeURIComponent(document.cookie);
  1758.    var ca = decodedCookie.split(';');
  1759.    for(var i = 0; i <ca.length; i++) {
  1760.        var c = ca[i];
  1761.        while (c.charAt(0) == ' ') {
  1762.        c = c.substring(1);
  1763.        }
  1764.        if (c.indexOf(name) == 0) {
  1765.        return c.substring(name.length, c.length);
  1766.        }
  1767.    }
  1768.    return "";
  1769. }
  1770.  
  1771. // action create cookie badge_feedback_success expired 90 hari
  1772. var onSubmitNps = document.getElementById("nps-submit")
  1773. if (onSubmitNps !== null) {
  1774.    onSubmitNps.addEventListener("click", function(e) {
  1775.        // e.preventDefault()
  1776.        setCookie("badge_feedback_success", 1, 2160)
  1777.    })
  1778. }
  1779. </script>
  1780.  
  1781.  
  1782. <script>
  1783.    var addebug = document.querySelectorAll('.cpRight');
  1784.    for (i = 0; i < addebug.length; ++i) {
  1785.        addebug[i].addEventListener('click', function handleClick() {
  1786.            googletag.openConsole();
  1787.        });
  1788.    };
  1789. </script>
  1790.    
  1791. </body>
  1792. </html>
  1793.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda