Premium - Kompasiana.com

<!DOCTYPE html> <html lang="id"> <head> <script> var arr_edit_url = []; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ "title": "Premium - Kompasiana.com", "url": "https://www.kompasiana.com/premium", "content_category": "premium", "content_subcategory": "", "content_id": "", "content_location": "ID", "content_type": "article", "content_PublishedDate": "2025-02-18T10:11:27+0700", "content_author": "Kompasiana.com", "content_level": "", "content_art_length": "", "content_shorturl": "", "content_authorstatus": "", "content_author_id": "", "content_lipsus": "", "content_tag": "kompasiana", "content_tags": "kompasiana, kompas, jurnalisme warga, media warga, citizen journalism, citizen media, sharing, connecting, blogger, blog, media opini", "content_total_words": "" }); </script>  <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-P7HQ38'); </script>  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta content="text/html; charset=UTF-8" name="Content-Type"> <meta name="google" content="notranslate"> <meta name="description" content="Kompasiana merupakan Media Warga (Citizen Media) yang mengusung semangat berbagi dan saling terhubung (sharing, connecting)"> <meta name="content_tags" content="kompasiana, kompas, jurnalisme warga, media warga, citizen journalism, citizen media, sharing, connecting, blogger, blog, media opini" /> <meta name="robots" content="index, follow" /> <meta name="robots" content="max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="googlebot-news" content="index,follow" /> <meta name="googlebot" content="index,follow" /> <meta name="author" content="Kompasiana.com"> <meta name="language" content="id" /> <meta name="geo.country" content="id" /> <meta http-equiv="content-language" content="In-Id" /> <meta name="geo.placename" content="Indonesia" /> <meta name="thumbnailUrl" content="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/logo-kompasiana-beta.png?v=100" itemprop="thumbnailUrl" /> <meta content="http//www.kompasiana.com/" itemprop="url" /> <meta property="og:type" content="article" /> <meta property="fb:pages" content="194032223976103" /> <meta property="fb:app_id" content="397600276959629" /> <meta property="og:site_name" content="KOMPASIANA" /> <meta property="og:title" content="Premium - Kompasiana.com" /> <meta property="og:url" content="https://www.kompasiana.com/premium" /> <meta property="article:author" content="" /> <meta property="article:publisher" content="" /> <meta name="msvalidate.01" content="94D7C64651DB01DACCF13907E3748127" /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="#71C2EA"> <meta name="apple-mobile-web-app-title" content="Kompasiana"> <link rel="apple-touch-icon" href="https://assets.kompasiana.com/statics/2018_kompasiana/icons/152.png" sizes="152x152"> <link rel="manifest" href="https://assets-a1.kompasiana.com/statics/2018_kompasiana/manifest.json?v=45"> <meta name="msapplication-TitleImage" content="https://assets.kompasiana.com/statics/2018_kompasiana/icons/152.png"> <meta name="msapplication-TitleColor" content="#000"> <meta name="theme-color" content="#71C2EA"> <meta name='dailymotion-domain-verification' content='dm59upmqfqt5m76ei' /> <meta name='dailymotion-domain-verification' content='dmxyl7pslj4g1we65' /> <link rel="dns-prefetch" href="https://www.googletagservices.com" /> <link rel="dns-prefetch" href="https://jsc.mgid.com" /> <link rel="dns-prefetch" href="https://eus.rubiconproject.com" /> <link rel="dns-prefetch" href="https://securepubads.g.doubleclick.net" /> <link rel="dns-prefetch" href="https://ads.us.e-planning.net" /> <link rel="dns-prefetch" href="https://assets-a1.kompasiana.com" /> <link rel="dns-prefetch" href="https://ads.pubmatic.com" /> <link rel="dns-prefetch" href="https://tpc.googlesyndication.com" /> <link rel="dns-prefetch" href="https://delivery.r2b2.io" /> <link rel="dns-prefetch" href="https://s.adtelligent.com" /> <link rel="dns-prefetch" href="https://adsimg.kompas.com" /> <link rel="dns-prefetch" href="https://image6.pubmatic.com" /> <link rel="dns-prefetch" href="https://cdn.id5-sync.com" /> <link rel="dns-prefetch" href="https://eb2.3lift.com" /> <link rel="dns-prefetch" href="https://pixel.rubiconproject.com" /> <link rel="dns-prefetch" href="https://ajax.googleapis.com" /> <link rel="dns-prefetch" href="https://js.genieessp.com" /> <link rel="dns-prefetch" href="https://fonts.gstatic.com" /> <link rel="dns-prefetch" href="https://static.criteo.net" /> <link rel="dns-prefetch" href="https://accounts.google.com" /> <link rel="dns-prefetch" href="https://cdn.jsdelivr.net" /> <link rel="dns-prefetch" href="https://www.google-analytics.com" /> <link rel="dns-prefetch" href="https://ib.adnxs.com" /> <link rel="dns-prefetch" href="https://ssum.casalemedia.com" /> <link rel="preconnect" href="https://www.googletagservices.com" /> <link rel="preconnect" href="https://jsc.mgid.com" /> <link rel="preconnect" href="https://eus.rubiconproject.com" /> <link rel="preconnect" href="https://securepubads.g.doubleclick.net" /> <link rel="preconnect" href="https://ads.us.e-planning.net" /> <link rel="preconnect" href="https://assets-a1.kompasiana.com" /> <link rel="preconnect" href="https://ads.pubmatic.com" /> <link rel="preconnect" href="https://tpc.googlesyndication.com" /> <link rel="preconnect" href="https://delivery.r2b2.io" /> <link rel="preconnect" href="https://s.adtelligent.com" /> <link rel="preconnect" href="https://adsimg.kompas.com" /> <link rel="preconnect" href="https://image6.pubmatic.com" /> <link rel="preconnect" href="https://cdn.id5-sync.com" /> <link rel="preconnect" href="https://eb2.3lift.com" /> <link rel="preconnect" href="https://pixel.rubiconproject.com" /> <link rel="preconnect" href="https://ajax.googleapis.com" /> <link rel="preconnect" href="https://js.genieessp.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" /> <link rel="preconnect" href="https://static.criteo.net" /> <link rel="preconnect" href="https://accounts.google.com" /> <link rel="preconnect" href="https://cdn.jsdelivr.net" /> <link rel="preconnect" href="https://www.google-analytics.com" /> <link rel="preconnect" href="https://ib.adnxs.com" /> <meta name="adx:sections" content="" /> <meta name="content_category" content="premium" /> <meta name="content_subcategory" content="" /> <meta name="content_location" content="ID" /> <meta name="content_type" content="article" /> <meta name="content_PublishedDate" content="" /> <meta name="content_author" content="Kompasiana.com" /> <meta name="content_level" content="" /> <meta name="content_source" content="" /> <meta name="content_tag" content="" /> <meta name="content_total_words" content="" /> <meta name="keywords" content="kompasiana, kompas, jurnalisme warga, media warga, citizen journalism, citizen media, sharing, connecting, blogger, blog, media opini"> <meta property="og:image" content="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/previewlink.jpg" /> <meta property="og:type" content="website" /> <title>Premium - Kompasiana.com</title>  <link rel="shortcut icon" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/favicon.ico" type="image/x-icon"> <link rel="icon" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/favicon.ico" type="image/x-icon"> <link rel="canonical" href="https://www.kompasiana.com/premium"> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://www.kompasiana.com/", "potentialAction": { "@type": "SearchAction", "target": "https://www.kompasiana.com/search_artikel?q={search_term_string}", "query-input": "required name=search_term_string" } } </script> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "Organization", "url": "https://www.kompasiana.com/", "logo": "https://assets-a1.kompasiana.com/statics/kompasiana2015/images/logo-kompasiana-beta.png", "sameAs" : [ "https://www.facebook.com/KOMPASIANAcom", "https://www.twitter.com/kompasiana", "https://instagram.com/kompasianacom" ] } </script>  <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-paid.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-paid.min.css?v=518" rel="stylesheet">  <style type="text/css"> .maintenance{background:#ff6969;display:table;width:100%;font-family:Roboto,sans-serif;box-sizing:border-box;padding:15px}.maintenance p{color:#ff6969}.maintenance b{display:block}.maintenance a{text-decoration:underline}.maintenance--img,.maintenance--outline{float:left}.maintenance--img-bottom{position:absolute;bottom:0;right:65px}.maintenance__content{height:120px;width:885px;margin:auto;position:relative;text-align:center}.maintenance--wrapper{padding:10px 205px;clip-path:polygon(80% 0,83% 50%,80% 100%,20% 100%,17% 50%,20% 0);background:#fff;height:120px;width:820px;margin:auto;text-align:center}.maintenance--outline,.maintenance--wrapper{-webkit-clip-path:polygon(80% 0,85% 48%,80% 100%,20% 100%,14% 48%,20% 0)}.maintenance--outline{clip-path:polygon(80% 0,85% 48%,80% 100%,20% 100%,14% 48%,20% 0);height:125px;width:965px;float:none}.header-sticky b{display:inline}.header-sticky .maintenance__content{width:999px;height:75px}.header-sticky .maintenance--outline{width:999px}.header-sticky .maintenance--wrapper{padding:10px 250px 1px;font-size:12px;width:100%;height:auto;-webkit-clip-path:polygon(80% 0,85% 48%,80% 100%,20% 100%,14% 48%,20% 0);clip-path:polygon(80% 0,82% 50%,80% 100%,20% 100%,18% 50%,20% 0)}.header-sticky .maintenance--img-left{height:85px}.header-sticky .maintenance--img-bottom{position:absolute;bottom:-15px;right:109px;height:38px} </style>        <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-ab-test.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-ab-test.min.css?v=518" rel="stylesheet"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-ads-placeholder.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-ads-placeholder.min.css?v=518" rel="stylesheet">  <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-header-news.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-header-news.min.css?v=518" rel="stylesheet">  <link href="https://assets-a1.kompasiana.com/statics/2024/www/desktop/style-header-footer.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2024/www/desktop/style-header-footer.min.css?v=518" rel="stylesheet">     <style> @font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} </style>  <style> @font-face{font-family:Merriweather;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff1jvzRPA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff8jvzRPA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff3jvzRPA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff2jvzRPA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff4jvw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZDf-LHrw.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZKf-LHrw.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZBf-LHrw.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZAf-LHrw.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZOf-I.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf1jvzRPA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf8jvzRPA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf3jvzRPA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf2jvzRPA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf4jvw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf1jvzRPA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf8jvzRPA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf3jvzRPA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf2jvzRPA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf4jvw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l521wRZVcf6lvg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l521wRZXMf6lvg.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l521wRZV8f6lvg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l521wRZVsf6lvg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l521wRZWMf6.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-cSZMZ-Y.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-eCZMZ-Y.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-cyZMZ-Y.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-ciZMZ-Y.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-fCZM.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZVcf6lvg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZXMf6lvg.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZV8f6lvg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZVsf6lvg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZWMf6.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZVcf6lvg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZXMf6lvg.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZV8f6lvg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZVsf6lvg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZWMf6.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} </style> </head> <body > <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P7HQ38" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="sso_g_signin"> </div> <header > <div class="header"> <div class="top-bar clearfix"> <div class="container"> <div class="col-lg-5 top-bar--left"><a href="https://www.kompasiana.com/"><img fetchpriority="high" class="top-bar--logo" width="200" height="51" src="https://assets-a2.kompasiana.com/statics/kompasiana2017/logo/kompasiana-biru.png?t=o&v=200&z=1621089821" alt="Kompasiana Logo" title="Kompasiana Logo"></a></div> <div class="col-lg-7 top-bar--right"> <div class="top-bar--child"> <form action="https://www.kompasiana.com/search_artikel" method="get"> <div class="search-box" title="Pencaharian"> <div class="search-box-in clearfix"> <svg class="icon icon-search" id="icon_search"> <use xlink:href="#icon-search"></use> </svg> <input type="text" name="q" class="col-xs-12" id="text_search" aria-label="Search Article" placeholder="Pencarian" value=""> </div> </div> </form> </div> <span id="header_detail" style="padding-left: 50px; width:263px;">Mohon tunggu...</span> </div> </div> </div> <div class="bottom-bar clearfix menu_1"> <ul> <li class="bottom-bar--menu bottom-bar--submenu"><a href="#">Program <b class="caret"></b></a> <ul> <li><a href="https://www.kompasiana.com/kkn">kkn</a></li> <li><a href="https://www.kompasiana.com/infinite">infinite</a></li> <li><a href="https://kilasbalik.kompasiana.com/">kilas balik</a></li> <li><a href="https://microsite.kompasiana.com/narativ">narativ</a></li> <li><a href="https://www.kompasiana.com/series">the series</a></li> <li><a href="https://ramadan.kompasiana.com/">ramadan</a></li> </ul> </li> <li class="bottom-bar--menu"><a class="" href="https://www.kompasiana.com/popular">Terpopuler </a></li> <li class="bottom-bar--menu"><a class="" href="https://www.kompasiana.com/latest">Terbaru </a></li> <li class="bottom-bar--menu"><a class="" href="https://www.kompasiana.com/headline">Headline </a></li> <li class="bottom-bar--menu"><a class="" href="https://www.kompasiana.com/topic">Topik Pilihan </a></li> <li class="bottom-bar--menu"><a class="" href="https://temu.kompasiana.com/">Komunitas </a></li> <li class="bottom-bar--menu"><a class="" href="https://event.kompasiana.com/">Event </a></li> <li class="bottom-bar--menu"><a class="" href="https://video.kompasiana.com/">Video </a></li> <li class="bottom-bar--menu"><a class="" href="https://www.kompasiana.com/k-rewards">K-rewards </a></li> </ul> </div> <div id="menu_2"></div> </div> <span id="banner_register"></span> <div class="navmenu"> <div class="navmenuWrapper"> <div class="navmenuItem"> <div class="navmenuItem__parent"><a href="https://www.kompasiana.com/lestari">Game Changer</a></div><div class="navmenuItem__parent navmenu__linksSpecial"><a href="https://www.kompasiana.com/cerita-pemilih">Cerita Pemilih</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/cerita-pemilih/analisis">Analisis</a> <a href="https://www.kompasiana.com/cerita-pemilih/sosok">Sosok</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/fiksiana">Fiksiana</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/fiksiana/cerbung">Cerbung</a> <a href="https://www.kompasiana.com/fiksiana/cerpen">Cerpen</a> <a href="https://www.kompasiana.com/fiksiana/horor">Horor</a> <a href="https://www.kompasiana.com/fiksiana/puisi">Puisi</a> <a href="https://www.kompasiana.com/fiksiana/roman">Roman</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/halo-lokal">Halo Lokal</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/halo-lokal/bandung">Bandung</a> <a href="https://www.kompasiana.com/halo-lokal/joglosemar">Joglosemar</a> <a href="https://www.kompasiana.com/halo-lokal/makassar">Makassar</a> <a href="https://www.kompasiana.com/halo-lokal/medan">Medan</a> <a href="https://www.kompasiana.com/halo-lokal/palembang">Palembang</a> <a href="https://www.kompasiana.com/halo-lokal/surabaya">Surabaya</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/humaniora">Humaniora</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/humaniora/bahasa">Bahasa</a> <a href="https://www.kompasiana.com/humaniora/filsafat">Filsafat</a> <a href="https://www.kompasiana.com/humaniora/pendidikan">Pendidikan</a> <a href="https://www.kompasiana.com/humaniora/seni">Seni</a> <a href="https://www.kompasiana.com/humaniora/sosbud">Sosbud</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/inovasi">Inovasi</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/inovasi/gadget">Gadget</a> <a href="https://www.kompasiana.com/inovasi/nature">Nature</a> <a href="https://www.kompasiana.com/inovasi/otomotif">Otomotif</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/lyfe">Lyfe</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/lyfe/beauty">Beauty</a> <a href="https://www.kompasiana.com/lyfe/book">Book</a> <a href="https://www.kompasiana.com/lyfe/diary">Diary</a> <a href="https://www.kompasiana.com/lyfe/film">Film</a> <a href="https://www.kompasiana.com/lyfe/games">Games</a> <a href="https://www.kompasiana.com/lyfe/healthy">Healthy</a> <a href="https://www.kompasiana.com/lyfe/hobby">Hobby</a> <a href="https://www.kompasiana.com/lyfe/home">Home</a> <a href="https://www.kompasiana.com/lyfe/humor">Humor</a> <a href="https://www.kompasiana.com/lyfe/love">Love</a> <a href="https://www.kompasiana.com/lyfe/music">Music</a> <a href="https://www.kompasiana.com/lyfe/parenting">Parenting</a> <a href="https://www.kompasiana.com/lyfe/worklife">Worklife</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/money">Money</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/money/entrepreneur">Entrepreneur</a> <a href="https://www.kompasiana.com/money/financial">Financial</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/new-world">New World</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/new-world/artificial-intelligence">Artificial intelligence</a> <a href="https://www.kompasiana.com/new-world/cryptocurrency">Cryptocurrency</a> <a href="https://www.kompasiana.com/new-world/metaverse">Metaverse</a> <a href="https://www.kompasiana.com/new-world/nft">NFT</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/olahraga">Olahraga</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/olahraga/atletik">Atletik</a> <a href="https://www.kompasiana.com/olahraga/balap">Balap</a> <a href="https://www.kompasiana.com/olahraga/bola">Bola</a> <a href="https://www.kompasiana.com/olahraga/raket">Raket</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/ruang-kelas">Ruang Kelas</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/ruang-kelas/ilmu-alam-tekno">Ilmu Alam & Tekno</a> <a href="https://www.kompasiana.com/ruang-kelas/ilmu-sosbud">Ilmu Sosbud</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/travel-story">Travel Story</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/travel-story/foodie">Foodie</a> <a href="https://www.kompasiana.com/travel-story/trip">Trip</a></div></div><div class="navmenuItem__parent"><a href="http://video.kompasiana.com">Video</a></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/vox-pop">Vox Pop</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/vox-pop/hukum">Hukum</a> <a href="https://www.kompasiana.com/vox-pop/kebijakan">Kebijakan</a> <a href="https://www.kompasiana.com/vox-pop/politik">Politik</a></div></div> </div> <span class="navmenuArrows navmenuArrows--left dis"> </span> <span class="navmenuArrows navmenuArrows--right"> </span> </div> </div> </header>  <span id="activity_popup" style="display: none"></span>  <section class="home-page"> <div class="row"> </div> <div class="container"> </div>  <main class="paid"> <img src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/images/paid/cover.jpg?v=9" alt="kompasiana premium" class="paidImg"> <div class="paidLead container"> <img src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/images/paid/icon-kompasiana-brown.png" alt="icon kompasiana"> <p class="paidDesc"> Sudah saatnya kami memberikan pilihan pengalaman berinteraksi di Kompasiana dengan layanan prima. Melalui Kompasiana Premium, Anda tidak hanya akan mendapatkan fasilitas dan layanan maksimal, tetapi juga ikut membuka peluang kepada Kompasianer lain dalam memonetasi karyanya melalui berbagai loyalty program di Kompasiana </p> </div> <div class="slide slidePaid"> <div class="container"> <h1 class="paidTitle mt6">APA KEUNTUNGAN BERLANGGANAN PREMIUM</h1> <input type="radio" id="slideP1" name="slidePaid" checked /> <input type="radio" id="slideP2" name="slidePaid" />  <div class="slideItem mt4"> <div class="overflow"> <div class="slideInner"> <div class="slidePage"> <div class="paidItem"> <div class="paidItem__img"><img src="https://assets-a1.kompasiana.com/items/premium_account/artikel-bebas-iklan-1591687727.png?t=o&v=50&x=50" alt="avatar"> </div> <h2 class="paidItem__title"> Bebas Iklan </h2> <p>Nikmati pengalaman berinteraksi tanpa tayangan iklan</p> </div> </div> <div class="slidePage"> <div class="paidItem"> <div class="paidItem__img"><img src="https://assets-a1.kompasiana.com/items/premium_account/fast-aces-1592383028.png?t=o&v=50&x=50" alt="avatar"> </div> <h2 class="paidItem__title"> Akses Lebih Cepat </h2> <p>Kecepatan akses yang menambah kenyamanan</p> </div> </div> <div class="slidePage"> <div class="paidItem"> <div class="paidItem__img"><img src="https://assets-a1.kompasiana.com/items/premium_account/no-pagination-1595914742.png?t=o&v=50&x=50" alt="avatar"> </div> <h2 class="paidItem__title"> Bebas Paginasi Halaman </h2> <p>Pengalaman membaca konten secara penuh tanpa indeks halaman</p> </div> </div> <div class="slidePage"> <div class="paidItem"> <div class="paidItem__img"><img src="https://assets-a1.kompasiana.com/items/premium_account/unlimited-simpan-draft-1591687752.png?t=o&v=50&x=50" alt="avatar"> </div> <h2 class="paidItem__title"> Draf Tidak Terbatas </h2> <p>Kami berikan tempat penyimpanan konten draft tanpa batas</p> </div> </div> <div class="slidePage"> <div class="paidItem"> <div class="paidItem__img"><img src="https://assets-a1.kompasiana.com/items/premium_account/unlimited-notifikasi-1595915061.png?t=o&v=50&x=50" alt="avatar"> </div> <h2 class="paidItem__title"> Notifikasi Tidak Terbatas </h2> <p>Dapatkan notifikasi aktivitas tanpa batas</p> </div> </div> <div class="slidePage"> <div class="paidItem"> <div class="paidItem__img"><img src="https://assets-a1.kompasiana.com/items/premium_account/coming-1591864107.png?t=o&v=50&x=50" alt="avatar"> </div> <h2 class="paidItem__title"> Coming Soon... </h2> <p>Nantikan fitur premium lain yang akan segera kami rilis</p> </div> </div> </div> </div> </div>  <div class="controls paidControls"> <label for="slideP1"> <button class="button buttonIcon" aria-label="Next"> <svg class="icon iconLeft" aria-hidden="true"> <use xlink:href="#icon-arrow-left"></use> </svg> </button> </label> <label for="slideP2"> <button class="button buttonIcon" aria-label="Next"> <svg class="icon iconLeft" aria-hidden="true"> <use xlink:href="#icon-arrow-left"></use> </svg> </button> </label> </div> </div> </div> <div class="container paidSubs"> <h1 class="paidTitle mt6">PAKET BERLANGGANAN PREMIUM</h1> <div class=" slideSubs mt2">  <div class="slideItem"> <div class="overflow paidOverflow paid-noslide"> <div class="slideInner"> <div class="slidePage"> <div class="paidSubs__item"> <h2 class="paidSubs__title ">PREMIUM TRIAL</h2> <div class="paidPrice__disc"></div> <div class="paidPrice"> GRATIS </div> <div class="paidPeriod"> Untuk 2 Minggu </div> <div class="paidSubs__content mt1"> <ul> <li style="text-align: left;"><strong>Bebas iklan</strong></li> <li style="text-align: left;"><strong>Akses lebih cepat</strong></li> <li style="text-align: left;">Bebas Paginasi Halaman</li> <li style="text-align: left;">Draf Tidak Terbatas</li> <li style="text-align: left;">Notifikasi Tidak Terbatas</li> </ul> </div> <button id='5edf3ad0ea3af7da754795c0' class="button buttonPaid button-popupBuy btnBuy" data-title='PREMIUM TRIAL' data-pid='5edf3ad0ea3af7da754795c0' data-price=[{"id_price":"9d55e505b31203d3d493ef2e6c09bd6e","price":0,"discount":0,"period":14}] data-email='' data-package='trial' data-slot='1'> <svg aria-hidden="true" class="icon icon-buy" aria-hidden="true"> <use xlink:href="#icon-buy"></use> </svg> COBA SEKARANG </button> <a href="https://www.kompasiana.com/premium/tnc" class="paidSk">Syarat dan Ketentuan berlaku</a> </div> </div> <div class="slidePage"> <div class="paidSubs__item"> <h2 class="paidSubs__title ">PREMIUM 1 BULAN</h2> <div class="paidPrice__disc"></div> <div class="paidPrice"> Rp 25.000 </div> <div class="paidPeriod"> Untuk 1 Bulan </div> <div class="paidSubs__content mt1"> <ul> <li style="text-align: left;"><strong>Bebas iklan</strong></li> <li style="text-align: left;"><strong>Akses lebih cepat</strong></li> <li style="text-align: left;">Bebas Paginasi Halaman</li> <li style="text-align: left;">Draf Tidak Terbatas</li> <li style="text-align: left;">Notifikasi Tidak Terbatas</li> </ul> </div> <button id='5edf3b76ea3af7d01c4795c0' class="button buttonPaid button-popupBuy btnBuy" data-title='PREMIUM 1 BULAN' data-pid='5edf3b76ea3af7d01c4795c0' data-price=[{"id_price":"7e7614d7255ff5abaf718bdca61310d3","price":25000,"discount":0,"period":30}] data-email='' data-package='buy' data-slot='2'> <svg aria-hidden="true" class="icon icon-buy" aria-hidden="true"> <use xlink:href="#icon-buy"></use> </svg> BELI </button> <a href="https://www.kompasiana.com/premium/tnc" class="paidSk">Syarat dan Ketentuan berlaku</a> </div> </div> <div class="slidePage"> <div class="paidSubs__item"> <h2 class="paidSubs__title ">PREMIUM 3 BULAN</h2> <div class="paidDisc"> <span>8</span> <small>%</small> <small>Diskon</small> </div> <div class="paidPrice__disc">Rp 75.000</div> <div class="paidPrice"> Rp 69.000 </div> <div class="paidPeriod"> Untuk 3 Bulan </div> <div class="paidSubs__content mt1"> <ul> <li style="text-align: left;"><strong>Bebas iklan</strong></li> <li style="text-align: left;"><strong>Akses lebih cepat</strong></li> <li style="text-align: left;">Bebas Paginasi Halaman</li> <li style="text-align: left;">Draf Tidak Terbatas</li> <li style="text-align: left;">Notifikasi Tidak Terbatas</li> </ul> </div> <button id='5f585bb0ea3af7c0495bc6d8' class="button buttonPaid button-popupBuy btnBuy" data-title='PREMIUM 3 BULAN' data-pid='5f585bb0ea3af7c0495bc6d8' data-price=[{"id_price":"bda831ea157f480335c0b66832625b27","price":75000,"discount":8,"period":91}] data-email='' data-package='buy' data-slot='3'> <svg aria-hidden="true" class="icon icon-buy" aria-hidden="true"> <use xlink:href="#icon-buy"></use> </svg> BELI </button> <a href="https://www.kompasiana.com/premium/tnc" class="paidSk">Syarat dan Ketentuan berlaku</a> </div> </div> <div class="slidePage"> <div class="paidSubs__item"> <h2 class="paidSubs__title ">PREMIUM 6 BULAN</h2> <div class="paidPrice__disc"></div> <div class="paidPrice"> Rp 150.000 </div> <div class="paidPeriod"> Untuk 6 Bulan </div> <div class="paidSubs__content mt1"> <ul> <li style="text-align: left;"><strong>Bebas iklan</strong></li> <li style="text-align: left;"><strong>Akses lebih cepat</strong></li> <li style="text-align: left;">Bebas Paginasi Halaman</li> <li style="text-align: left;">Draf Tidak Terbatas</li> <li style="text-align: left;">Notifikasi Tidak Terbatas</li> </ul> </div> <button id='600e3120ea3af7c95d00e10d' class="button buttonPaid button-popupBuy btnBuy" data-title='PREMIUM 6 BULAN' data-pid='600e3120ea3af7c95d00e10d' data-price=[{"id_price":"60601ab5d47d9f6be90c639121ec1d37","price":150000,"discount":0,"period":183}] data-email='' data-package='buy' data-slot='4'> <svg aria-hidden="true" class="icon icon-buy" aria-hidden="true"> <use xlink:href="#icon-buy"></use> </svg> BELI </button> <a href="https://www.kompasiana.com/premium/tnc" class="paidSk">Syarat dan Ketentuan berlaku</a> </div> </div> <div class="slidePage"> <div class="paidSubs__item"> <h2 class="paidSubs__title ">PREMIUM 1 TAHUN</h2> <div class="paidDisc"> <span>10</span> <small>%</small> <small>Diskon</small> </div> <div class="paidPrice__disc">Rp 300.000</div> <div class="paidPrice"> Rp 270.000 </div> <div class="paidPeriod"> Untuk 12 Bulan </div> <div class="paidSubs__content mt1"> <ul> <li style="text-align: left;"><strong>Bebas iklan</strong></li> <li style="text-align: left;"><strong>Akses lebih cepat</strong></li> <li style="text-align: left;">Fitur Premium</li> </ul> </div> <button id='5ef1aa2eea3af7a676804e40' class="button buttonPaid button-popupBuy btnBuy" data-title='PREMIUM 1 TAHUN' data-pid='5ef1aa2eea3af7a676804e40' data-price=[{"id_price":"774d1a5b3433628a7501353d135ae389","price":300000,"discount":10,"period":365}] data-email='' data-package='buy' data-slot='5'> <svg aria-hidden="true" class="icon icon-buy" aria-hidden="true"> <use xlink:href="#icon-buy"></use> </svg> BELI </button> <a href="https://www.kompasiana.com/premium/tnc" class="paidSk">Syarat dan Ketentuan berlaku</a> </div> </div> </div> </div> </div>  <div class="controls paidControls"> <label for="slideS1"> <button class="button buttonIcon" aria-label="Next"> <svg class="icon iconLeft" aria-hidden="true"> <use xlink:href="#icon-arrow-left"></use> </svg> </button> </label> <label for="slideS2"> <button class="button buttonIcon" aria-label="Next"> <svg class="icon iconLeft" aria-hidden="true"> <use xlink:href="#icon-arrow-left"></use> </svg> </button> </label> </div> </div> </div>  <div class="popupOverlay"> <div class="popupBuy"> <a class="popupBuy__close" href="#">×</a> <div class="popupBuy__title">RINGKASAN PEMBAYARAN</div> Detail Paket: <b id="package_title" class="cl-primary-blue"></b> <div class="mt1">Paket Berlangganan</div> <form action="" class="popupBuy__form"> <div id="price"></div> <input type="hidden" id="vc_code" name="vc_code" class="pr_promo"> <input type="hidden" id="pr_type" name="pr_type" class="pr_promo"> <input type="hidden" id="vl_type" name="vl_type" class="pr_promo"> <div class="mt2">Kode Promo</div> <div class="formPromo mt1"> <input type="text" id="promo" class="formInput formPromo__input pr_promo" placeholder="Masukkan kode promo"> <button class="button buttonPrimary buttonPromo" data-pid aria-label="Send data">Terapkan</button> <img id="loading-image-promo" src="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/loader-small.svg" style="display:none;"/> <label for="promo" class="formLabel sr-only">Input promo code </label> <div class="formPromo__wrap"></div> </div> <div class="popupBuy__sum"> <div class="popupBuy__sum--title">Total Pembayaran</div> <div id="popupTotal"></div> </div> <div class="popupBuy__action"> <div class="formHelp">Dengan memilih Bayar artinya Anda setuju dengan <a href="https://www.kompasiana.com/premium/tnc" class="paidSk">Syarat dan ketentuan yang berlaku</a></div> <button id="btnPay" class="button buttonRound" aria-label="Send data">BAYAR</button> <img id="loading-image" src="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/loader-small.svg" style="display:none;"/> </div> </form> </div> </div>  </main> </section>   <footer class="footer"> <div class="container"> <div class="footerWrap"> <div class="footerColumn"> <a href="https://www.kompasiana.com/"> <img class="footerBrand mb20" src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/logo-kompasiana-white.svg?t=o&v=200" width="168" height="41" alt="Kompasiana Logo"> </a> <div class="footerColumn__child" style="width:230px; height:195px;"> <div class="footerSponsor"> <div class="footerSponsor__text">Penghargaan dan Sertifikat:</div> <div class="footerSponsor__img"> <img src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/penghargaan_logo_1.jpg" style="width:100px; height:51px;"> <img src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/penghargaan_logo_2.jpg" style="width:100px; height:51px;"> <img src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/penghargaan_logo_3.jpg" style="width:100px; height:51px;"> </div> <div class="footerSponsor__lead"> Untuk pengajuan iklan dan kerja sama bisa menghubungi: <a href="mailto:kerjasama@kompasiana.com">kerjasama@kompasiana.com</a> <br>Kunjungi Mediakit Kompasiana <a href="https://iklan.kompasiana.com/">di sini</a><br> Programmatic partnership <a href="mailto:programmatic.team@kgmedia.id">programmatic.team@kgmedia.id</a> </div> </div> </div> </div> <div class="footerColumn"> <a href="https://www.kompasiana.com/tentang-kompasiana" class="footerMenu">TENTANG KOMPASIANA</a> <a href="https://www.kompasiana.com/syarat-ketentuan" class="footerMenu">SYARAT DAN KETENTUAN</a> <a href="https://www.kompasiana.com/bantuan/faq" class="footerMenu">FAQ KOMPASIANA</a> <a href="https://www.kompasiana.com/bantuan/tutorial" class="footerMenu">TUTORIAL</a> <a href="https://legal.kompasiana.com/privacy" class="footerMenu">PRIVACY & POLICY</a> <a href="https://www.kompasiana.com/bantuan/faq-bantuan" class="footerMenu">Bantuan</a> </div> <div class="footerColumn"> <div class="footerMenu">PROGRAM</div> <div class="footerMenu__child"><a href="https://www.kompasiana.com/k-rewards" target="blank" rel="noopener">K-Rewards</a></div> <div class="footerMenu__child"><a href="https://www.kompasiana.com/infinite" target="blank" rel="noopener">Infinite</a></div> <div class="footerMenu__child"><a href="https://kilasbalik.kompasiana.com/" target="blank" rel="noopener">Kilas Balik</a></div> <div class="footerMenu__child"><a href="https://microsite.kompasiana.com/narativ" target="blank" rel="noopener">Narativ</a></div> <div class="footerMenu__child"><a href="https://www.kompasiana.com/series" target="blank" rel="noopener">The Series</a></div> <div class="footerMenu__child"><a href="https://ramadan.kompasiana.com/" target="blank" rel="noopener">Ramadan</a></div> </div> <div class="footerColumn"> <div class="footerMenu">KATEGORI</div> <div class="footerColumn__child"> <div class="footerMenu__child"><a href="https://www.kompasiana.com/popular">Terpopuler</a></div> <div class="footerMenu__child"><a href="https://www.kompasiana.com/latest">Terbaru</a></div> <div class="footerMenu__child"><a href="https://www.kompasiana.com/headline">Headline</a></div> <div class="footerMenu__child"><a href="https://www.kompasiana.com/topic">Topik Pilihan</a></div> <div class="footerMenu__child"><a href="https://www.kompasiana.com/lestari">Game Changer</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/cerita-pemilih">Cerita Pemilih</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/fiksiana">Fiksiana</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/halo-lokal">Halo Lokal</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/humaniora">Humaniora</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/inovasi">Inovasi</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/lyfe">Lyfe</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/money">Money</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/new-world">New World</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/olahraga">Olahraga</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/ruang-kelas">Ruang Kelas</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/travel-story">Travel Story</a></div><div class="footerMenu__child"><a href="http://video.kompasiana.com">Video</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/vox-pop">Vox Pop</a></div> </div> </div> <div class="footerColumn"> <div class="footerMenu">IKUTI KAMI</div> <div class="footerSocial"> <a href="mailto:kompasiana@kompasiana.com"><span class="ico ico--mail"></span></a> <a href="https://www.facebook.com/KOMPASIANAcom/?locale=id_ID"><span class="ico ico--fb"></span></a> <a href="https://twitter.com/kompasiana"><span class="ico ico--x"></span></a> <a href="https://www.instagram.com/kompasianacom/?hl=en"><span class="ico ico--ig"></span></a> <a href="https://www.tiktok.com/@kompasiana.com"><span class="ico ico--tk"></span></a> <a href="https://www.youtube.com/@KompasianaTV"><span class="ico ico--yt"></span></a> </div> </div> </div> <div class="footerWrap"> <div class="footerCopyright"> 漏 2025 Kompasiana.com. A subsidiary of <a href="//kgmedia.id" target="_blank" rel="noopener">KG Media</a>. All Rights Reserved </div> </div> </div> </footer>   <link rel="preload" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/jquery.min.js?v=518" as="script"> <script type="text/javascript" src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/jquery.min.js?v=518"></script>    <link rel="preload" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/slick/dev/slick.min.js?v=518" as="script"> <script type="text/javascript" src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/slick/dev/slick.min.js?v=518"></script> <script> function show_activity() { $("#activity_popup").addClass('active'); $("#activity_popup").css({'display': 'block'}); } if ($('div.timeline--event__item').length==0) { $('.timeline--event').hide(); } var isKompasianer = ""; var isActivity = ""; var pagePosition = $('.page_position').data('position'); var shortUrl = $('.page_position').data('profile'); var menu = $('.page_position').data('menu'); var postId = $('#id_post').data('id'); var read = $('.page_position').data('read'); var channel = $('.page_position').data('channel'); var setPage = 'premium'; var page_id = 'premium_paid'; var currentState = location.pathname.substring(1); var next_url = 'aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20vcHJlbWl1bQ=='; $.ajax({ type: "POST", url: "https://www.kompasiana.com/ajax/get_user", data: { page: pagePosition, short_url: shortUrl, menu: menu, postId: postId, read: read, channel: channel, next_url: next_url }, success: function(res) { data = JSON.parse(res); isKompasianer = data['isKompasianer']; isActivity = data['isActivity']; isAgreement = data['isAgreement']; isGrup = data['isGrup']; isInterest = data['isInterest']; isPremium = data['isPremium']; $("#header_detail").after(data['header']); $("#header_detail").remove(); $('#banner_register').after(data['banner_register']); $('#banner_register').remove(); $('#channel_pilihan').html(data['sidebar']); $('#activity_popup').html(data['activity']); $('#banner_welcome').after(data['banner_welcome']); $('#banner_welcome').remove(); if (pagePosition == 'profile') { $('#profile_cover').html(data['profile']); $('#profile_navbar').html(data['navbar']); if(data['short_url'] == "premium"){ if (arr_edit_url.length) { arr_edit_url.forEach((url_to_e) => { var url_edit = ` <div class="artikel--count__item"><a href="https://www.kompasiana.com/premium/dashboard/write/` + url_to_e + `"><div class="icon"><svg class="icon icon-edit"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-edit"></use></svg></div>EDIT</a> </div> `; $('#show_e_' + url_to_e).prepend(url_edit); }); arr_edit_url = []; } } } else if (pagePosition == 'read') { $('#follow_read').html(data['follow_read']); // $('#post-counter').html(data['count_pv']); $('#button_footer_read').html(data['button_footer_read']); } // generate cookie for premium or regular.. if(isPremium){ var date = new Date(data['isPremiumDate'] * 1000); var name = 'premium'; var value = true; var check_cookie = getCookie(name) if(!check_cookie){ expires = "; expires=" + date.toUTCString(); document.cookie = name + "=" + (value || "") + expires + "; domain=.kompasiana.com; path=/"; } }else{ var name = 'premium'; document.cookie = name+'=; Max-Age=-99999999; domain=.kompasiana.com; path=/'; document.cookie = name+'=; Max-Age=-99999999; domain=www.kompasiana.com; path=/'; document.cookie = name+'=; Max-Age=-99999999; domain=kompasiana.com; path=/'; } if (isKompasianer == true && isAgreement == false) { setTimeout(function() { window.location.replace("https://www.kompasiana.com/snk"); }, 5000); } }, error: function(e) { console.log(e); } }); </script>  <script defer src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/headernews.min.js?v=518"></script>  <script defer src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/fonts/paid/svgxuse-paid.js?v=518"></script> <script src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/paid/main-paid-popup.min.js?v=518"></script> <script defer src="https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/js/svgxuse.js?v=518"></script> <script defer src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/bootstrap.min.js?v=518"></script> <script async src="https://asset.kompas.com/kgnotif/2024/09/27/kompasiana.js?v=518"></script> <script defer src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/jquery.sticky-kit.min.js?v=518"></script> <script defer src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/jquery-redirect.min.js?v=518"></script>  <script type="text/javascript"> $(document).on('click', '.yuk-nulis', function() { if (isKompasianer) { if (!isActivity) { // check user activity show_activity(); // show user activity return false; } } return true; }); var base_url = "https://www.kompasiana.com/"; var ajax_loader = "https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/images/loader-small.svg"; var ajax_loader_horizontal = "https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/images/loader.svg"; var notifAjax = false; $(document).ready(function() { size = parseInt($(".panel-body").css("font-size")), line = parseInt($(".panel-body").css("line-height")), $("#big").on("click", function() { size += 2, line += 5, $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" }), size <= 26 ? $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" }) : (size = 26, line = 51, $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" })) }), $("#small").on("click", function() { size -= 2, line -= 5, $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" }), size >= 12 ? $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" }) : (size = 12, line = 16, $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" })) }) }); $(document).on('click', '#reactivate', function() { if (confirm('Anda akan mereaktivasi akun. Lanjutkan?')) { $.ajax({ type: "POST", url: "/ajax/reactivate", data: data, beforeSend: function() { $('#reactivate').hide(); // hide button }, success: function(response) { var res = $.parseJSON(response); if (res.status == 1) { $('#reactivate').after('<p style="color: green">' + res.message + '</p>'); $('#reactivate').remove(); // show button // setTimeout(function(){ window.location.href = 'https://www.kompasiana.com/'; }, 5000); } else { $('#reactivate').after('<p style="color: red">' + res.message + '</p>'); $('#reactivate').show(); // show button } }, error: function(xhr) { console.log(xhr); } }); } }); function redirectLogin() { window.location = 'https://account.kompasiana.com/login/a29tcGFzaWFuYQ==/aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20vcHJlbWl1bQ=='; } </script> <script> if(document.cookie.indexOf('ukid=') == -1){ $.ajax({ url: 'https://apis.kompas.com/api/activity/user', type: 'get', dataType: "json", success: function (res) { let ukid = res.ukid; let date = new Date(); date.setDate(date.getDate() + 1); let expired = date.toUTCString(); let domain = '.kompasiana.com'; document.cookie = "ukid="+ ukid +"; expires="+ expired +"; domain="+ domain +"; path=/"; // set cookie } }); } </script> <script type="text/javascript"> var is_mobile = /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4)); var title = ''; var period = ''; var price = ''; function toRupiah(angka){ var number_string = angka.toString(); var split = number_string.split(','); var sisa = split[0].length % 3; var rupiah = split[0].substr(0, sisa); var ribuan = split[0].substr(sisa).match(/\d{3}/gi); if(ribuan){ separator = sisa ? '.' : ''; rupiah += separator + ribuan.join('.'); } rupiah = split[1] != undefined ? rupiah + ',' + split[1] : rupiah; return rupiah; } function toMonthJs(day){ month = (day / 30) ; month = Math.floor(month); days = (day % 30); // the rest of days if(month == 0){ if(day % 7 == 0){ week = day / 7; return week+' Minggu'; } return days+' Hari'; } // else if(month > 0 && days > 0){ // return month+" Bulan "+days+" Hari"; // } else{ return month+" Bulan"; } } curr_pckg = ''; curr_pid = ''; curr_prid = ''; $( ".btnBuy" ).click(function() { if($('.formPromo__wrap').length){ $('.formPromo__wrap').empty(); } $('.pr_promo').val(''); var html = ''; var checked = ''; var product_click = [] data = $(this).data('price'); title = $(this).data('title'); vpackage = $(this).data('package'); slot = $(this).data('slot'); price_idx0 = ''; for (idx = 0; idx < data.length; ++idx) { html += '<div class="radio mt1">'; checked = (idx == 0) ? 'checked' : ''; value = "popupTotal"+(idx+1); id = "price"+(idx+1); if(data[idx]['discount'] > 0){ priceDisc = data[idx]['price'] - (data[idx]['price'] * (data[idx]['discount']/100)); price = toRupiah(priceDisc); html += '<input type="radio" id="'+id+'" name="price" class="radio__input popupBuy__radio rbprice" data-title='+title+' data-prid='+data[idx]['id_price']+' data-price='+price+' data-period='+data[idx]['period']+' value='+value+' '+checked+' data-total='+priceDisc+'>'; html += '<label for="'+id+'" class="radio__label">'+toMonthJs(data[idx]['period'])+' <span class="popupBuy__price">Rp '+price+'</span>'; html += '<div class="popupBuy__disc">Diskon '+data[idx]['discount']+'% <span>Rp '+toRupiah(data[idx]['price'])+'</span></div>'; if(idx == 0){ price_idx0 = price; } }else{ price = toRupiah(data[idx]['price']); html += '<input type="radio" id="'+id+'" name="price" class="radio__input popupBuy__radio rbprice" data-title='+title+' data-prid='+data[idx]['id_price']+' data-price='+price+' data-period='+data[idx]['period']+' value='+value+' '+checked+' data-total='+data[idx]['price']+'>'; html += '<label for="'+id+'" class="radio__label">'+toMonthJs(data[idx]['period'])+' <span class="popupBuy__price">Rp '+price+'</span>'; if(idx == 0){ price_idx0 = price; } } html += '</label></div>'; var product_click_dict = { 'name': title, 'id': $(this).data('pid'), 'price': data[idx]['price'], 'category': vpackage, 'variant': data[idx]['period'] + ' hari', 'list': 'Product List', 'position': 'slot ' + slot } product_click.push(product_click_dict); } $('#package_title').text(title); $('#email').val($(this).data('email')); $('#popupTotal').html(title+' '+toMonthJs(data[0]['period'])+' <span class="totalPrice">Rp '+price_idx0+'</span>'); $('#price').html(html); curr_pckg = title; curr_pid = $(this).data('pid'); curr_prid = data[0]['id_price']; $('.buttonPromo').attr("data-pid", curr_pid); $('.rbprice').change(function(){ $('#popupTotal').html(title+' '+ toMonthJs($(this).data('period'))+' <span class="totalPrice">Rp '+$(this).data('price')+'</span>'); if($('#pr_type').val() != '' && $('#vl_type').val() != ''){ curr_price = $(this).attr("data-total"); promo_type = $('#pr_type').val(); value_type = $('#vl_type').val(); if(promo_type == 'rupiah'){ price_discount = curr_price-value_type; }else if(promo_type == 'percent'){ discount_type = curr_price * (value_type/100); price_discount = curr_price-discount_type; } if(price_discount < 0){ price_discount = 0; } $('.totalPrice').html('Rp '+toRupiah(price_discount)); } curr_prid = $(this).data('prid'); }); window.dataLayer.push({ 'event': 'productClick', 'ecommerce': { 'click': { 'actionField': { 'list': 'Premium Page' }, 'products': product_click } } }); }); $('.btnBuy').click(function () { $(".popupOverlay").addClass("active"); }); $('.popupBuy__close').click(function (e) { e.preventDefault(); $(".popupOverlay").removeClass("active"); }); $('.popupOverlay').click(function () { $(".popupOverlay").removeClass("active"); }); $('.popupBuy').click(function (e) { e.stopPropagation(); }); var button_ajax_state_sending = false; $("#btnPay").click(function(e) { e.preventDefault(); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } if(!button_ajax_state_sending){ //only start if false (not sending) pid = curr_pid; prid = curr_prid; package = curr_pckg; $.ajax({ type: "POST", url: '/ajax/setPremium', data: {pid: pid, prid: prid, code:$('#vc_code').val()}, dataType: 'json', beforeSend: function() { $("#loading-image").show(); $('#btnPay').hide(); button_ajax_state_sending = true; // SET TRUE }, success: function(res) { if(res.status == 1){ window.dataLayer.push({ 'event': 'checkout', 'ecommerce': { 'checkout': { 'actionField': { 'step': 1, 'option': 'Ringkasan Pembayaran' }, 'products': [{ 'name': package, 'id': curr_pid, 'price': res.price.price, 'category': res.package, 'variant': res.price.period + ' hari', 'quantity': '1' }] } } }); if(res.package == 'trial') { setTimeout(function () { window.location.replace("https://www.kompasiana.com/premium/success"); }, 3000); return; } if(res.snapToken){ $("#loading-image").hide(); $("#btnPay").show(); snap.pay(res.snapToken, { onSuccess: function(result){ console.log('success');console.log(result); window.location.replace("https://www.kompasiana.com/premium/status?status=success"); }, onPending: function(result){ console.log('pending');console.log(result); window.location.replace("https://www.kompasiana.com/premium/checkout?payment="+result.payment_type); }, onError: function(result){ console.log('error');console.log(result); window.location.replace("https://www.kompasiana.com/premium/status?status=fail"); }, onClose: function(){console.log('customer closed the popup without finishing the payment');} }); return; } }if(res.status == 2){ alert(res.msg) window.location.replace(res.redirect); }else{ alert(res.msg) location.reload(); } button_ajax_state_sending = false; // SET TRUE } }); } }); $('#btnCancelBuy').click(function(e) { e.preventDefault(); order_id = $(this).data('order_id'); $.ajax({ type: "POST", url: '/ajax/cancelBuy', data: {order_id: order_id}, dataType: 'json', beforeSend: function() { $("#loading-image").show(); $('#btnCancelBuy').hide(); }, success: function(response) { if(response == 200){ alert("Berhasil batalkan pembelian"); window.location.replace("https://www.kompasiana.com/premium"); }else{ alert("Gagal batalkan pembelian, silahkan coba lagi."); $("#loading-image").hide(); $('#btnCancelBuy').show(); } return; } }); }); $('.buttonPromo').click(function(e) { e.preventDefault(); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } pid = $('.buttonPromo').attr('data-pid'); vc = $('#promo').val(); if($('.formPromo__wrap').length){ $('.formPromo__wrap').empty(); }else if($('.formPromo__remove').length){ $('.formPromo__remove').remove(); } curr_price = $('.rbprice:checked').attr("data-total"); $.ajax({ type: "POST", url: '/ajax/checkVoucher', data: {pid: pid, vc: vc}, dataType: 'json', beforeSend: function() { $("#loading-image-promo").show(); $('.buttonPromo').hide(); }, success: function(res) { if(res.status == 1){ $("#loading-image-promo").hide(); $('.buttonPromo').show(); $('#vc_code').val(vc); $('#pr_type').val(res.data.promo_type); $('#vl_type').val(res.data.value_type); class_el = (is_mobile) ? 'fpr formHelp formPromo__help--s' : 'fpr formPromo__help--s'; if(res.data.promo_type == 'rupiah'){ price_discount = curr_price-res.data.value_type; discount = 'Rp'+toRupiah(res.data.value_type); }else if(res.data.promo_type == 'percent'){ discount_type = curr_price * (res.data.value_type/100); price_discount = curr_price-discount_type; discount = 'Rp'+toRupiah(discount_type); } $('#promo').after('<button class="formPromo__remove" id="rev-promo" aria-label="Remove promo">x</button>'); $('#promo').prop('readonly', true); $('#rev-promo').click(function(e) { e.preventDefault(); $('#promo').val(''); $('#promo').prop('readonly', false); $('.fpr').remove(); $('.totalPrice').html('Rp '+toRupiah(curr_price)); $('#vc_code').val(''); $('#pr_type').val(''); $('#vl_type').val(''); return false; }); $('.formPromo__wrap').append('<div class="'+class_el+'">'+res.msg+' <span class="formPromo__disc">- '+discount+'</span></div>'); if(price_discount < 0){ price_discount = 0; } $('.totalPrice').html('Rp '+toRupiah(price_discount)); }else{ class_el = (is_mobile) ? 'fpr formHelp' : 'fpr formPromo__help'; $('.formPromo__wrap').append('<div class="'+class_el+'">'+res.msg+'</div>'); $("#loading-image-promo").hide(); $('.buttonPromo').show(); } return; } }); }); $('.popupBuy__close').click(function(e) { $('#promo').prop('readonly', false); }); </script> <script type="text/javascript" src="https://app.midtrans.com/snap/snap.js" data-client-key="Mid-client-gZXO9rGc1OH_73NQ"></script> <script> window.dataLayer.push({ 'event': 'productImpression', 'ecommerce': { 'currencyCode': 'IDR', 'impressions': [{"name":"PREMIUM TRIAL","id":"5edf3ad0ea3af7da754795c0","price":0,"category":"trial","variant":"14 hari","list":"Premium Page","position":"slot 1"},{"name":"PREMIUM 1 BULAN","id":"5edf3b76ea3af7d01c4795c0","price":25000,"category":"buy","variant":"30 hari","list":"Premium Page","position":"slot 2"},{"name":"PREMIUM 3 BULAN","id":"5f585bb0ea3af7c0495bc6d8","price":75000,"category":"buy","variant":"91 hari","list":"Premium Page","position":"slot 3"},{"name":"PREMIUM 6 BULAN","id":"600e3120ea3af7c95d00e10d","price":150000,"category":"buy","variant":"183 hari","list":"Premium Page","position":"slot 4"},{"name":"PREMIUM 1 TAHUN","id":"5ef1aa2eea3af7a676804e40","price":300000,"category":"buy","variant":"365 hari","list":"Premium Page","position":"slot 5"}] } }); </script>  <script type="text/javascript"> !(function() { var time = new Date().getTime(); $(document.body).bind('mousemove keypress', function(e) { time = new Date().getTime(); }); function refresh() { if (new Date().getTime() - time >= 900000) { // 15 Menit window.location.reload(true); } else { setTimeout(refresh, 10000); } } setTimeout(refresh, 10000); })(); </script> <script defer src="https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/js/dev/main.min.js?v=518"></script> <script defer src="https://assets-a1.kompasiana.com/statics/2024/www/js/sso_g_signin_fedcm_nk.min.js?v=2"></script> <script defer src="https://asset.kompas.com/data/2021/sso/js/additional.min.js?v=518"></script> <script defer src="https://assets.kompasiana.com/statics/widget/sso_personalisasi_nk.min.js?v=518"></script> <script defer src="https://asset.kompas.com/data/2023/08/30/sso/js/extender.min.js?v=518"></script> <script defer src="https://asset.kompas.com/data/2022/sso/js/ssouser.min.js?v=518"></script> <script async src="https://cdn.oval.id/tracker/p/kompasiana/oval_web_analytics_latest.js"></script> <script async type="text/javascript" src="https://assets.kompas.com/data/2023/sso/js/sdk-cookie-consent-v2.js"></script> <script> function setCookie(name, value, days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; domain=.kompasiana.com; path=/"; } function getCookie(cname) { let name = cname + "="; let decodedCookie = decodeURIComponent(document.cookie); let ca = decodedCookie.split(';'); for(let i = 0; i <ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } </script> <script> if ('serviceWorker' in navigator) { navigator.serviceWorker.register('/sw-kompasiana.js', { scope: '/sw-kompasiana' // <--- THIS BIT IS REQUIRED }).then(function(registration) { // Registration was successful console.log('ServiceWorker Kompasiana registration successful with scope: ', registration.scope); }, function(err) { // registration failed :( console.log('ServiceWorker Kompasiana registration failed: ', err); }); } </script>  <script> $(document).on('click', '.postRibbon', function(e){ if (!isKompasianer) { $('.reportbtnMenu').hide(); $('.reportpopup').hide(); alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } }); $(document).on('click', '.btnReportKonten', function(e){ $('#word_alasan').text('Alasan'); $('#laporkan-text-new').attr("placeholder", "Tulis Alasan Anda ..."); $('#laporkan-text-new').val(""); $('input[name="radio_reason"]:checked').removeAttr("checked"); $('#listChoiceReasonKonten').show(); $('#listChoiceReasonUser').hide(); $('#laporkan-submit-new').attr('data-post',$(this).attr('data-post')); $('#laporkan-submit-new').attr('data-type', 'konten'); $('.-reportlanjut').removeClass('active'); }); $(document).on('click', '.btnReportAkun', function(e){ $('#word_alasan').text('Sertakan Bukti'); $('#laporkan-text-new').attr("placeholder", "Masukkan link konten spam, hate speech, atau bukti lain."); $('#laporkan-text-new').val(""); $('input[name="radio_reason"]:checked').removeAttr("checked"); $('#listChoiceReasonKonten').hide(); $('#listChoiceReasonUser').show(); $('#laporkan-submit-new').attr('data-user',$(this).attr('data-user')); $('#laporkan-submit-new').attr('data-type', 'akun'); $('.-reportlanjut').removeClass('active'); }); $(document).on('click', '#laporkan-submit-new', function(e) { $('#msgreport').html('') if ( $('input[name="radio_reason"]:checked').attr('data-reason') == '' || $('input[name="radio_reason"]:checked').attr('data-reason') == null ) { alert("Pilih terlebih dahulu alasan anda."); $(".reportpopupMessage").hide(); $('.reportpopup').show(); } else { var text = $('#laporkan-text-new').val(); var reason = $('input[name="radio_reason"]:checked').attr('data-reason'); if($(this).attr('data-type') == 'konten'){ var postId = $(this).attr('data-post'); var data = {post_id: postId, text: text, reason: reason} }else{ var channelIssuedId = $(this).attr('data-user'); var data = {channel_issued_id: channelIssuedId, text: text, reason: reason} } var holder = $("#holder-tools"); $("#laporkan-loading").show(); $("#laporkan-submit-new").hide(); $(".reportpopupMessage").hide(); $.ajax({ type:"POST", url :"/ajax/issued_post", data : data, dataType:"json", success: function(res) { $("#laporkan-loading").hide(); $('.reportpopup').hide(); $("#laporkan-submit-new").show(); if(res.error !== undefined){ $('#msgreport').html(res.error) }else{ $('#msgreport').html(res.msg) } $(".reportpopupMessage").show(); } }); } }); function new_favorit_narativ(narativId){ if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } else { var img = ajax_loader; $('#msgreport').html("Loading...") $(".reportpopupMessage").show(); $("#"+narativId+"_favorit").hide(); $.ajax({ type:"POST", url :"/ajax/favorite_narativ", data : {narativId: narativId}, dataType:"json", success: function(response) { $('#msgreport').html(response.message); $(".reportpopupMessage").show(); $("#"+narativId+"_favorit").show(); // unfavorit $("#"+narativId+"_favorit").parent().addClass('-marked'); document.getElementById(narativId+"_favorit").setAttribute("onclick","new_unfavorit_narativ('"+narativId+"')"); document.getElementById(narativId+"_favorit").setAttribute("id",narativId+"_unfavorit"); } }); } } function new_unfavorit_narativ(narativId){ if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } else { var img = ajax_loader; $('#msgreport').html("Loading...") $(".reportpopupMessage").show(); $("#"+narativId+"_favorit").hide(); $.ajax({ type:"POST", url :"/ajax/favorite_narativ", data : {narativId: narativId, status:'remove'}, dataType:"json", success: function(response) { $('#msgreport').html(response.message); $(".reportpopupMessage").show(); $("#"+narativId+"_unfavorit").show(); // favorit $("#"+narativId+"_favorit").parent().removeClass('-marked'); document.getElementById(narativId+"_unfavorit").setAttribute("onclick","new_favorit_narativ('"+narativId+"')"); document.getElementById(narativId+"_unfavorit").setAttribute("id",narativId+"_favorit"); } }); } } function new_favorit(post_id){ if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } else { var img = ajax_loader; $("#"+post_id+"_load-image-favorit").html("Loading...").show(); $("#"+post_id+"_favorit").hide(); $.ajax({ type:"POST", url :"/ajax/favorite_artikel", data : {post_id: post_id}, dataType:"json", success: function(response) { $("#"+post_id+"_load-image-favorit").hide(); $('#msgreport').html(response.message); $(".reportpopupMessage").show(); $("#"+post_id+"_favorit").show(); // unfavorit $("#"+post_id+"_favorit").parent().addClass('-marked'); document.getElementById(post_id+"_favorit").setAttribute("onclick","newun_favorit('"+response.post_id+"','"+response.favorita_id+"')"); document.getElementById(post_id+"_favorit").setAttribute("id",post_id+"_unfavorit"); } }); } } // newun_favorit function newun_favorit(post_id, favorit_id){ if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } else { var img = ajax_loader; $("#"+post_id+"_load-image-favorit").html("Loading...").show(); $("#"+post_id+"_unfavorit").hide(); $.ajax({ type:"POST", url :"/ajax/un_favorite_artikel", data : {post_id: post_id, favorit_id: favorit_id}, dataType:"json", success: function(response) { $("#"+post_id+"_load-image-favorit").hide(); $('#msgreport').html(response.message); $(".reportpopupMessage").show(); $("#"+post_id+"_unfavorit").show(); // favorit $("#"+post_id+"_unfavorit").parent().removeClass('-marked'); document.getElementById(post_id+"_unfavorit").setAttribute("onclick","new_favorit('"+post_id+"')"); document.getElementById(post_id+"_unfavorit").setAttribute("id",post_id+"_favorit"); } }); } } function close_msg(){ $(".reportpopupMessage").hide(); } $('.reportpopupContent').click(function() { if($('input[type="radio"]').is(':checked')) { $('.-reportlanjut').addClass('active'); } }); $(document).on('click', '#send-article', function(e){ e.preventDefault(); var $t = $(this); var tags = $(this).data('tags'); var channel = $(this).data('channel'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } $.redirect(base_url+channel+'/dashboard/write', {tags_topic : tags}); }); </script> <script defer src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/widget-experiment.min.js?v=518"></script> <script defer src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/script-narativ.min.js?v=518"></script> <script type="text/javascript"> // s:popup verifikasi // let icoo = document.querySelectorAll('.-tver') // if (!!icoo) { // icoo.forEach(function (item) { // item.addEventListener('click', function (e) { // showModals(this) // e.preventDefault() // }) // }) // } $(document).on('click','.-tver',function(e){ e.preventDefault(); showModals(this) }); document.addEventListener('click', function (e) { if (e.target.matches('.popupClose')) { let ss = document.querySelectorAll('.popup__overlay') if (!!ss) { ss.forEach(function (item) { ss.forEach(el => el.classList.remove('active')); }) } e.preventDefault() } }); function showModals(targt) { var cl = document.getElementById('pver'); if (!!targt) { if (!!cl) { var fc = targt.parentElement; let jk = fc.querySelector('.popup__overlay') if (!!jk) { jk.remove() } var ox = cl.cloneNode(true); fc.appendChild(ox); fc.querySelector('.popup__overlay').classList.add('active'); } else { console.log('unknown modal target'); return; } } else { console.log('template modals not found'); return; } } // e:popup verifikasi function wa_share(title,url) { url = url+'?utm_source=Whatsapp&utm_medium=Refferal&utm_campaign=Sharing_Desktop'; u = url; t = title; window.open('https://api.whatsapp.com/send?text='+encodeURIComponent(t)+'%0a %0a'+encodeURIComponent(u),'sharer','toolbar=0,status=0,width=626,height=436');return false; } </script> <script> $(document).ready(function() { $(document.body).on('touchmove', onScroll_do_sidebar); // for mobile $(window).bind('scroll', onScroll_do_sidebar); }); function onScroll_do_sidebar(){ if ($("#populer-rekom-base").length > 0) { if ($(window).scrollTop() >= $("#populer-rekom-base").position().top) { // remove div $('#populer-rekom-base').remove(); get_populer_rekom() } } if ($("#trending-base").length > 0) { if ($(window).scrollTop() >= $("#trending-base").position().top) { // remove div $('#trending-base').remove(); get_other_sidebar() } } // if ($("#ramadan-pakar-base").length > 0) { // if ($(window).scrollTop() >= $("#ramadan-pakar-base").position().top) { // // remove div // $('#ramadan-pakar-base').remove(); // get_ramadan_pakar() // } // } if ($("#topik-pilihan-base").length > 0) { if ($(window).scrollTop() >= $("#topik-pilihan-base").position().top) { // remove div $('#topik-pilihan-base').remove(); get_topik_pilihan() } } if ($("#topik-kkn-base").length > 0) { if ($(window).scrollTop() >= $("#topik-kkn-base").position().top) { // remove div $('#topik-kkn-base').remove(); get_topik_kkn() } } if ($("#series-pilihan-base").length > 0) { if ($(window).scrollTop() >= $("#series-pilihan-base").position().top) { // remove div $('#series-pilihan-base').remove(); get_series_pilihan() } } if ($("#isu-terkini-base").length > 0) { if ($(window).scrollTop() >= $("#isu-terkini-base").position().top) { // remove div $('#isu-terkini-base').remove(); get_isu_terkini() } } if ($("#kompasiana-arena-base").length > 0) { if ($(window).scrollTop() >= $("#kompasiana-arena-base").position().top) { // remove div $('#kompasiana-arena-base').remove(); get_arena() } } if ($("#tren-pekan-base").length > 0) { if ($(window).scrollTop() >= $("#tren-pekan-base").position().top) { // remove div $('#tren-pekan-base').remove(); get_tren_pekan() } } if ($("#kgnow-widget-base").length > 0) { if ($(window).scrollTop() >= $("#kgnow-widget-base").position().top) { // remove div $('#kgnow-widget-base').remove(); get_kgnow_widget() } } if ($("#read-kgnow-base").length > 0) { if ($(window).scrollTop() >= $("#read-kgnow-base").position().top) { // remove div $('#read-kgnow-base').remove(); get_kgnow_read() } } if ($("#sorot_div_base").length > 0) { if ($(window).scrollTop() >= $("#sorot_div_base").position().top) { $('#sorot_div_base').remove(); get_sorot(); } } if ($("#komunitas_pilihan_base").length > 0) { if ($(window).scrollTop() >= $("#komunitas_pilihan_base").position().top) { $('#komunitas_pilihan_base').remove(); get_komunitas_pilihan(); } } } var load_get_sorot = false; function get_sorot(){ if (load_get_sorot == false) { load_get_sorot = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_sorot", success: function(res) { data = JSON.parse(res); $('#sorot_div').after(data['sorot']); $('#sorot_div').remove(); }, error : function(e) { console.log(e); } }); } } var load_get_populer_rekom = false; function get_populer_rekom(){ if (load_get_populer_rekom == false) { load_get_populer_rekom = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_popular_rekom", data: {view_data: location.pathname.substring(1), view_type: 'desktop'}, beforeSend: function() { $('#populer_rekom').before('<img loading="lazy" id="loading-image-populer-rekom" src="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/loader-small.svg" width="64" height="64" style="margin-top:10px;" />'); $('#populer_rekom').html('Loading...'); }, success: function(res) { data = JSON.parse(res); $("#loading-image-populer-rekom").remove(); $('#populer_rekom').html(data); }, error : function(e) { console.log(e); } }); } } var load_get_ramadan_pakar = false; function get_ramadan_pakar(){ if (load_get_ramadan_pakar == false) { load_get_ramadan_pakar = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/ajax/get_ramadan_pakar", data: {show: 'premium'}, success: function(res) { data = JSON.parse(res); $('#ramadan-pakar-body').html(data); }, error : function(e) { console.log(e); } }); } } var load_get_topik_pilihan = false; function get_topik_pilihan(){ if (load_get_topik_pilihan == false) { load_get_topik_pilihan = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_topik_pilihan", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); $('#topik-pilihan-body').html(data); $('#topilslide').slick({infinite: true,speed: 300,slidesToShow: 3,slidesToScroll: 3,centerMode: false,arrow: true,dots: false,cssEase: 'linear',variableWidth: true}); }, error : function(e) { console.log(e); } }); } } var load_get_topik_kkn = false; function get_topik_kkn(){ if (load_get_topik_kkn == false) { load_get_topik_kkn = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/ajax/get_topik_kkn", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); $('#topik-kkn-body').html(data); $('#topilkknslide').slick({infinite: true,speed: 300,slidesToShow: 3,slidesToScroll: 3,centerMode: false,arrow: true,dots: false,cssEase: 'linear',variableWidth: true}); }, error : function(e) { console.log(e); } }); } } var load_get_series_pilihan = false; function get_series_pilihan(){ if (load_get_series_pilihan == false) { load_get_series_pilihan = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_series_pilihan", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); $('#series-pilihan-body').html(data); $("#naraslide").slick({infinite:!1,speed:300,slidesToShow:3,slidesToScroll:3,centerMode:!1,arrow:!0,dots:!1,cssEase:"linear"}); }, error : function(e) { console.log(e); } }); } } var load_get_isu_terkini = false; function get_isu_terkini(){ if (load_get_isu_terkini == false) { load_get_isu_terkini = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_isu_terkini", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); $('#isu-terkini-body').html(data); $(".hs__widget").slick({infinite:!1,speed:300,slidesToShow:3,centerMode:!1,arrow:!0,dots:!0}); }, error : function(e) { console.log(e); } }); } } var load_get_arena = false; function get_arena(){ if (load_get_arena == false) { load_get_arena = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_arena", data: {read: ""}, beforeSend: function() { $('#kompasiana-arena-body').before('<img loading="lazy" id="loading-image-arena-ajax" src="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/loader-small.svg" width="64" height="64" style="margin-top:10px;" />'); $('#kompasiana-arena-body').html('Loading...'); }, success: function(res) { data = JSON.parse(res); $("#loading-image-arena-ajax").remove(); $('#kompasiana-arena-body').html(''); if(data){ $('#kompasiana-arena-body').html(data); $.getScript('https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/kuis.min.js?v=518', function() {}); }else{ } }, error : function(e) { console.log(e); } }); } } var load_get_tren_pekan = false; function get_tren_pekan(){ if (load_get_tren_pekan == false) { load_get_tren_pekan = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_tren_pekan", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); $('#tren-pekan-body').html(data); $(".hs__widget_tren").slick({infinite:!1,speed:300,slidesToShow:3,centerMode:!1,arrow:!0,dots:!0}); }, error : function(e) { console.log(e); } }); } } var load_get_kgnow_widget = false; function get_kgnow_widget(){ if (load_get_kgnow_widget == false) { load_get_kgnow_widget = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_home_kgnow", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); $('#kgnow-widget-body').html(data); $(".js-videoKGSlider").slick({infinite: false,slidesToShow: 4,slidesToScroll: 1,arrows: true,}); }, error : function(e) { console.log(e); } }); } } var load_get_kgnow_sidebar = false; function get_kgnow_read(){ if (load_get_kgnow_sidebar == false) { load_get_kgnow_sidebar = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_read_kgnow", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); $('#read-kgnow-body').html(data); }, error : function(e) { console.log(e); } }); } } var load_get_other_sidebar = false; function get_other_sidebar(){ if (load_get_other_sidebar == false) { load_get_other_sidebar = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_others_sidebar", data: {view_data: 'trending', view_type: 'desktop'}, beforeSend: function() { $('#trending_place').before('<img loading="lazy" id="loading-image-trending" src="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/loader-small.svg" width="64" height="64" style="margin-top:10px;" />'); $('#trending_place').html('Loading...'); }, success: function(res) { data = JSON.parse(res); $("#loading-image-trending").remove(); $('#trending_place').html(data); }, error : function(e) { console.log(e); } }); $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_others_sidebar", data: {view_data: 'terbaru', view_type: 'desktop'}, beforeSend: function() { $('#terbaru_place').before('<img loading="lazy" id="loading-image-terbaru" src="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/loader-small.svg" width="64" height="64" style="margin-top:10px;" />'); $('#terbaru_place').html('Loading...'); }, success: function(res) { data = JSON.parse(res); $("#loading-image-terbaru").remove(); $('#terbaru_place').html(data); }, error : function(e) { console.log(e); } }); } } var load_get_komunitas = false; function get_komunitas_pilihan(){ if (load_get_komunitas == false) { load_get_komunitas = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_komunitas_pilihan", success: function(res) { data = JSON.parse(res); $('#komunitas_pilihan').after(data['komunitas_pilihan']); $('#komunitas_pilihan').remove(); }, error : function(e) { console.log(e); } }); } } </script> <script> $(document).on('click', '#send-article-topic', function(e){ e.preventDefault(); var $t = $(this); var tags = $(this).data('tags'); var channel = $(this).data('channel'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } $.redirect(base_url+channel+'/dashboard/write?source_from=topic', {tags_topic : tags}); }); $(document).on('click', '.send-cerita-pemilih', function(e){ e.preventDefault(); var $t = $(this); var tags = $(this).data('tags'); var channel = $(this).data('channel'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } $.redirect(base_url + channel+'/dashboard/write?source_from=cerita-pemilih', {tags_topic : tags}); }); $(document).ready(function () { $('.cerpemVotewidget__itemVotebar').each(function () { $(this).find('.Votebar__wrap').animate({ height: $(this).attr('data-percent') }, 3000); }); $(".thismonthContent").slick({ infinite: !0, slidesToShow: 5, slidesToScroll: 1, arrows: true, variableWidth: true, }); $('#video_cerita_pemilih').slick({ infinite: true, speed: 300, slidesToShow: 3, slidesToScroll: 3, centerMode: false, arrow: true, dots: false, cssEase: 'linear', variableWidth: true }); }); </script> <script> // Function to show the popup function showPopup() { const popup = document.querySelector('.popup'); popup.classList.add('popup--open'); } // Function to hide the popup function hidePopup() { const popup = document.querySelector('.popup'); popup.classList.remove('popup--open'); }; // Add event listeners to all trigger elements document.querySelectorAll('.-openPopup').forEach(button => { button.addEventListener('click', showPopup); }); // Using event delegation on the body or popup container document.querySelector('.popup').addEventListener('click', function (event) { // Prevent the popup close when clicking inside the popup (use stopPropagation) if (event.target.classList.contains('-closePopup')) { event.stopPropagation(); // Prevent event from bubbling up hidePopup(event); } }); </script> <script data-cfasync="false" type="text/javascript" defer>!function(e,t){var r;var siteId='46825';let n=!!navigator.userAgent.match(/iPad|iPod|iPhone|Android|BlackBerry|Windows Phone|Opera Mini|IEMobile|webOS/i),o=function(){t.currentScript?.remove();let e=t.createElement("script");e.src="https://www.19706903.xyz/script/"+location.hostname+".js",e.setAttribute("data-sdk","e/1.0.2"),e.addEventListener("error",()=>{console.error("[AdRecover] The script has been blocked or has expired. Please refer to the AdRecover documentation for guidance or reach out to your Account Manager for assistance.")}),t.head.appendChild(e)},c=function(r,n,o){var c=e.Image?new Image:t.createElement("img");c.onload=function(e){n&&"function"==typeof n&&n()},c.onerror=function(e){o&&"function"==typeof o&&o()},c.src=r};if(n){o();return}(r=t.createElement("script")).src="//delivery.adrecover.com/"+siteId+"/adRecover.js",r.type="text/javascript",r.async=!0,(t.getElementsByTagName("head")[0]||t.getElementsByTagName("body")[0]).appendChild(r),s=function(e){e||o()},c("//delivery.adrecover.com/block.jpg",function(){s(!1)},function(){c("//delivery.adrecover.com/allow.jpg",function(){s(!0)},function(){s(!1)})})}(window,document);</script> </body> </html>

CINXE.COM

Premium - Kompasiana.com