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/getrss/sains

  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/getrss/sains" itemprop="url" />
  90.  
  91. <link rel="canonical" href="https://www.kompas.com/getrss/sains" />
  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.    <link rel="stylesheet" href="https://asset.kompas.com/data/2017/wp/css/kcm2017-404.min.css?v=1" type="text/css">
  181.    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fjalla+One">
  182.    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,700|Roboto:100,300,300i,400,400i,500,700,700i">    
  183. </head>
  184. <body class="theme--news">
  185.      
  186. <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PT7PC4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  187.  
  188. <div class="wrap">
  189.  
  190. <!-- header-->
  191. <div class="header header--sumpah-pemuda clearfix">
  192.    <div class="row clearfix header__wrap">
  193.        <div class="container clearfix header__row">
  194.            <div class="row col-offset-fluid clearfix">
  195.                <div class="col-bs10-5 clearfix">
  196.                    <div class="logo">
  197.                        <a href="https://www.kompas.com">
  198.                                                            <style>.logo img {width:auto;}.logo {width:auto;}</style>
  199.                                <!-- <img src="https://asset.kompas.com/data/2017/wp/images/logo-kompascom-ri77.png" alt="Kompas.com" width="310" height="50" id="anni26-img"> -->
  200.                                                                    <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">
  201.                                                                                    </a>
  202.                        <!-- <a href="https://vik.kompas.com/harapan-jurnalisme-berkelanjutan" class="anni25-link"></a> -->
  203.                    </div>
  204.                </div>
  205.                <div class="col-bs10-5 clearfix">
  206.                    <form class="search search--header col-bs12-8 col-offset-0" action="https://search.kompas.com/search/">
  207.                        <input class="form__input form__input__header" id="search" type="text" name="q" placeholder="cari tokoh, topik atau peristiwa">
  208.                        <button type="button" class="form__button__clear" role="button">
  209.                            <span class="kcm__close__icon"></span>
  210.                        </button>
  211.                        <input class="form__button form__button__header" type="submit" name="submit">
  212.                        <span class="search--icon">
  213.                            <svg class="icon icon-search" title="icon-search">
  214.                                <use xlink:href="#icon-search" />
  215.                            </svg>
  216.                        </span>
  217.                    </form>
  218.  
  219.                    <div class="dark-header-item">
  220.                        <div class="dark-wrapper js-darkWrapper">
  221.                            <button type="button" class="button-default js-darkSetter" id="menu-darkmode" aria-label="Atur mode" aria-expanded="false" aria-controls="darkmode">
  222.                                <span class="icon-svg icon-darkmode" aria-hidden="true"></span>
  223.                            </button>
  224.                            <div class="dark-setting">
  225.                                <ul>
  226.                                    <li>
  227.                                        <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="system">Otomatis</button>
  228.                                    </li>
  229.                                    <li>
  230.                                        <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="dark">Mode Gelap</button>
  231.                                    </li>
  232.                                    <li>
  233.                                        <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="light">Mode Terang</button>
  234.                                    </li>
  235.                                </ul>
  236.                            </div>
  237.                        </div>
  238.                    </div>
  239.                                        
  240.                    <div class="loyalty__link" id="loyalty_koin" style="display: none">
  241.                        <a href="https://play.kompas.com/loyalty">
  242.                            <span class="icon-svg icon-koin"></span>
  243.                            <span class="loyalty__link__text">Koin</span>
  244.                            <i class="loyalty__link__badge active"></i>
  245.                        </a>
  246.                    </div>
  247.  
  248.                    <div class="sso__header col-bs12-4">
  249.                        <ul class="sso__wrap">
  250.                            <li class="sso__item">
  251.                                <a class="sso__link sso__link__icon js-sso-user" href="javascript:void(0)">
  252.                                    <i class="sso__icon__login" id="sso__icon__login_top"></i>
  253.                                    <i class="sso__badge" style="display: none;"></i>
  254.                                </a>
  255.                                <div class="sso__option -fixed -hide js-sso-user-board">
  256.                                    <ul>
  257.                                        <li id="sso__item"><a id="txt_signin" href="https://account.kompas.com/login/a29tcGFz/aHR0cHM6Ly93d3cua29tcGFzLmNvbS9nZXRyc3Mvc2FpbnM="><span><i class="sso__icon__login"></i> Login</span></a></li>
  258.                                        <li></li>
  259.                        
  260.                                                                                    <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>
  261.                                                                                
  262.                                        <li></li>
  263.                                        <li><a href="https://activity.kompas.com/saved"><span><i class="sso__icon__bookmark"></i> Konten yang disimpan</span></a></li>
  264.                                        <li></li>
  265.                                        <li><a href="https://activity.kompas.com/liked"><span><i class="sso__icon__liked"></i> Konten yang disukai</span></a></li>
  266.                                        <li></li>
  267.                     <li><a href="https://activity.kompas.com/minat"><span><i class="sso__icon__interest"></i> Atur Minat</span></a></li>
  268.                                        <li></li>
  269.                                        <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>
  270.                                    </ul>
  271.                                </div>
  272.                            </li>
  273.                        </ul>
  274.                    </div>
  275.                                        <div class="kid__wrap">
  276.                        <a target="_blank" href="https://gerai.kompas.id/promokompascom?utm_source=external_kompascom&utm_medium=header_button_premium&utm_content=promo_diskonberjenjang&utm_campaign=kompascom" class="kid__button">Langganan Kompas.id</a>
  277.                    </div>
  278.                                    </div>
  279.            </div>
  280.        </div>
  281.    </div>
  282.    <!-- nav-->
  283.    <div class="js-nav-offset"></div>
  284.    <div class="row clearfix nav">
  285.        <!-- (ads.skin.full) -->
  286.        <div class="container clearfix nav__wrap">
  287.            <div class="logo logo--sticky">
  288.                                    <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>
  289.                            </div>
  290.  
  291.              
  292.            <ul class="nav__row clearfix">
  293.    <li class="nav__item">
  294.        <a href="https://news.kompas.com?source=navbar"
  295.            class="nav__link nav__link--news">News</a>
  296.        <ul class="nav__sub nav__sub--news">
  297.            <li class="nav__subitem">
  298.                <a href="https://nasional.kompas.com" class="nav__sublink">Nasional</a>
  299.            </li>
  300.            <li class="nav__subitem">
  301.                <a href="https://megapolitan.kompas.com" class="nav__sublink">Megapolitan</a>
  302.            </li>
  303.            <li class="nav__subitem">
  304.                <a href="https://www.kompas.com/global" class="nav__sublink">Global</a>
  305.            </li>
  306.            <li class="nav__subitem">
  307.                <a href="https://inside.kompas.com/suratpembaca" class="nav__sublink">Surat Pembaca</a>
  308.            </li>
  309.            <li class="nav__subitem">
  310.                <a href="https://kilasdaerah.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Daerah</a>
  311.            </li>
  312.            <li class="nav__subitem">
  313.                <a href="https://kilaskorporasi.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Korporasi</a>
  314.            </li>
  315.            <li class="nav__subitem">
  316.                <a href="https://kilaskementerian.kompas.com" class="nav__sublink nav__sublink--hot">Kilas
  317.                    Kementerian</a>
  318.            </li>
  319.            <li class="nav__subitem">
  320.                <a href="https://sorotpolitik.kompas.com" class="nav__sublink nav__sublink--hot">Sorot Politik</a>
  321.            </li>
  322.            <li class="nav__subitem">
  323.                <a href="https://kilasbadannegara.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Badan
  324.                    Negara</a>
  325.            </li>
  326.            <li class="nav__subitem">
  327.                <a href="https://kelanaindonesia.kompas.com" class="nav__sublink nav__sublink--hot">Kelana
  328.                    Indonesia</a>
  329.            </li>
  330.            <li class="nav__subitem">
  331.                <a href="https://indeks.kompas.com/topik-pilihan/list/7782/kalbe-health-corner"
  332.                    class="nav__sublink nav__sublink--hot">Kalbe Health Corner</a>
  333.            </li>
  334.            <li class="nav__subitem">
  335.                <a href="https://kilasparlemen.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Parlemen</a>
  336.            </li>
  337.            <li class="nav__subitem">
  338.                <a href="https://kilasbumn.kompas.com" class="nav__sublink nav__sublink--hot">Kilas BUMN</a>
  339.            </li>
  340.            <li class="nav__subitem">
  341.                <a href="https://www.kompas.com/cekfakta" class="nav__sublink">Cek Fakta</a>
  342.            </li>
  343.            <li class="nav__subitem">
  344.                <a href="https://www.kompas.com/konsultasihukum" class="nav__sublink">Konsultasi Hukum</a>
  345.            </li>
  346.            <li class="nav__subitem">
  347.                <a href="https://news.kompas.com/search" class="nav__sublink">Indeks</a>
  348.            </li>
  349.            <li class="nav__subitem">
  350.                <a href="https://regional.kompas.com" class="nav__sublink">Regional</a>
  351.                <ul class="nav__subsub">
  352.                    <li class="nav__subitem">
  353.                        <a href="https://surabaya.kompas.com" class="nav__subsublink">Surabaya</a>
  354.                    </li>
  355.                    <li class="nav__subitem">
  356.                        <a href="https://medan.kompas.com" class="nav__subsublink">Medan</a>
  357.                    </li>
  358.                    <li class="nav__subitem">
  359.                        <a href="https://makassar.kompas.com" class="nav__subsublink">Makassar</a>
  360.                    </li>
  361.                    <li class="nav__subitem">
  362.                        <a href="https://yogyakarta.kompas.com" class="nav__subsublink">Yogyakarta</a>
  363.                    </li>
  364.                    <li class="nav__subitem">
  365.                        <a href="https://bandung.kompas.com" class="nav__subsublink">Bandung</a>
  366.                    </li>
  367.                    <li class="nav__subitem">
  368.                        <a href="https://denpasar.kompas.com" class="nav__subsublink">Denpasar</a>
  369.                    </li>
  370.                </ul>
  371.            </li>
  372.            <li class="nav__subitem">
  373.                <a href="https://www.kompas.com/hype" class="nav__sublink">Hype</a>
  374.            </li>
  375.        </ul>
  376.    </li>
  377.    <!-- <li class="nav__item">
  378.        <a href="https://www.kompas.com/ramadhan?source=navbar"
  379.            class="nav__link nav__link--new">Ramadhan</a>
  380.    </li> -->
  381.    <li class="nav__item">
  382.        <a href="https://pemilu.kompas.com?source=navbar"
  383.            class="nav__link nav__link">Pemilu</a>
  384.    </li>
  385.    <li class="nav__item">
  386.        <a href="https://ikn.kompas.com?source=navbar"
  387.            class="nav__link nav__link--new">IKN</a>
  388.            <ul class="nav__sub nav__sub--ikn">
  389.                <li class="nav__subitem">
  390.                    <a href="https://ikn.kompas.com/news" class="nav__sublink">News</a>
  391.                </li>
  392.                <li class="nav__subitem">
  393.                    <a href="https://ikn.kompas.com/city" class="nav__sublink">City</a>
  394.                </li>
  395.                <li class="nav__subitem">
  396.                    <a href="https://ikn.kompas.com/infrastructure" class="nav__sublink">Infrastructure</a>
  397.                </li>
  398.                <li class="nav__subitem">
  399.                    <a href="https://ikn.kompas.com/community" class="nav__sublink">Community</a>
  400.                </li>
  401.                <li class="nav__subitem">
  402.                    <a href="https://ikn.kompas.com/housings" class="nav__sublink">Housings</a>
  403.                </li>
  404.                <li class="nav__subitem">
  405.                    <a href="https://indeks.kompas.com?site=ikn" class="nav__sublink">Indeks</a>
  406.                </li>
  407.                <li class="nav__subitem">
  408.                    <a href="https://ikn.kompas.com/foresta" class="nav__sublink">Foresta</a>
  409.                </li>
  410.            </ul>
  411.    </li>
  412.    <li class="nav__item">
  413.        <a href="https://tekno.kompas.com?source=navbar"
  414.            class="nav__link nav__link--tekno">Tekno</a>
  415.        <ul class="nav__sub nav__sub--tekno">
  416.            <li class="nav__subitem">
  417.                <a href="https://tekno.kompas.com/apps-os" class="nav__sublink">Apps &amp; OS</a>
  418.            </li>
  419.            <li class="nav__subitem">
  420.                <a href="https://tekno.kompas.com/gadget" class="nav__sublink">Gadget</a>
  421.            </li>
  422.            <li class="nav__subitem">
  423.                <a href="https://tekno.kompas.com/internet" class="nav__sublink">Internet</a>
  424.            </li>
  425.            <li class="nav__subitem">
  426.                <a href="https://tekno.kompas.com/hardware" class="nav__sublink">Hardware</a>
  427.            </li>
  428.            <li class="nav__subitem">
  429.                <a href="https://tekno.kompas.com/business" class="nav__sublink">Business</a>
  430.            </li>
  431.            <li class="nav__subitem">
  432.                <a href="https://tekno.kompas.com/game" class="nav__sublink">Game</a>
  433.            </li>
  434.            <li class="nav__subitem">
  435.                <a href="https://tekno.kompas.com/galeri" class="nav__sublink">Galeri</a>
  436.            </li>
  437.            <li class="nav__subitem">
  438.                <a href="https://tekno.kompas.com/search" class="nav__sublink">Indeks</a>
  439.            </li>
  440.            <li class="nav__subitem">
  441.                <a href="https://pubads.g.doubleclick.net/gampad/clk?id=6163907479&iu=/31800665/KOMPAS.COM/tekno"
  442.                    class="nav__sublink nav__sublink--hot">Tech Innovation</a>
  443.            </li>
  444.            <li class="nav__subitem">
  445.                <a href="https://kilasinternet.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas Internet</a>
  446.            </li>
  447.        </ul>
  448.    </li>
  449.    <li class="nav__item">
  450.        <a href="https://otomotif.kompas.com?source=navbar"
  451.            class="nav__link nav__link--otomotif">Otomotif</a>
  452.        <ul class="nav__sub nav__sub--otomotif">
  453.            <li class="nav__subitem">
  454.                <a href="https://otomotif.kompas.com/motor" class="nav__sublink">Motor</a>
  455.            </li>
  456.            <li class="nav__subitem">
  457.                <a href="https://otomotif.kompas.com/mobil" class="nav__sublink">Mobil</a>
  458.            </li>
  459.            <li class="nav__subitem">
  460.                <a href="https://otomotif.kompas.com/sport" class="nav__sublink">Sport</a>
  461.            </li>
  462.            <li class="nav__subitem">
  463.                <a href="https://otomotif.kompas.com/niaga" class="nav__sublink">Niaga</a>
  464.            </li>
  465.            <li class="nav__subitem">
  466.                <a href="https://otomotif.kompas.com/komunitas" class="nav__sublink">Komunitas</a>
  467.            </li>
  468.            <li class="nav__subitem">
  469.                <a href="https://otomotif.kompas.com/otopedia" class="nav__sublink">Otopedia</a>
  470.            </li>
  471.            <li class="nav__subitem">
  472.                <a href="https://lipsus.kompas.com/pameranotomotifnasional2024"
  473.                    class="nav__sublink nav__sublink--hot">Pameran</a>
  474.            </li>
  475.            <li class="nav__subitem">
  476.                <a href="https://otomotif.kompas.com/elektrifikasi"
  477.                    class="nav__sublink nav__sublink--hot">Elektrifikasi</a>
  478.            </li>
  479.        </ul>
  480.    </li>
  481.    <li class="nav__item">
  482.        <a href="https://bola.kompas.com?source=navbar"
  483.            class="nav__link nav__link--bola">Bola</a>
  484.        <ul class="nav__sub nav__sub--bola">                
  485.            <li class="nav__subitem">
  486.                <a href="https://bola.kompas.com/timnas-indonesia" class="nav__sublink">Timnas Indonesia</a>
  487.            </li>
  488.            <li class="nav__subitem">
  489.                <a href="https://bola.kompas.com/liga-indonesia" class="nav__sublink">Liga Indonesia</a>
  490.            </li>
  491.            <li class="nav__subitem">
  492.                <a href="https://bola.kompas.com/liga-italia" class="nav__sublink">Liga Italia</a>
  493.            </li>
  494.            <li class="nav__subitem">
  495.                <a href="https://bola.kompas.com/liga-champions" class="nav__sublink">Liga Champions</a>
  496.            </li>
  497.            <li class="nav__subitem">
  498.                <a href="https://bola.kompas.com/liga-lain" class="nav__sublink">Liga Lain</a>
  499.            </li>
  500.            <li class="nav__subitem">
  501.                <a href="https://bola.kompas.com/liga-inggris" class="nav__sublink">Liga Inggris</a>
  502.            </li>
  503.            <li class="nav__subitem">
  504.                <a href="https://bola.kompas.com/liga-spanyol" class="nav__sublink">Liga Spanyol</a>
  505.            </li>
  506.            <li class="nav__subitem">
  507.                <a href="https://bola.kompas.com/internasional" class="nav__sublink">Internasional</a>
  508.            </li>
  509.            <li class="nav__subitem">
  510.                <a href="https://bola.kompas.com/bundesliga" class="nav__sublink">Bundesliga</a>
  511.            </li>
  512.            <li class="nav__subitem">
  513.                <a href="https://www.kompas.com/motogp" class="nav__sublink">Motogp</a>
  514.            </li>
  515.            <li class="nav__subitem">
  516.                <a href="https://www.kompas.com/badminton" class="nav__sublink">Badminton</a>
  517.            </li>
  518.            <li class="nav__subitem">
  519.                <a href="https://www.kompas.com/sports" class="nav__sublink">Sports</a>
  520.            </li>
  521.            <li class="nav__subitem">
  522.                <a href="https://indeks.kompas.com?site=bola" class="nav__sublink">Indeks</a>
  523.            </li>
  524.        </ul>
  525.    </li>
  526.    <li class="nav__item">
  527.        <a href="https://lifestyle.kompas.com?source=navbar"
  528.            class="nav__link nav__link--lifestyle">Lifestyle</a>
  529.        <ul class="nav__sub nav__sub--lifestyle">
  530.            <li class="nav__subitem">
  531.                <a href="https://lifestyle.kompas.com/eat-good" class="nav__sublink">Eat Good</a>
  532.            </li>
  533.            <li class="nav__subitem">
  534.                <a href="https://lifestyle.kompas.com/look-good" class="nav__sublink">Look Good</a>
  535.            </li>
  536.            <li class="nav__subitem">
  537.                <a href="https://lifestyle.kompas.com/feel-good" class="nav__sublink">Feel Good</a>
  538.            </li>
  539.            <li class="nav__subitem">
  540.                <a href="https://genbest.kompas.com" class="nav__sublink nav__sublink--hot">Sadar Stunting</a>
  541.            </li>
  542.            <li class="nav__subitem">
  543.                <a href="https://buku.kompas.com" class="nav__sublink">Buku</a>
  544.            </li>
  545.            <li class="nav__subitem">
  546.                <a href="#" class="nav__sublink">Tanya Pakar</a>
  547.                <ul class="nav__subsub">
  548.                    <li class="nav__subitem">
  549.                        <a href="https://lifestyle.kompas.com/tanya-pakar-parenting"
  550.                            class="nav__subsublink">Parenting</a>
  551.                    </li>
  552.                    <li class="nav__subitem">
  553.                        <a href="https://lifestyle.kompas.com/tanya-pakar-nutrisi" class="nav__subsublink">Nutrisi</a>
  554.                    </li>
  555.                </ul>
  556.            </li>
  557.        </ul>
  558.    </li>
  559.    <li class="nav__item">
  560.        <a href="https://www.kompas.com/tren?source=navbar"
  561.            class="nav__link nav__link--tren">Tren</a>
  562.    </li>
  563.    <li class="nav__item">
  564.        <a href="https://lestari.kompas.com?source=navbar"
  565.            class="nav__link nav__link--lestari">Lestari</a>
  566.    </li>
  567.    <li class="nav__item">
  568.        <a href="https://health.kompas.com?source=navbar"
  569.            class="nav__link nav__link--health">Health</a>
  570.    </li>
  571.    <li class="nav__item">
  572.        <a href="https://money.kompas.com/?source=navbar"
  573.            class="nav__link nav__link--money">Money</a>
  574.        <ul class="nav__sub nav__sub--money">
  575.            <li class="nav__subitem">
  576.                <a href="https://money.kompas.com/whatsnew" class="nav__sublink">Whats New</a>
  577.            </li>
  578.            <li class="nav__subitem">
  579.                <a href="https://money.kompas.com/worksmart" class="nav__sublink">Work Smart</a>
  580.            </li>
  581.            <li class="nav__subitem">
  582.                <a href="https://money.kompas.com/earnsmart" class="nav__sublink">Earn Smart</a>
  583.            </li>
  584.            <li class="nav__subitem">
  585.                <a href="https://money.kompas.com/spendsmart" class="nav__sublink">Spend Smart</a>
  586.            </li>
  587.            <li class="nav__subitem">
  588.                <a href="https://money.kompas.com/smartpreneur" class="nav__sublink">Smartpreneur</a>
  589.            </li>
  590.            <!-- <li class="nav__subitem">
  591.                <a href="https://kilasbumn.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas BUMN</a>
  592.            </li> -->
  593.            <li class="nav__subitem">
  594.                <a href="https://kilasbadan.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas Badan</a>
  595.            </li>
  596.            <li class="nav__subitem">
  597.                <a href="https://kilastransportasi.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas
  598.                    Transportasi</a>
  599.            </li>
  600.            <li class="nav__subitem">
  601.                <a href="https://kilasfintech.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas Fintech</a>
  602.            </li>
  603.            <li class="nav__subitem">
  604.                <a href="https://kilasperbankan.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas
  605.                    Perbankan</a>
  606.            </li>
  607.            <li class="nav__subitem">
  608.                <a href="https://kolom.kompas.com/Tanya.Pajak" class="nav__sublink">Tanya Pajak</a>
  609.            </li>
  610.            <li class="nav__subitem">
  611.                <a href="https://money.kompas.com/search" class="nav__sublink">Indeks</a>
  612.            </li>
  613.            <li class="nav__subitem">
  614.                <a href="https://kilasinvestasi.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas
  615.                    Investasi</a>
  616.            </li>
  617.        </ul>
  618.    </li>
  619.    <li class="nav__item">
  620.        <a href="https://properti.kompas.com/?source=navbar"
  621.            class="nav__link nav__link--properti">Properti</a>
  622.        <ul class="nav__sub nav__sub--properti">
  623.            <li class="nav__subitem">
  624.                <a href="https://www.kompas.com/properti" class="nav__sublink">News</a>
  625.            </li>
  626.            <li class="nav__subitem">
  627.                <a href="https://properti.kompas.com/hunian" class="nav__sublink">Hunian</a>
  628.            </li>
  629.            <li class="nav__subitem">
  630.                <a href="https://properti.kompas.com/arsitektur" class="nav__sublink">Arsitektur</a>
  631.            </li>
  632.            <li class="nav__subitem">
  633.                <a href="https://properti.kompas.com/beranda" class="nav__sublink">Beranda</a>
  634.            </li>
  635.            <li class="nav__subitem">
  636.                <a href="https://properti.kompas.com/konsultasi" class="nav__sublink">Konsultasi</a>
  637.            </li>
  638.            <li class="nav__subitem">
  639.                <a href="https://properti.kompas.com/figur" class="nav__sublink">Figur</a>
  640.            </li>
  641.            <li class="nav__subitem">
  642.                <a href="https://properti.kompas.com/tips" class="nav__sublink">Tips</a>
  643.            </li>
  644.            <li class="nav__subitem">
  645.                <a href="https://properti.kompas.com/galeri-360" class="nav__sublink">Galeri 360</a>
  646.            </li>
  647.            <li class="nav__subitem">
  648.                <a href="https://properti.kompas.com/search" class="nav__sublink">Indeks</a>
  649.            </li>
  650.            <li class="nav__subitem">
  651.                <a href="https://sorot.kompas.com" class="nav__sublink nav__sublink--hot">Sorot Properti</a>
  652.            </li>
  653.        </ul>
  654.    </li>
  655.    <li class="nav__item">
  656.        <a href="https://www.kompas.com/food?source=navbar"
  657.            class="nav__link nav__link--food">Food</a>
  658.        <ul class="nav__sub nav__sub--food">
  659.            <li class="nav__subitem">
  660.                <a href="https://www.kompas.com/food/resep" class="nav__sublink">Resep</a>
  661.            </li>
  662.            <li class="nav__subitem">
  663.                <a href="https://www.kompas.com/food/tips-kuliner" class="nav__sublink">Tips Kuliner</a>
  664.            </li>
  665.            <li class="nav__subitem">
  666.                <a href="https://www.kompas.com/food/food-news" class="nav__sublink">Food News</a>
  667.            </li>
  668.            <li class="nav__subitem">
  669.                <a href="https://www.kompas.com/food/food-story" class="nav__sublink">Food Story</a>
  670.            </li>
  671.            <li class="nav__subitem">
  672.                <a href="https://www.kompas.com/food/tempat-makan" class="nav__sublink">Tempat Makan</a>
  673.            </li>
  674.            <li class="nav__subitem">
  675.                <a href="https://www.kompas.com/food/gallery" class="nav__sublink">Galeri</a>
  676.            </li>
  677.            <li class="nav__subitem">
  678.                <a href="https://kilasfood.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Food</a>
  679.            </li>
  680.            <li class="nav__subitem">
  681.                <a href="https://www.kompas.com/food/panduan-kuliner-yogyakarta" class="nav__sublink">Panduan Kuliner
  682.                    Yogyakarta</a>
  683.            </li>
  684.        </ul>
  685.    </li>
  686.    <li class="nav__item">
  687.        <a href="https://umkm.kompas.com/?source=navbar"
  688.            class="nav__link nav__link--umkm">UMKM</a>
  689.        <ul class="nav__sub nav__sub--umkm">
  690.            <li class="nav__subitem">
  691.                <a href="https://umkm.kompas.com" class="nav__sublink">Beranda UMKM</a>
  692.            </li>
  693.            <li class="nav__subitem">
  694.                <a href="https://umkm.kompas.com/training" class="nav__sublink">Training</a>
  695.            </li>
  696.            <li class="nav__subitem">
  697.                <a href="https://umkm.kompas.com/jagoan-lokal" class="nav__sublink">Jagoan Lokal</a>
  698.            </li>
  699.            <li class="nav__subitem">
  700.                <a href="https://umkm.kompas.com/program" class="nav__sublink">Program</a>
  701.            </li>
  702.            <li class="nav__subitem">
  703.                <a href="https://kilasumkm.kompas.com" class="nav__sublink nav__sublink--hot">Kilas UMKM</a>
  704.            </li>
  705.            <li class="nav__subitem">
  706.                <a href="https://sorotumkm.kompas.com" class="nav__sublink nav__sublink--hot">Sorot UMKM</a>
  707.            </li>
  708.        </ul>
  709.    </li>
  710.    <li class="nav__item">
  711.        <a href="https://edukasi.kompas.com/?source=navbar"
  712.            class="nav__link nav__link--edukasi">Edukasi</a>
  713.        <ul class="nav__sub nav__sub--edukasi">
  714.            <li class="nav__subitem">
  715.                <a href="https://edukasi.kompas.com/sekolah" class="nav__sublink">Sekolah</a>
  716.            </li>
  717.            <li class="nav__subitem">
  718.                <a href="https://www.kompas.com/edu" class="nav__sublink">Edu News</a>
  719.            </li>
  720.            <li class="nav__subitem">
  721.                <a href="https://edukasi.kompas.com/perguruan-tinggi" class="nav__sublink">Perguruan Tinggi</a>
  722.            </li>
  723.            <li class="nav__subitem">
  724.                <a href="https://edukasi.kompas.com/pendidikan-khusus" class="nav__sublink">Pendidikan Khusus</a>
  725.            </li>
  726.            <li class="nav__subitem">
  727.                <a href="https://edukasi.kompas.com/beasiswa" class="nav__sublink">Beasiswa</a>
  728.            </li>
  729.            <li class="nav__subitem">
  730.                <a href="https://edukasi.kompas.com/literasi" class="nav__sublink">Literasi</a>
  731.            </li>
  732.            <li class="nav__subitem">
  733.                <a href="https://www.kompas.com/skola" class="nav__sublink nav__link--new">Skola</a>
  734.            </li>
  735.            <li class="nav__subitem">
  736.                <a href="https://kilaspendidikan.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Pendidikan</a>
  737.            </li>
  738.        </ul>
  739.    </li>
  740.    <li class="nav__item">
  741.        <a href="https://travel.kompas.com/?source=navbar" class="nav__link nav__link--travel">Travel</a>
  742.        <ul class="nav__sub nav__sub--travel">
  743.            <li class="nav__subitem">
  744.                <a href="https://travel.kompas.com/jalan-jalan" class="nav__sublink">Jalan Jalan</a>
  745.            </li>
  746.            <li class="nav__subitem">
  747.                <a href="https://travel.kompas.com/itinerary" class="nav__sublink">Itinerary</a>
  748.            </li>
  749.            <li class="nav__subitem">
  750.                <a href="https://travel.kompas.com/travel-tips" class="nav__sublink">Travel Tips</a>
  751.            </li>
  752.            <li class="nav__subitem">
  753.                <a href="https://travel.kompas.com/hotel-story" class="nav__sublink">Hotel Story</a>
  754.            </li>
  755.            <li class="nav__subitem">
  756.                <a href="https://travel.kompas.com/travel-update" class="nav__sublink">Travel Update</a>
  757.            </li>
  758.            <li class="nav__subitem">
  759.                <a href="https://travel.kompas.com/galeri" class="nav__sublink">Galeri</a>
  760.            </li>
  761.            <li class="nav__subitem">
  762.                <a href="https://superapps.kompas.com" class="nav__sublink nav__sublink--hot">Superapp</a>
  763.            </li>
  764.            <li class="nav__subitem">
  765.                <a href="https://parekraf.kompas.com" class="nav__sublink nav__sublink--hot">Parekraf</a>
  766.            </li>
  767.            <li class="nav__subitem">
  768.                <a href="https://realme9lights.kompas.com" class="nav__sublink nav__sublink--hot">Nawa Cahaya</a>
  769.            </li>
  770.            <li class="nav__subitem">
  771.                <a href="https://ohayojepang.kompas.com" class="nav__sublink">Ohayo Jepang</a>
  772.            </li>
  773.            <li class="nav__subitem">
  774.                <a href="https://travel.kompas.com/search" class="nav__sublink">Indeks</a>
  775.            </li>
  776.        </ul>
  777.    </li>
  778.    <li class="nav__item">
  779.        <a href="#" class="nav__link nav__link--lainnya"><span class="icoBase icoInline icoBurger" aria-label="Lainnya"
  780.                title="Lainnya"></span></a>
  781.        <ul class="nav__sub nav__sub--lainnya">
  782.            <li class="nav__subitem">
  783.                <a href="https://video.kompas.com?source=navbar" class="nav__sublink">Video</a>
  784.            </li>
  785.            <li class="nav__subitem">
  786.                <a href="https://www.kompas.com/parapuan?source=navbar" class="nav__sublink">Parapuan</a>
  787.            </li>
  788.            <li class="nav__subitem">
  789.                <a href="https://kolom.kompas.com/?source=navbar" class="nav__sublink">Kolom</a>
  790.            </li>
  791.            <li class="nav__subitem">
  792.                <a href="https://www.kompas.com/sains?source=navbar" class="nav__sublink">Sains</a>
  793.            </li>
  794.            <li class="nav__subitem">
  795.                <a href="https://jeo.kompas.com/?source=navbar" class="nav__sublink">JEO</a>
  796.            </li>
  797.            <li class="nav__subitem">
  798.                <a href="https://foto.kompas.com/photo?source=navbar" class="nav__sublink">Foto</a>
  799.            </li>
  800.            <li class="nav__subitem">
  801.                <a href="https://vik.kompas.com/?source=navbar" class="nav__sublink">VIK</a>
  802.            </li>
  803.            <li class="nav__subitem">
  804.                <a href="https://www.kompas.com/homey?source=navbar" class="nav__sublink">Homey</a>
  805.            </li>
  806.        </ul>
  807.    </li>
  808. </ul>
  809.  
  810. <ul id="lestariMenu" class="nav__sub nav__sub--lestari navSub">
  811.    <li class="navSub-col --col1">
  812.        <div class="navSub-label">KATEGORI PROGRAM</div>
  813.        <ul class="navSub-inner">
  814.                <li><a href="https://lestari.kompas.com/pemerintah">Pemerintah</a></li>
  815.                <li><a href="https://lestari.kompas.com/swasta">Swasta</a></li>
  816.                <li><a href="https://lestari.kompas.com/lsm-figur">LSM/Figur</a></li>
  817.                <li><a href="https://lestari.kompas.com/bumn">BUMN</a></li>                    
  818.        </ul>
  819.    </li>
  820.    <li class="navSub-col --col2">
  821.        <div class="navSub-subcol --subcol">
  822.            <div class="navSub-grup"><a href="https://lestari.kompas.com/category/kesehatan">Kesehatan</a></div>
  823.            <ul class="navSub-inner">
  824.                <li><a href="https://lestari.kompas.com/tujuan/kehidupan-sehat-dan-sejahtera">Kehidupan sehat dan sejahtera</a></li>
  825.                <li><a href="https://lestari.kompas.com/tujuan/air-bersih-dan-sanitasi-layak">Air bersih dan sanitasi layak</a></li>
  826.            </ul>
  827.            <div class="navSub-grup"><a href="https://lestari.kompas.com/category/pendidikan">Pendidikan</a></div>
  828.            <ul class="navSub-inner">
  829.                <li><a href="https://lestari.kompas.com/tujuan/pendidikan-berkualitas">Pendidikan Berkualitas</a></li>
  830.            </ul>
  831.            <div class="navSub-grup"><a href="https://lestari.kompas.com/category/lingkungan">Lingkungan</a></div>
  832.            <ul class="navSub-inner">
  833.                <li><a href="https://lestari.kompas.com/tujuan/energi-bersih-dan-terjangkau">Energi Bersih dan Terjangkau</a></li>
  834.                <li><a href="https://lestari.kompas.com/tujuan/penanganan-perubahan-iklim">Penanganan Perubahan Iklim</a></li>
  835.                <li><a href="https://lestari.kompas.com/tujuan/ekosistem-lautan">Ekosistem Lautan</a></li>
  836.                <li><a href="https://lestari.kompas.com/tujuan/ekosistem-daratan">Ekosistem Daratan</a></li>
  837.            </ul>
  838.        </div>
  839.        <div class="navSub-subcol --subcol">
  840.            <div class="navSub-grup"><a href="https://lestari.kompas.com/category/ekonomi-dan-umkm">Ekonomi dan UMKM</a></div>
  841.            <ul class="navSub-inner">
  842.                <li><a href="https://lestari.kompas.com/tujuan/tanpa-kemiskinan">Tanpa Kemiskinan</a></li>
  843.                <li><a href="https://lestari.kompas.com/tujuan/tanpa-kelaparan">Tanpa Kelaparan</a></li>
  844.                <li><a href="https://lestari.kompas.com/tujuan/kesetaraan-gender">Kesetaraan Gender</a></li>
  845.                <li><a href="https://lestari.kompas.com/tujuan/pekerjaan-layak-dan-pertumbuhan-ekonomi">Pekerjaan Layak dan Pertumbuhan ekonomi</a></li>
  846.                <li><a href="https://lestari.kompas.com/tujuan/industri-inovasi-dan-infrastruktur">Industri, Inovasi &amp; Infrastruktur</a></li>
  847.                <li><a href="https://lestari.kompas.com/tujuan/berkurangnya-kesenjangan">Berkurangnya Kesenjangan</a></li>
  848.                <li><a href="https://lestari.kompas.com/tujuan/kota-dan-pemukiman-yang-berkelanjutan">Kota &amp; Pemukiman yang Berkelanjutan</a></li>
  849.                <li><a href="https://lestari.kompas.com/tujuan/konsumsi-dan-produksi-yang-bertanggungjawab">Konsumsi &amp; Produksi yang bertanggungjawab</a></li>
  850.            </ul>
  851.        </div>
  852.    </li>
  853.    <li class="navSub-col --col3">
  854.        <div class="navSub-label">PROGRAM LESTARI</div>
  855.        <ul class="navSub-inner">
  856.            <li>
  857.                <a href="https://lestari.kompas.com/program/cantikpreneurship" class="navLestariProgram">
  858.                    <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jagoan-lokal.png" alt="Cantikpreneurship">
  859.                </a>
  860.            </li>
  861.            <li>
  862.                <a href="https://lestari.kompas.com/program/jernihkan-bumi" class="navLestariProgram">
  863.                    <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-bumi.png" alt="Jernihkan Bumi">
  864.                </a>
  865.            </li>
  866.            <li>
  867.                <a href="https://lestari.kompas.com/program/jernihkan-harapan" class="navLestariProgram">
  868.                    <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-harapan.png" alt="Jernihkan Harapan">
  869.                </a>
  870.            </li>
  871.            <li>
  872.                <a href="https://lestari.kompas.com/program/festival-ceban" class="navLestariProgram">
  873.                    <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-festival-ceban.png" alt="Festival Ceban">
  874.                </a>
  875.            </li>
  876.            <li>
  877.                <a href="https://lestari.kompas.com/program/jurnalisme-berkebangsaan" class="navLestariProgram">
  878.                    <img src="https://asset.kompas.com/data/2023/06/07/kompascom/desktop/lestari/images/logo_gate_jurnalisme.png" alt="Jurnalisme Berkebangsaan">
  879.                </a>
  880.            </li>
  881.            <li>
  882.                <a href="https://lestari.kompas.com/program/generasi-bangkit" class="navLestariProgram">
  883.                    <img src="https://asset.kompas.com/data/2023/06/22/kompascom/mobile/lestari/images/logo-generasibangkit.svg?v=1" alt="Generasi Bangkit">
  884.                </a>
  885.            </li>
  886.        </ul>
  887.        <a class="navSub-more" href="https://lestari.kompas.com/program">Lihat semua</a>
  888.    </li>
  889. </ul>
  890.  
  891.        </div>
  892.        <!-- share-->
  893.            </div>
  894. </div>
  895. <script src="https://asset.kompas.com/data/2023/11/03/darkmode/js/dark-mode.min.js"></script>
  896.  
  897.    
  898.    <!-- container-->
  899.    <div class="container clearfix">
  900.  
  901.        <!-- content-->
  902. <div class="row mt2 col-offset-fluid clearfix">
  903.  
  904.  <!-- title-->
  905.  <div class="p404__wrapper clearfix">
  906.    <h1 class="p404__bigtitle"><span>404</span>
  907.      <div class="p404__img"> <img src="https://asset.kompas.com/data/2017/wp/images/kompascom_404.png" alt=""></div>
  908.    </h1>
  909.    <h2 class="p404__teaser">Maaf kami tidak menemukan halaman yang Anda cari. </h2>
  910.  
  911.    <!-- content-->
  912.    <h2 class="p404__title"> <span>Kumpulan Berita yang Mungkin Anda Suka. </span></h2>
  913.  
  914.    <!-- content-->
  915.    <div class="p404__content col-offset-fluid clearfix">
  916.      <div class="col-bs10-5">
  917.        <div class="article__list clearfix">
  918.  <div class="article__list__asset clearfix">
  919.    <div class="article__asset"><img src="https://asset.kompas.com/crops/1ivDbQqsU3r4CdTlggolNz3IGog=/83x0:774x460/107x70/data/photo/2024/05/05/6637b3cd0d533.jpg"/></div>
  920.  </div>
  921.  <div class="article__list__title">
  922.    <h3 class="article__title"><a class="article__link" href="http://bola.kompas.com/read/2024/05/06/00251188/hasil-liverpool-vs-tottenham-api-salah-hujan-6-gol-the-reds-menang">Hasil Liverpool Vs Tottenham: Api Salah, Hujan 6 Gol, The Reds Menang</a></h3>
  923.  </div>
  924.  <div class="clearfix"></div>
  925. </div><div class="article__list clearfix">
  926.  <div class="article__list__asset clearfix">
  927.    <div class="article__asset"><img src="https://asset.kompas.com/crops/6oOUBcigf6XbF7lLkNWV-9p1ItY=/248x0:952x469/107x70/data/photo/2023/11/30/6567cb55a9914.jpg"/></div>
  928.  </div>
  929.  <div class="article__list__title">
  930.    <h3 class="article__title"><a class="article__link" href="http://bola.kompas.com/read/2024/05/06/00551408/hasil-milan-vs-genoa-3-3-ultras-aksi-bisu-rossoneri-tertahan">Hasil Milan Vs Genoa 3-3: Ultras Aksi Bisu, Rossoneri Tertahan</a></h3>
  931.  </div>
  932.  <div class="clearfix"></div>
  933. </div><div class="article__list clearfix">
  934.  <div class="article__list__asset clearfix">
  935.    <div class="article__asset"><img src="https://asset.kompas.com/crops/VVs204aoQUfTJ0ULxkhNx9bdwys=/0x0:5410x3607/107x70/data/photo/2024/01/10/659e0b3ce9483.jpg"/></div>
  936.  </div>
  937.  <div class="article__list__title">
  938.    <h3 class="article__title"><a class="article__link" href="http://tekno.kompas.com/read/2024/05/06/02000057/2-cara-bersih-bersih-folder-email-terkirim-di-gmail-">2 Cara Bersih-bersih Folder Email Terkirim di Gmail </a></h3>
  939.  </div>
  940.  <div class="clearfix"></div>
  941. </div><div class="article__list clearfix">
  942.  <div class="article__list__asset clearfix">
  943.    <div class="article__asset"><img src="https://asset.kompas.com/crops/ef5mwASt-CSFTrTsS1du53s03hw=/0x0:1000x667/107x70/data/photo/2018/10/24/805830154.jpg"/></div>
  944.  </div>
  945.  <div class="article__list__title">
  946.    <h3 class="article__title"><a class="article__link" href="http://nasional.kompas.com/read/2024/05/06/00000021/tanggal-8-mei-2024-memperingati-hari-apa-">Tanggal 8 Mei 2024 Memperingati Hari Apa?</a></h3>
  947.  </div>
  948.  <div class="clearfix"></div>
  949. </div><div class="article__list clearfix">
  950.  <div class="article__list__asset clearfix">
  951.    <div class="article__asset"><img src="https://asset.kompas.com/crops/401w-Sd-bGaSY5BhIuFfpOJxwV4=/20x0:596x384/107x70/data/photo/2023/10/20/6531f79bd4259.jpeg"/></div>
  952.  </div>
  953.  <div class="article__list__title">
  954.    <h3 class="article__title"><a class="article__link" href="http://tekno.kompas.com/read/2024/05/06/03000067/trik-buat-bingkai-halaman-di-google-docs-pakai-fitur-tabel-">Trik Buat Bingkai Halaman di Google Docs Pakai Fitur Tabel </a></h3>
  955.  </div>
  956.  <div class="clearfix"></div>
  957. </div></div><div class="col-bs10-5">      </div>
  958.    </div>
  959.  </div>
  960. </div>
  961.    </div>
  962.  
  963.    <!-- footer-->
  964.    <div id="sso_g_signin">
  965. </div>
  966. <!-- footer -->
  967. <div class="footerMain clearfix">
  968.    <div class="container">
  969.  
  970.        <div class="footerWrap">
  971.            <div class="footerCol-column">
  972.  
  973.                <div class="footerLogo">
  974.                    <a href="https://www.kompas.com">
  975.                        <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">
  976.                    </a>
  977.                </div>
  978.  
  979.                <div class="footerSosmed">
  980.                    <ul class="footerSosmed-wrap">
  981.                        <li>
  982.                            <a href="http://www.facebook.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Facebook">
  983.                                <div class="iconSos iconSos-facebook"></div>
  984.                            </a>
  985.                        </li>
  986.                        <li>
  987.                            <a href="http://www.twitter.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="X">
  988.                                <div class="iconSos iconSos-x"></div>
  989.                            </a>
  990.                        </li>
  991.                        <li>
  992.                            <a href="https://t.me/kompascomupdate" target="_blank" class="footerSosmed-link" aria-label="Telegram">
  993.                                <div class="iconSos iconSos-telegram"></div>
  994.                            </a>
  995.                        </li>
  996.                        <li>
  997.                            <a href="http://instagram.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Instagram">
  998.                                <div class="iconSos iconSos-instagram"></div>
  999.                            </a>
  1000.                        </li>
  1001.                    </ul>
  1002.                    <ul class="footerSosmed-wrap">
  1003.                        <li>
  1004.                            <a href="https://www.youtube.com/c/mykompascom" target="_blank" class="footerSosmed-link" aria-label="Youtube">
  1005.                                <div class="iconSos iconSos-youtube"></div>
  1006.                            </a>
  1007.                        </li>
  1008.                        <li>
  1009.                            <a href="https://kmp.im/AGFeTy" target="_blank" class="footerSosmed-link" aria-label="Whatsapp">
  1010.                                <div class="iconSos iconSos-whatsapp"></div>
  1011.                            </a>
  1012.                        </li>
  1013.                        <li>
  1014.                            <a href="https://line.me/ti/p/@kompas.com" target="_blank" class="footerSosmed-link" aria-label="Line">
  1015.                                <div class="iconSos iconSos-line"></div>
  1016.                            </a>
  1017.                        </li>
  1018.                        <li>
  1019.                            <a href="https://www.tiktok.com/@kompascom?lang=en" target="_blank" class="footerSosmed-link" aria-label="Tiktok">
  1020.                                <div class="iconSos iconSos-tiktok"></div>
  1021.                            </a>
  1022.                        </li>
  1023.                    </ul>
  1024.                </div>
  1025.  
  1026.                <div class="footerDownload">
  1027.                    <ul class="footerDownload-wrap">
  1028.                        <li>
  1029.                            <a href="https://apps.apple.com/id/app/kompas-com-berita-terpercaya/id535483055" target="_blank">
  1030.                                <div class="footerDownload-store">
  1031.                                    <img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-appstore.png" alt="apple store">
  1032.                                </div>
  1033.                            </a>
  1034.                        </li>
  1035.                        <li>
  1036.                            <a href="https://play.google.com/store/apps/details?id=com.ertanto.kompas.official&hl=en&gl=US" target="_blank">
  1037.                                <div class="footerDownload-store">
  1038.                                    <img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-playstore.png" alt="google store">
  1039.                                </div>
  1040.                            </a>
  1041.                        </li>
  1042.                    </ul>
  1043.                </div>
  1044.  
  1045.                <div class="footerAchievement">
  1046.                    <div class="footerAchievement-title">
  1047.                        Penghargaan dan sertifikat:
  1048.                    </div>
  1049.                    <div class="footerAchievement-wrap">
  1050.                        <div class="footerAchievement-item">
  1051.                            <a href="#" class="footerAchievement-link">
  1052.                                <div class="footerAchievement-img">
  1053.                                    <img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-wowbrands-2019.png"
  1054.                                        alt="WOW Brand Indonesia 2019"
  1055.                                        title="WOW Brand Indonesia 2019">
  1056.                                </div>
  1057.                            </a>
  1058.                        </div>
  1059.                        <div class="footerAchievement-item">
  1060.                            <div class="footerAchievement-link">
  1061.                                <a href="https://money.kompas.com/read/2019/08/01/124215826/kompascom-kembali-jadi-pemenang-kategori-media-online-tepercaya" class="footerAchievement-link">
  1062.                                    <div class="footerAchievement-img">
  1063.                                        <img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-superbrands-2019.png"
  1064.                                        alt="Superbrand Indonesia 2019 - Trusted Online News"
  1065.                                        title="Superbrands Indonesia 2019">
  1066.                                    </div>
  1067.                                </a>
  1068.                            </div>
  1069.                        </div>
  1070.                        <div class="footerAchievement-item">
  1071.                            <a href="https://nasional.kompas.com/read/2018/10/17/08133311/kompascom-tersertifikasi-dalam-jaringan-internasional-penguji-informasi" class="footerAchievement-link">
  1072.                                <div class="footerAchievement-img">
  1073.                                    <img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-ifcn-small.png"
  1074.                                        alt="International Fact-Checking Network"
  1075.                                        title="International Fact-Checking Network">
  1076.                                </div>
  1077.                            </a>
  1078.                        </div>
  1079.                    </div>
  1080.                </div>
  1081.  
  1082.                <div class="footerNewsletter">
  1083.                    <div class="footerNewsletter-title">
  1084.                        Dapatkan informasi dan insight pilihan redaksi Kompas.com
  1085.                    </div>
  1086.  
  1087.                    <div class="footerNewsletter-cta">
  1088.                        <a href="javascript:void(0)" onclick="nwsLetterSubmit()" class="footerNewsletter-link">
  1089.                            <i class="iconNewsletter"></i> Daftarkan Email
  1090.                        </a>
  1091.                    </div>
  1092.                </div>
  1093.  
  1094.            </div>
  1095.            <div class="footerCol-nav">
  1096.                <div class="footerMenu-title">Kanal</div>
  1097.  
  1098.                <div class="footerMenu">
  1099.                    <ul class="footerMenu-wrap">
  1100.                        <li><a href="https://news.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">News</a></li>
  1101.                        <li><a href="https://nasional.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Nasional</a></li>
  1102.                        <li><a href="https://www.kompas.com/global?source=kompascom&medium=footer" class="footerMenu-link">Global</a></li>
  1103.                        <li><a href="https://megapolitan.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Megapolitan</a></li>
  1104.                        <li><a href="https://regional.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Regional</a></li>
  1105.                        <li><a href="https://pemilu.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link">Pemilu</a></li>
  1106.                        <!-- <li><a href="https://www.kompas.com/ramadhan/?source=kompascom&medium=footer" class="footerMenu-link --linknew">Ramadhan</a></li> -->
  1107.                        <li><a href="https://ikn.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link --linknew">IKN</a></li>
  1108.                        <li><a href="https://bola.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Bola</a></li>
  1109.                        <li><a href="https://tekno.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Tekno</a></li>
  1110.                        <li><a href="https://otomotif.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Otomotif</a></li>
  1111.                        <li><a href="https://entertainment.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Entertainment</a></li>
  1112.                        <li><a href="https://sains.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Sains</a></li>
  1113.                        <li><a href="https://health.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Health</a></li>
  1114.                        <li><a href="https://money.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Money</a></li>
  1115.                        <li><a href="https://www.kompas.com/tren?source=kompascom&medium=footer" class="footerMenu-link">Tren</a></li>
  1116.                        <li><a href="https://properti.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Properti</a></li>
  1117.                        <li><a href="https://lifestyle.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Lifestyle</a></li>
  1118.                        <li><a href="https://www.kompas.com/hype?source=kompascom&medium=footer" class="footerMenu-link">Hype</a></li>
  1119.                        <li><a href="https://travel.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Travel</a></li>
  1120.                        <li><a href="https://www.kompas.com/homey?source=kompascom&medium=footer" class="footerMenu-link">Homey</a></li>
  1121.                        <li><a href="https://www.kompas.com/food?source=kompascom&medium=footer" class="footerMenu-link">Food</a></li>
  1122.                        <li><a href="https://umkm.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">UMKM</a></li>
  1123.                        <li><a href="https://edukasi.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Edukasi</a></li>
  1124.                        <li><a href="https://www.kompas.com/parapuan?source=kompascom&medium=footer" class="footerMenu-link">Parapuan</a></li>
  1125.                        <li><a href="https://foto.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Foto</a></li>
  1126.                        <li><a href="https://video.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Video</a></li>
  1127.                        <li><a href="https://kolom.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Kolom</a></li>
  1128.                        <li><a href="https://vik.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">VIK</a></li>
  1129.                        <li><a href="https://jeo.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">JEO</a></li>
  1130.                        <li><a href="https://lestari.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Lestari</a></li>
  1131.                        <li><a href="https://ohayojepang.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Ohayo Jepang</a></li>
  1132.                        <li><a href="https://pesonaindonesia.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Pesona Indonesia</a></li>
  1133.                        <li><a href="https://play.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Play</a></li>
  1134.                        <li><a href="https://indeks.kompas.com/terpopuler?source=kompascom&medium=footer" class="footerMenu-link">Artikel Terpopuler</a></li>
  1135.                        <li><a href="https://indeks.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Artikel Terkini</a></li>
  1136.                        <li><a href="https://www.kompas.com/topik-pilihan?source=kompascom&medium=footer" class="footerMenu-link">Topik Pilihan</a></li>
  1137.                        <li><a href="https://indeks.kompas.com/headline?source=kompascom&medium=footer" class="footerMenu-link">Artikel Headline</a></li>
  1138.                    </ul>
  1139.                </div>
  1140.            </div>
  1141.            <div class="footerCol-nav --colNetwork">
  1142.                <div class="footerMenu-title">Network</div>
  1143.                
  1144.                <div class="footerMenu">
  1145.                    <ul class="footerMenu-wrap">
  1146.                        <li><a href="http://kompas.id?source=kompascom&medium=footer" class="footerMenu-link">Harian KOMPAS</a></li>
  1147.                        <li><a href="http://www.kompas.tv?source=kompascom&medium=footer" class="footerMenu-link">KompasTV</a></li>
  1148.                        <li><a href="http://www.sonora.id?source=kompascom&medium=footer" class="footerMenu-link">Sonora.id</a></li>
  1149.                        <li><a href="http://www.kompasiana.com?source=kompascom&medium=footer" class="footerMenu-link">Kompasiana.com</a></li>
  1150.                        <li><a href="http://pasangiklan.com?source=kompascom&medium=footer" class="footerMenu-link">Pasangiklan.com</a></li>
  1151.                        <li><a href="https://www.gramedia.com?source=kompascom&medium=footer" class="footerMenu-link">Gramedia.com</a></li>
  1152.                        <li><a href="https://ebooks.gramedia.com?source=kompascom&medium=footer" class="footerMenu-link">Gramedia Digital</a></li>
  1153.                        <li><a href="http://www.gridoto.com?source=kompascom&medium=footer" class="footerMenu-link">Gridoto.com</a></li>
  1154.                        <li><a href="http://www.bolasport.com?source=kompascom&medium=footer" class="footerMenu-link">Bolasport.com</a></li>
  1155.                        <li><a href="http://www.grid.id?source=kompascom&medium=footer" class="footerMenu-link">Grid.id</a></li>
  1156.                        <li><a href="http://www.kontan.co.id?source=kompascom&medium=footer" class="footerMenu-link">Kontan.co.id</a></li>
  1157.                        <li><a href="https://www.kgmedia.id?source=kompascom&medium=footer" class="footerMenu-link">KGMedia.id</a></li>
  1158.                        <li><a href="https://www.kgnow.com?source=kompascom&medium=footer" class="footerMenu-link">KGNow.com</a></li>
  1159.                    </ul>
  1160.                </div>
  1161.            </div>
  1162.        </div>
  1163.  
  1164.  
  1165.        <div class="footerBottom">
  1166.            <div class="footerBottom-wrap">
  1167.                <ul class="footerBottom-menu">
  1168.                    <li>
  1169.                        <a class="footerMenu-link" href="https://indeks.kompas.com/topik-pilihan/list/3361/kabar.palmerah">Kabar Palmerah</a>
  1170.                    </li>
  1171.                    <li>
  1172.                        <a class="footerMenu-link" href="https://inside.kompas.com/about-us">About Us</a>
  1173.                    </li>
  1174.                    <li>
  1175.                        <a class="footerMenu-link" href="http://www.meetkcm.com/">Advertise</a>
  1176.                    </li>
  1177.                    <li>
  1178.                        <a class="footerMenu-link" href="https://www.kgmedia.id/legal-privacy-id">Kebijakan Data Pribadi</a>
  1179.                    </li>
  1180.                    <li>
  1181.                        <a class="footerMenu-link" href="https://inside.kompas.com/pedoman">Pedoman Media Siber</a>
  1182.                    </li>
  1183.                    <li>
  1184.                        <a class="footerMenu-link" href="https://jobs.kompas.com">Career</a>
  1185.                    </li>
  1186.                    <li>
  1187.                        <a class="footerMenu-link" href="https://inside.kompas.com/about-us#meet">Contact Us</a>
  1188.                    </li>
  1189.                </ul>
  1190.            </div>
  1191.            <div class="footerCopyright">
  1192.                <p>Copyright 2008 - 2023 PT. Kompas Cyber Media (Kompas Gramedia Digital Group). All Rights Reserved.</p>
  1193.            </div>
  1194.        </div>
  1195.    </div>
  1196. </div>
  1197.  
  1198. </div>
  1199.  
  1200. <script type="text/javascript">
  1201. function getCookieNwsLetter(name) {
  1202.    var re = new RegExp(name + "=([^;]+)");
  1203.    var value = re.exec(document.cookie);
  1204.    return (value != null) ? unescape(value[1]) : null;
  1205. }
  1206.  
  1207. function nwsLetterSubmit() {
  1208.    var token = getCookieNwsLetter("kmp_uid");
  1209.    if (token !== null) {
  1210.        window.location.href = "https://www.kompas.com/newsletter/pendaftaran-berhasil";
  1211.    } else {
  1212.        window.location.href =
  1213.            'https://account.kompas.com/login/a29tcGFz/aHR0cHM6Ly93d3cua29tcGFzLmNvbS9uZXdzbGV0dGVyL3BlbmRhZnRhcmFuLWJlcmhhc2ls?source=kompas.com&medium=gatenewsletter';
  1214.    }
  1215. }
  1216. </script>    
  1217.  <script src="https://asset.kompas.com/data/2024/03/04/wp/js/sso_g_signin.min.js"></script>
  1218.  
  1219.  
  1220. <!-- <script src="https://asset.kompas.com/data/2017/wp/js/radio-stream.js"></script> -->
  1221. <script src="https://asset.kompas.com/data/2017/wp/js/slick.min.js"></script>
  1222. <script src="https://asset.kompas.com/data/2017/wp/js/jquery.sticky-kit.min.js"></script>
  1223. <script src="https://asset.kompas.com/data/2017/wp/js/jquery.marquee.min.js?v=11"></script>
  1224. <script src="https://asset.kompas.com/data/2017/wp/js/jquery.lazyload.min.js"></script>
  1225. <script src="https://asset.kompas.com/data/2024/02/22/kompascom/desktop/css/main.min.js"></script>
  1226.  
  1227. <script src="https://asset.kompas.com/data/2024/02/27/sso/js/sso_personalisasi.min.js"></script>
  1228. <script type="text/javascript" src="https://asset.kompas.com/data/2023/sso/js/sdk-cookie-consent-v2.js"></script>
  1229. <script src="https://asset.kompas.com/data/2023/08/30/sso/js/extender.min.js"></script>
  1230. <script src="https://asset.kompas.com/data/2022/sso/js/ssouser.min.js?v=2"></script>
  1231.  
  1232. <script src="https://asset.kompas.com/data/2017/wp/js/main-photo-article.min.js?v=6"></script>
  1233.  
  1234.  
  1235. <script src="https://asset.kompas.com/data/2017/wp/js/jquery.magnific-popup.min.js"></script>
  1236.  
  1237. <script src="https://asset.kompas.com/data/2023/09/20/kompascom/desktop/js/main-comment.min.js"></script>
  1238.  
  1239. <script>
  1240.    !(function () {
  1241.        var time = new Date().getTime();
  1242.    
  1243.        $(document.body).bind('mousemove keypress', function(e) {
  1244.            time = new Date().getTime();
  1245.        });
  1246.    
  1247.        function refresh() {
  1248.            if (new Date().getTime() - time >= 900000) { // 15 Menit
  1249.                window.location.reload(true);
  1250.            } else {
  1251.                setTimeout(refresh, 10000);
  1252.            }
  1253.        }
  1254.        setTimeout(refresh, 10000);
  1255.    })();
  1256. </script>
  1257.  
  1258. <script defer type="text/javascript" src="https://www.gstatic.com/firebasejs/7.23.0/firebase-app.js"></script>
  1259. <script defer type="text/javascript" src="https://www.gstatic.com/firebasejs/7.23.0/firebase-messaging.js"></script>
  1260. <script defer type="text/javascript" src="https://asset.kompas.com/kgnotif/2024/03/14/kompascom.js"></script>
  1261. <script defer type="text/javascript" src="https://asset.kompas.com/kgnotif/2022/10/05/unregissw.js"></script><script>
  1262. function setCookieUkid(cname, cvalue, exdays) {
  1263.  var d = new Date();
  1264.  d.setTime(d.getTime() + (exdays*24*60*60*1000));
  1265.  var expires = "expires="+ d.toUTCString();
  1266.  document.cookie = cname + "=" + cvalue + ";" + expires + ";domain=.kompas.com;path=/;";
  1267. }
  1268. if(document.cookie.indexOf('ukid=') == -1){
  1269.  var xhttp = new XMLHttpRequest();
  1270.  xhttp.onreadystatechange = function() {
  1271.      if (this.readyState == 4 && this.status == 200) {
  1272.          var ukid_cookie = JSON.parse(xhttp.responseText);
  1273.          setCookieUkid('ukid', ukid_cookie.ukid, 365);
  1274.      }
  1275.  };
  1276.  xhttp.open("GET", "https://apis.kompas.com/api/activity/user", true);
  1277.  xhttp.send();
  1278. }
  1279. </script><script>
  1280. /*! lozad.js - v1.7.0 - 2018-11-08
  1281. * https://github.com/ApoorvSaxena/lozad.js
  1282. * Copyright (c) 2018 Apoorv Saxena; Licensed MIT */
  1283. !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(){}};
  1284. /**
  1285.   * Detect IE browser
  1286.   * @const {boolean}
  1287.   * @private
  1288.   */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}}});
  1289. </script>
  1290.  
  1291. <script type="text/javascript">
  1292.    // Initialize library
  1293.    $(document).ready(function(){
  1294.        lozad('.lozad', {
  1295.            load: function(el) {
  1296.                el.src = el.dataset.src;
  1297.                el.onload = function() {
  1298.                    el.classList.add('fade')
  1299.                }
  1300.            }
  1301.        }).observe()
  1302.    });
  1303. </script>
  1304.  <script src="https://asset.kompas.com/data/2023/11/24/kgmverify/kgmverify.min.js"></script>
  1305. <script async>
  1306.    const handlePopup = {
  1307.        __kgmverify: ("; "+document.cookie).split("; __kgmverify=").pop().split(";").shift(),
  1308.        consentMode: localStorage.getItem("consentMode"),
  1309.        init: function() {
  1310.            let showKgmVerify = true;
  1311.            const listPopupElement = [
  1312.                '#kgmModal-cookie', '.popup-kcmplus', 'body.-restricted'
  1313.            ];
  1314.  
  1315.            for (let i = 0; i < listPopupElement.length; i++) {
  1316.                const popup = document.querySelector(`${listPopupElement[i]}`);
  1317.  
  1318.                if (listPopupElement[i] == '#kgmModal-cookie') {
  1319.                    if (!!popup && this.consentMode == null) {
  1320.                        showKgmVerify = false;
  1321.                        break;
  1322.                    }
  1323.  
  1324.                } else if (listPopupElement[i] == '.popup-kcmplus') {
  1325.                    if (this.__kgmverify) {
  1326.                        this.__kgmverify = JSON.parse(atob(this.__kgmverify));
  1327.                        let show = this.__kgmverify.show;
  1328.                        let currentTime = new Date();
  1329.                            
  1330.                        if (typeof show !== "undefined") {
  1331.                            const showTime = new Date(show);
  1332.                            if (showTime.getTime() > currentTime.getTime()) {
  1333.                                this.popupKompasPlus();
  1334.                                showKgmVerify = false;
  1335.                                break;
  1336.                            }
  1337.                        }else{
  1338.                            this.popupKompasPlus();
  1339.                            showKgmVerify = false;
  1340.                            break;
  1341.                        }
  1342.                    }
  1343.  
  1344.                } else if (listPopupElement[i] == 'body.-restricted' && !!popup) {
  1345.                    showKgmVerify = false;
  1346.                    break;
  1347.                }
  1348.            }
  1349.            
  1350.            if (showKgmVerify) {
  1351.                KgmVerifyWidget({publisher: "kompascom"});
  1352.            }
  1353.        },
  1354.        popupKompasPlus: function() {
  1355.            const params = new URLSearchParams(window.location.search)
  1356.  
  1357.            // if (params.has('l') && params.get('l') == 'c' && getCookieKcmPlus('kcmplus_cookies') == 1) {
  1358.            //     deleteCookieKcmPlus('kcmplus_cookies', '/', '.kompas.com');
  1359.            // }
  1360.  
  1361.            if (getCookieKcmPlus('kmps_usrid') &&
  1362.                getCookieKcmPlus('kcmplus_cookies') == '' &&
  1363.                params.has('lgn_method') && params.get('lgn_method') != '') {
  1364.  
  1365.                showPopupKcmPlus();
  1366.  
  1367.                const icoClosePopup = document.querySelector('.icoClosePopup');
  1368.                const kcmplusImg = document.querySelector('.popup-kcmplusImg');
  1369.  
  1370.                icoClosePopup.addEventListener('click', function(event) {
  1371.                    setCookieKcmPlus("kcmplus_cookies", 1, "");
  1372.                });
  1373.  
  1374.                kcmplusImg.addEventListener('click', function(event) {
  1375.                    setCookieKcmPlus("kcmplus_cookies", 1, "");
  1376.                });
  1377.            }
  1378.        }
  1379.    }
  1380.    handlePopup.init()
  1381. </script>
  1382. <div class="modalContent reactionModal" data-modal-target="reaction-share">
  1383.    <div class="modalHeader">
  1384.        <div class="modalTitle"></div>
  1385.        <button class="button buttonDismiss modalDismiss" aria-label="Close" data-modal-button="dismiss">
  1386.            <span class="icoBase icoDismiss"></span>
  1387.        </button>
  1388.    </div>
  1389.    <div class="modalBody socmedModal">
  1390.        <div class="socmedTitle">Bagikan artikel ini melalui</div>
  1391.        <div class="socmedList">
  1392.            <a href="javascript:void(0);" class="button buttonFacebook socmedButton" role="button" aria-label="Share to Facebook">
  1393.                <span class="icoSocmed icoFacebook"></span>
  1394.                <span class="socmedTxt">Facebook</span>
  1395.            </a>
  1396.            <a href="javascript:void(0);" class="button buttonTwitter socmedButton" role="button" aria-label="Share to Twitter">
  1397.                <span class="icoSocmed icoTwitter"></span>
  1398.                <span class="socmedTxt">X</span>
  1399.            </a>
  1400.            <a href="javascript:void(0);" class="button buttonWhatsapp socmedButton" role="button" aria-label="Share to Whatsapp">
  1401.                <span class="icoSocmed icoWhatsapp"></span>
  1402.                <span class="socmedTxt">Whatsapp</span>
  1403.            </a>
  1404.            <a target="_blank" href="javascript:void(0);" class="button buttonLine socmedButton" role="button" aria-label="Share to Line">
  1405.                <span class="icoSocmed icoLine"></span>
  1406.                <span class="socmedTxt">Line</span>
  1407.            </a>
  1408.            <a href="javascript:void(0);" class="button buttonTelegram socmedButton" role="button" aria-label="Share to Telegram">
  1409.                <span class="icoSocmed icoTelegram"></span>
  1410.                <span class="socmedTxt">Telegram</span>
  1411.            </a>
  1412.            <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">
  1413.                <span class="icoSocmed icoCopyLink"></span>
  1414.                <span class="socmedTxt">Copy Link</span>
  1415.            </a>
  1416.        </div>
  1417.        <textarea class="socmedSrc" type="text" id="copyLinkUrl" value="" style="display: none;"></textarea>
  1418.    </div>
  1419. </div>
  1420.  
  1421. <script>
  1422.    (function() {
  1423.        $('body').on('click', '.reaction > * .buttonShare, .listPop > * .buttonShare', function(e) {
  1424.  
  1425.            if($(this).data("type")=='buku'){
  1426.                let title = $(this).data("title");
  1427.                let url = $(this).data("url").replace('http://', 'https://');
  1428.                let copy_link = url;
  1429.                let modals = $('.reactionModal');
  1430.                modals.find('.modalTitle').html(title);
  1431.                modals.find('#copyLinkUrl').html(copy_link);
  1432.                modals.find('.socmedTitle').html('Bagikan buku ini melalui');
  1433.                modals.find('.buttonFacebook').attr("onclick", `fb_share('${title}','${url}')`);
  1434.                modals.find('.buttonTwitter').attr("onclick", `tweet_share('${url}')`);
  1435.                modals.find('.buttonWhatsapp').attr("onclick", `whatsapp_share_new('', '${url}')`);
  1436.                modals.find('.buttonLine').attr("href", `https://line.me/R/msg/text/?${url}`);
  1437.                modals.find('.buttonTelegram').attr("onclick", `telegram_share('${title}', '${url}')`);
  1438.            }else{
  1439.                let title = $(this).data("title");
  1440.                let url = $(this).data("url").replace('http://', 'https://');
  1441.                let campaign = $(this).data("campaign");
  1442.                let modals = $('.reactionModal');
  1443.                let tagline_wa = '\\n\\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus3 \\nDownload aplikasi: https://kmp.im/app3';
  1444.                let tagline_tw = '\\n\\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus2 \\nDownload aplikasi: https://kmp.im/app2';
  1445.                let type = $(this).data("type") ? $(this).data("type") : 'article';
  1446.                let title_klik = (type == 'article') ? 'Klik untuk baca' : 'Klik untuk lihat video';
  1447.                let title_wa = '*'+title+'*\\n\\n'+title_klik+':\\n';
  1448.                let title_tele = '**'+title+'**';
  1449.                let utm_campaign = custom_utm_campaign();
  1450.                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';
  1451.                modals.find('.modalTitle').html(title);
  1452.                modals.find('#copyLinkUrl').html(copy_link);
  1453.                modals.find('.buttonFacebook').attr("onclick", `fb_share('${title}','${url}?utm_source=Facebook&utm_medium=Referral&utm_campaign=${utm_campaign}')`);
  1454.                if(title.length < 200){
  1455.                    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}')`);
  1456.                }else{
  1457.                    modals.find('.buttonTwitter').attr("onclick", `tweet_share('${title}\\n\\n`+title_klik+`: ${url}?utm_source=Twitter&utm_medium=Referral&utm_campaign=${utm_campaign}')`);
  1458.                }
  1459.                modals.find('.buttonWhatsapp').attr("onclick", `whatsapp_share_new('${title_wa}', '${url}?utm_source=Whatsapp&utm_medium=Referral&utm_campaign=${utm_campaign}${tagline_wa}')`);
  1460.                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`);
  1461.                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')`);
  1462.            }
  1463.  
  1464.            openModal('reaction-share');
  1465.        });
  1466.    })();
  1467.  
  1468.    function custom_utm_campaign() {
  1469.        
  1470.        
  1471.        if (window.location.hostname.indexOf('activity') == 0) {
  1472.            if (window.location.pathname == '/saved') {
  1473.                return 'Saved_Desktop'
  1474.            } else if (window.location.pathname == '/like') {
  1475.                return 'Liked_Desktop'
  1476.            }
  1477.        } else {
  1478.            var el_socmedList = document.querySelector('.socmedList');
  1479.            if (!!el_socmedList) {
  1480.                var data_area = el_socmedList.getAttribute('data-area');
  1481.                if (data_area == 'top') {
  1482.                    return 'Top_Desktop'
  1483.                } else if (data_area == 'bottom') {
  1484.                    return 'Bottom_Desktop'
  1485.                } else {
  1486.                    return 'AIML_Widget_Desktop'
  1487.                }
  1488.            }
  1489.        }
  1490.  
  1491.        return 'Sticky_Desktop'
  1492.    }
  1493. </script><!-- reaction toast -->
  1494. <div class="toast" data-toast="bottom">
  1495.    <div class="toastContent"></div>
  1496.    <a href="#" class="button buttonDismiss toastDismiss" aria-label="Dismiss" role="button" data-toast-button="dismiss">Oke</a>
  1497. </div>
  1498. <script>    
  1499. var el_badge = document.querySelector('.sso__badge')
  1500. var el_badge_menu = document.querySelector('.sso__badge__inline')
  1501.  
  1502. function checkSession() {
  1503.    var badge_temp_session = getCookie("_badge_temp_session")
  1504.    var badge_session = getCookie("badge_session")
  1505.    var badge_first_click = getCookie("badge_first_click");
  1506.  
  1507.    if (badge_temp_session == "" && badge_session == "")  {
  1508.        setCookie("_badge_temp_session", 1)
  1509.        setCookie("badge_session", 1, 8760)
  1510.        // console.log("test badge temp 1")
  1511.    } else if (badge_temp_session == "" && badge_session == 1) {
  1512.        setCookie("_badge_temp_session", 1)
  1513.        setCookie("badge_session", 2, 8760)
  1514.        // console.log("test badge temp 2")
  1515.    } else if (badge_temp_session == "" && badge_session == 2 && badge_first_click == 1) {
  1516.        setCookie("_badge_temp_session", 1)
  1517.        setCookie("badge_session", 3, 8760)
  1518.        // console.log("test badge temp 3")
  1519.    }
  1520.  
  1521.    setCookie("_badge_temp_session", 1)
  1522. }
  1523. checkSession()
  1524.  
  1525. function checkCookieBadgeNps() {
  1526.    var badge_session = getCookie("badge_session")
  1527.    var badge_first_click = getCookie("badge_first_click")
  1528.    var click_icon_badge = getCookie("click_icon_badge")
  1529.    var feedback_click = getCookie("feedback_click_badge")
  1530.    
  1531.    // show badge jika sesi berikutnya  
  1532.    if (badge_session == 2) {
  1533.        el_badge.style.display = "block"
  1534.        el_badge_menu.style.display = "block"
  1535.        // console.log("test 1")    
  1536.    }
  1537.  
  1538.    // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali, maka hide badge icon login
  1539.    if (badge_session == 2 && badge_first_click == 1) {
  1540.        el_badge.style.display = "none"
  1541.        // console.log("test 2")  
  1542.        
  1543.    // jika tidak cek,
  1544.    // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali
  1545.    // atau jika di sesi berikutnya dan cookie click icon badge expired
  1546.    // atau jika di sesi berikutnya dan cookie badge feedback success expired
  1547.    } 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)) {
  1548.        el_badge.style.display = "block"
  1549.        el_badge_menu.style.display = "block"
  1550.        // console.log("test 3")
  1551.    }
  1552.  
  1553.    // hide jika ada cookie click icon badge masih aktif
  1554.    // utk cek cookie 2 jam, 1 hari, 1 minggu dan 4 minggu.
  1555.    if (document.cookie.indexOf("click_icon_badge=") != -1) {
  1556.        el_badge.style.display = "none"
  1557.        // console.log("test 4")
  1558.    }
  1559.  
  1560.    // jika "Berikan masukkanmu" telah dikilk, maka hide
  1561.    // jika tidak cek jika sesi > 1 dan cookie feedback click badge "Berikan masukkanmu" expired, maka show
  1562.    if (document.cookie.indexOf("feedback_click_badge=") != -1) {
  1563.        el_badge_menu.style.display = "none"
  1564.        // console.log("test 5")
  1565.    } else if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge=") == -1) {
  1566.        el_badge_menu.style.display = "block"
  1567.        // console.log("test 6")
  1568.    }
  1569.  
  1570.    // hide jika telah memberi penilaian
  1571.    if (document.cookie.indexOf("badge_feedback_success=") != -1) {
  1572.        el_badge.style.display = "none"
  1573.        el_badge_menu.style.display = "none"
  1574.        // console.log("test 7")
  1575.    }
  1576. }
  1577. checkCookieBadgeNps()
  1578.  
  1579. var sso__icon__login_top = document.getElementById('sso__icon__login_top')
  1580. sso__icon__login_top.addEventListener('click', function() {
  1581.    var badge_session = getCookie("badge_session")
  1582.    var badge_first_click = getCookie("badge_first_click")
  1583.    var feedback_success = getCookie("badge_feedback_success")
  1584.    var click_icon_badge = getCookie("click_icon_badge")
  1585.    var click_icon_counter_badge = getCookie("click_icon_counter_badge")
  1586.  
  1587.    if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) {
  1588.        // click untuk pertama kali di sesi berikutnya
  1589.        if (badge_session == 2 && badge_first_click == "") {
  1590.            el_badge.style.display = "none"
  1591.            el_badge_menu.style.display = "block"
  1592.            setCookie("badge_first_click", 1, 8760)
  1593.            // console.log("click 1")
  1594.  
  1595.        // click jika sesi berikutnya setelah mengklik icon badge utk pertama kali    
  1596.        } else {
  1597.            // jika belum ada cookie click icon badge
  1598.            // dan ada di sesi berikutnya setelah click icon pertama kali
  1599.            // dan counter click icon kosong atau 0
  1600.            if (badge_session == 3 && click_icon_badge == "" && (click_icon_counter_badge == "" || click_icon_counter_badge == 0)) {
  1601.                setCookie("click_icon_counter_badge", 1, 8760)
  1602.                setCookie("click_icon_badge", 1, 2)
  1603.                el_badge.style.display = "none"
  1604.                el_badge_menu.style.display = "block"
  1605.                // console.log("clicked 1")
  1606.  
  1607.            // Jika cookie badge click icon expired dan counter = 1, maka set 1 hari
  1608.            } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 1) {
  1609.                setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge)+1, 8760)
  1610.                setCookie("click_icon_badge", 2, 24)
  1611.                el_badge.style.display = "none"
  1612.                el_badge_menu.style.display = "block"
  1613.                // console.log("clicked 2")
  1614.  
  1615.            // Jika cookie badge click icon expired dan counter = 2, maka set 1 minggu
  1616.            } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 2) {
  1617.                setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge)+1, 8760)
  1618.                setCookie("click_icon_badge", 3, 168)
  1619.                el_badge.style.display = "none"
  1620.                el_badge_menu.style.display = "block"
  1621.                // console.log("clicked 3")
  1622.            
  1623.            // Jika cookie badge click icon expired dan counter lebih dari 2, maka set 4 minggu
  1624.            } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge > 2) {
  1625.                setCookie("click_icon_counter_badge", 0, 8760) // reset badge counter click icon
  1626.                setCookie("click_icon_badge", 4, 672)
  1627.                el_badge.style.display = "none"
  1628.                el_badge_menu.style.display = "block"
  1629.                // console.log("clicked 4")
  1630.            }
  1631.            // console.log("click 2")
  1632.        }  
  1633.  
  1634.        // jika feedback click expired dan counter >= 0, maka show
  1635.        var feedback_click_counter = getCookie("feedback_click_counter_badge")
  1636.        if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge") == -1 && feedback_click_counter >= 0) {
  1637.            el_badge_menu.style.display = 'block'
  1638.        }
  1639.    }    
  1640. })
  1641.  
  1642. var feedback__item = document.getElementById('feedback__item')
  1643. feedback__item.addEventListener("click", function() {
  1644.    var feedback_click = getCookie("feedback_click_badge")
  1645.    var feedback_success = getCookie("badge_feedback_success")
  1646.    var feedback_click_counter = getCookie("feedback_click_counter_badge")
  1647.  
  1648.    if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) {
  1649.        // jika belum ada cookie feedback click counter, maka set 2 jam
  1650.        if (feedback_click_counter == "" || feedback_click_counter == 0) {
  1651.            setCookie("feedback_click_counter_badge", 1, 8760)
  1652.            setCookie("feedback_click_badge", 1, 2)
  1653.            el_badge_menu.style.display = "none"
  1654.            // console.log("feedback clicked 1")
  1655.  
  1656.        // Jika cookie feedback click badge expired dan counter 1, maka set 1 hari
  1657.        } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 1) {
  1658.            setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter)+1, 8760)
  1659.            setCookie("feedback_click_badge", 2, 24)
  1660.            el_badge_menu.style.display = "none"
  1661.            // console.log("feedback clicked 2")
  1662.  
  1663.        // Jika cookie feedback click badge expired dan counter 2, maka set 1 minggu
  1664.        } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 2) {
  1665.            setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter)+1, 8760)
  1666.            setCookie("feedback_click_badge", 3, 168)
  1667.            el_badge_menu.style.display = "none"
  1668.            // console.log("feedback clicked 3")
  1669.        
  1670.        // Jika cookie feedback click badge expired dan counter > 2, maka set 4 minggu
  1671.        } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter > 2) {
  1672.            setCookie("feedback_click_counter_badge", 0, 8760)
  1673.            setCookie("feedback_click_badge", 4, 672)
  1674.            el_badge_menu.style.display = "none"
  1675.            // console.log("feedback clicked 4")
  1676.        } else {
  1677.            // jika di sesi sebelumnya sudah diklik tapi belum isi feedback
  1678.            el_badge_menu.style.display = "none"
  1679.            // console.log("feedback clicked 5")
  1680.        }
  1681.    }
  1682. })
  1683.  
  1684. function setCookie(name,value,hour) {
  1685.    var expires = "";
  1686.    if (hour) {
  1687.        var date = new Date();
  1688.        date.setTime(date.getTime() + (hour*60*60*1000));
  1689.        expires = "; expires=" + date.toUTCString();
  1690.    }
  1691.    document.cookie = name + "=" + (value || "")  + expires + "; ;domain=.kompas.com;path=/";
  1692. }
  1693.  
  1694. function getCookie(cname) {
  1695.    var name = cname + "=";
  1696.    var decodedCookie = decodeURIComponent(document.cookie);
  1697.    var ca = decodedCookie.split(';');
  1698.    for(var i = 0; i <ca.length; i++) {
  1699.        var c = ca[i];
  1700.        while (c.charAt(0) == ' ') {
  1701.        c = c.substring(1);
  1702.        }
  1703.        if (c.indexOf(name) == 0) {
  1704.        return c.substring(name.length, c.length);
  1705.        }
  1706.    }
  1707.    return "";
  1708. }
  1709.  
  1710. // action create cookie badge_feedback_success expired 90 hari
  1711. var onSubmitNps = document.getElementById("nps-submit")
  1712. if (onSubmitNps !== null) {
  1713.    onSubmitNps.addEventListener("click", function(e) {
  1714.        // e.preventDefault()
  1715.        setCookie("badge_feedback_success", 1, 2160)
  1716.    })
  1717. }
  1718. </script>
  1719.  
  1720.  
  1721. <script>
  1722.    var addebug = document.querySelectorAll('.cpRight');
  1723.    for (i = 0; i < addebug.length; ++i) {
  1724.        addebug[i].addEventListener('click', function handleClick() {
  1725.            googletag.openConsole();
  1726.        });
  1727.    };
  1728. </script>
  1729.    
  1730. </body>
  1731. </html>
  1732.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda