CINXE.COM
Tentang Kompasiana - Kompasiana.com
<!DOCTYPE html> <html lang="id"> <head> <script> var arr_edit_url = []; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ "title": "Tentang Kompasiana - Kompasiana.com", "url": "https://www.kompasiana.com/tentang-kompasiana", "content_category": "tentang-kompasiana", "content_subcategory": "", "content_id": "", "content_location": "ID", "content_type": "article", "content_PublishedDate": "2024-11-25T19:39:29+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> <!-- google tag --> <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 --> <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="Tentang Kompasiana - Kompasiana.com"> <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="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="Tentang Kompasiana - Kompasiana.com" /> <meta property="og:url" content="https://www.kompasiana.com/tentang-kompasiana" /> <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="tentang-kompasiana" /> <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>Tentang Kompasiana - Kompasiana.com</title> <!-- link --> <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/tentang-kompasiana"> <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> <!-- preload banner ultah --> <!-- style core --> <!-- s: preload --> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style.min.css?v=518" rel="stylesheet"> <!-- maintain belt--> <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> <!-- style reward --> <!-- style kotak suara --> <!-- style politik --> <!-- style olah raga --> <!-- style new world --> <!-- style indexnews --> <!-- style write --> <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"> <!-- style meta menu bar rekomendasi --> <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"> <!-- style header footer --> <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"> <link href="https://assets-a1.kompasiana.com/statics/2024/www/desktop/style-help.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2024/www/desktop/style-help.min.css?v=518" rel="stylesheet"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <!-- montserrat font guest header --> <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> <!-- font --> <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> <!-- header --> <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> <!-- pop up --> <span id="activity_popup" style="display: none"></span> <!-- <div class="js-nav-offset"></div> --> <section> <div class="row"> <div class="aboutContainer"> <!-- s: --> <div class="aboutNav"> <h1 class="aboutTitle">TENTANG KOMPASIANA</h1> <div class="aboutNav__item"> <li class="aboutNav__itemBtn active" data-tab-target="tab1">Profil</li> <li class="aboutNav__itemBtn " data-tab-target="tab2">Statistik</li> <li class="aboutNav__itemBtn " data-tab-target="tab3">Tim</li> </div> </div> <!-- e: --> <div class="aboutDetail"> <div class="aboutDetail__stats"> <div class="breadcrumb"> <li> <a href="https://www.kompasiana.com/tentang-kompasiana"> Tentang Kompasiana</a> </li> <li class="active">Profil</li> </div> </div> <!-- s: --> <div class="aboutDetail__wrap active" id="tab1"> <div class="aboutDetail__textbox"> <h2 class="aboutDetail__title aboutDetail__textboxHeading">Profil</h2> <p>Kompasiana adalah sebuah platform blog yang dikembangkan oleh PT. Kompas Cyber Media sejak 22 Oktober 2008. Sebagai platform yang berbasiskan user-generated content seperti media sosial, setiap konten (artikel, foto, video, dan komentar) dibuat dan ditayangkan langsung oleh Pengguna Internet yang telah memiliki Akun Kompasiana (disebut Kompasianer).</p> <p>Di tahun pertama kehadirannya, Kompasiana dibangun sebagai blog jejaring internal untuk jurnalis dan karyawan Kompas Gramedia. Memasuki tahun 2009, produk ini bertransformasi menjadi platform blog untuk semua orang. Nama Kompasiana sendiri diambil dari nama kolom yang diisi oleh Pendiri Harian Kompas, PK Ojong.</p> <p>Pada tahun 2017, produk digital yang semula menyandang slogan “Sharing. Connecting” ini mengusung slogan baru: “Beyond Blogging”. “Lebih dari sekedar ngeblog” merupakan semangat dan tekad menghadirkan sesuatu yang lebih bermakna dan bernilai bagi pengguna maupun pengakses.</p> <p>Melalui slogan tersebut, masyarakat diharapkan lebih mudah mengenali Kompasiana sebagai produk media sosial buatan Indonesia, sekaligus mempertegas visi dan misi Kompasiana sebagai saluran opini dan gagasan yang mencerahkan dan memperkaya wawasan, serta menjadi saluran pemberdayaan kreator konten.</p> <p>Setiap konten yang dibuat Kompasianer dapat langsung tayang sehingga memberikan ruang kepada pengguna untuk turut berpartisipasi dalam pengelolaan melalui fitur pelaporan guna memastikan tidak ada konten yang melanggar Syarat dan Ketentuan.</p> <p>Sepanjang perjalanannya, Kompasiana pernah meraih tiga penghargaan, yakni Asian Digital Media Awards-2010 (Best in Digital Content – User Generated Content) WAN-IFRA, Kanal Blog Citizen Journalism Terbaik dari Pesta Blogger 2010 dan Marketeers Netizen Champion dari majalah Marketeers.</p> <p>Kompasiana juga telah menghubungkan banyak jenama dan lembaga untuk berinteraksi dengan komunitas Kompasianer melalui beragam kegiatan online dan offline. Bahkan, Kompasiana juga telah dijadikan medium belajar-mengajar di perguruan tinggi.</p> </div> <button class="aboutNav__itemBtn aboutNav__itemBtn--next" data-tab-target="tab2">Statistik</button> </div> <div class="aboutDetail__wrap " id="tab2"> <div class="aboutDetail__textbox"> <h2 class="aboutDetail__title aboutDetail__textboxHeading">Statistik - 2024</h2> <div class="aboutDetail__textboxAtt center"> <div class="aboutDetail__textboxAtt__box"> <img src="https://assets-a2.kompasiana.com/items/penghargaan/statistic-1-1715756354.svg?t=o&v=50" class="aboutDetail__textboxAtt__boxIcon"/> <div class="aboutDetail__textboxAtt__boxName">Total Anggota</div> <div class="aboutDetail__textboxAtt__boxCount">5,246,850</div> </div> <div class="aboutDetail__textboxAtt__box"> <img src="https://assets-a2.kompasiana.com/items/penghargaan/statistic-2-1715756422.svg?t=o&v=50" class="aboutDetail__textboxAtt__boxIcon"/> <div class="aboutDetail__textboxAtt__boxName">Total Konten</div> <div class="aboutDetail__textboxAtt__boxCount">3,307,962</div> </div> <div class="aboutDetail__textboxAtt__box"> <img src="https://assets-a2.kompasiana.com/items/penghargaan/statistic-3-1715758010.svg?t=o&v=50" class="aboutDetail__textboxAtt__boxIcon"/> <div class="aboutDetail__textboxAtt__boxName">Konten/Hari</div> <div class="aboutDetail__textboxAtt__boxCount">1,200</div> </div> <div class="aboutDetail__textboxAtt__box"> <img src="https://assets-a2.kompasiana.com/items/penghargaan/statistic-4-1715758049.svg?t=o&v=50" class="aboutDetail__textboxAtt__boxIcon"/> <div class="aboutDetail__textboxAtt__boxName">Page View/Bulan</div> <div class="aboutDetail__textboxAtt__boxCount">19,299,145</div> </div> <div class="aboutDetail__textboxAtt__box"> <img src="https://assets-a2.kompasiana.com/items/penghargaan/statistic-5-1715758078.svg?t=o&v=50" class="aboutDetail__textboxAtt__boxIcon"/> <div class="aboutDetail__textboxAtt__boxName">Pengunjung/Bulan</div> <div class="aboutDetail__textboxAtt__boxCount">7,680,034</div> </div> </div> </div> <div class="aboutDetail__textbox"> <h2 class="aboutDetail__textboxHeading mt50">Penghargaan</h2> <div class="aboutDetail__textboxAtt center"> <div class="aboutDetail__textboxAtt__img"> <img src="https://assets-a2.kompasiana.com/items/penghargaan/mark-plus-1717405548.jpg?t=o&v=200"> <span class="">MarkPlus-2010</span> </div> <div class="aboutDetail__textboxAtt__img"> <img src="https://assets-a2.kompasiana.com/items/penghargaan/pestabloger-1717405555.jpg?t=o&v=200"> <span class="">Pesta Blogger-2010</span> </div> <div class="aboutDetail__textboxAtt__img"> <img src="https://assets-a2.kompasiana.com/items/penghargaan/adma-1717405568.jpg?t=o&v=200"> <span class="">Asian Digital Media Awards 2010 WAN IFRA</span> </div> </div> </div> <button class="aboutNav__itemBtn aboutNav__itemBtn--prev" data-tab-target="tab1">Profil</button> <button class="aboutNav__itemBtn aboutNav__itemBtn--next" data-tab-target="tab3">Tim</button> </div> <div class="aboutDetail__wrap " id="tab3"> <div class="aboutDetail__textbox"> <h2 class="aboutDetail__title aboutDetail__textboxHeading">Tim Kompasiana</h2> <h2 class="aboutDetail__textboxHeading">MANAGEMENT</h2> <div class="flex"> <div class="flex-3"> <b>Chief Executive Officer KG Media</b> <p>Andy Budiman</p> </div> <div class="flex-3"> <b>Chief Marketing Officer KG Media</b> <p>Dian Gemiano</p> </div> <div class="flex-3"> <b>Chief Operation Officer Kompasiana</b> <p>Nurulloh</p> </div> <div class="flex-3"> <b>GM Content (KOMPAS.com)</b> <p>Wisnu Nugroho</p> </div> <div class="flex-3"> <b>Digital Sales Deputy Director KG Media</b> <p>Devie Emza</p> </div> <div class="flex-3"> <b>Senior GM Technology KG Media</b> <p>Johnsons</p> </div> <div class="flex-3"> <b>GM HR & GA KG Media</b> <p>M. Trinovita</p> </div> <div class="flex-3"> <b>GM Technology KG Media</b> <p>Ihwan Santoso</p> </div> <div class="flex-3"> <b>Marcomm Manager KG Media</b> <p>Deasy Diansari</p> </div> <div class="flex-3"> <b>Sales Manager (KOMPAS.com)</b> <p>Faber Tri Perwira</p> </div> <div class="flex-3"> <b>Finance Manager KG Media</b> <p>Daoni</p> </div> <div class="flex-3"> <b>Secretary & Administrative </b> <p>Rizkia Afidah</p> </div> </div> <h2 class="aboutDetail__textboxHeading">CONTENT & COMMUNITY</h2> <div class="flex"> <div class="flex-3"> <b>Head of Content</b> <p>Marcia Audita</p> </div> <div class="flex-3"> <b>Head of Community </b> <p>Kevin Anandhika L</p> </div> <div class="flex-3"> <b>Social Media Strategist</b> <p>Hesti Maulida</p> </div> <div class="flex-3"> <b>Content Moderator</b> <p>Nindya Prismahita</p> </div> <div class="flex-3"> <b>Content Moderator </b> <p>Herry Ramdhani</p> </div> <div class="flex-3"> <b>Content Moderator </b> <p>Ibnu Siena</p> </div> <div class="flex-3"> <b>Content Moderator </b> <p>Isky Fatimah</p> </div> <div class="flex-3"> <b>Community Moderator</b> <p>Ichsan Kamil</p> </div> <div class="flex-3"> <b>Community Moderator </b> <p>M. Syifa Syarofi</p> </div> <div class="flex-3"> <b>Associate Moderator</b> <p>Nikolas Samud</p> </div> <div class="flex-3"> <b>Associate Moderator</b> <p>Harrist Riansyah</p> </div> <div class="flex-3"></div> </div> <h2 class="aboutDetail__textboxHeading">BUSINESS</h2> <div class="flex"> <div class="flex-3"> <b>Head of Marketing</b> <p>Qolbi Azhari</p> </div> <div class="flex-3"> <b>Head of Sales</b> <p>Ery Kurniawati</p> </div> <div class="flex-3"> <b>Marketing</b> <p>Rayhan Imam</p> </div> <div class="flex-3"> <b>Marketing</b> <p>Cyntia Monica</p> </div> <div class="flex-3"> <b>Sales</b> <p>Nurul Asih</p> </div> <div class="flex-3"> <b>Copywriter</b> <p>Like Permata Dewi</p> </div> <div class="flex-3"> <b>Marketing Communication</b> <p>Almira Rafifah</p> </div> <div class="flex-3"></div> <div class="flex-3"></div> </div> <h2 class="aboutDetail__textboxHeading">PRODUCT & TECHNOLOGY</h2> <div class="flex"> <div class="flex-3"> <b>Head of Technology </b> <p>Ferdi Ardianto</p> </div> <div class="flex-3"> <b>Creative Designer</b> <p>Rizki</p> </div> <div class="flex-3"> <b>Product Management Specialist</b> <p>Romi Dandiawan</p> </div> <div class="flex-3"> <b>Developer</b> <p>Ricky Wijaya</p> </div> <div class="flex-3"></div> <div class="flex-3"></div> </div> </div> <button class="aboutNav__itemBtn aboutNav__itemBtn--prev" data-tab-target="tab2">Statistik</button> </div> <!-- s: --> </div> </div> </div> </section> <!-- s: pop up report --> <!-- s : pop up report --> <div class="reportpopup"> <div class="reportpopupClose" onclick="this.parentElement.style.display='none';"></div> <form class="reportpopupContent"> <h5 class="reportpopupTitle">LAPORKAN KONTEN</h5> <div id="listChoiceReasonKonten"> <div class="radio"> <input id="radio-61557bfc91bd5b23220c6603" data-reason="Konten tidak orisinal/melanggar hak cipta" name="radio_reason" type="radio"> <label for="radio-61557bfc91bd5b23220c6603" class="radio-label">Konten tidak orisinal/melanggar hak cipta</label> </div> <div class="radio"> <input id="radio-61557c0991bd5b087c6f74a4" data-reason="Hate speech/menyerang/merugikan pihak lain" name="radio_reason" type="radio"> <label for="radio-61557c0991bd5b087c6f74a4" class="radio-label">Hate speech/menyerang/merugikan pihak lain</label> </div> <div class="radio"> <input id="radio-61557c1991bd5b2a2b7c5818" data-reason="Vulgar/menimbulkan perasaan tidak nyaman (pornografi, darah, data privat, dsb)" name="radio_reason" type="radio"> <label for="radio-61557c1991bd5b2a2b7c5818" class="radio-label">Vulgar/menimbulkan perasaan tidak nyaman (pornografi, darah, data privat, dsb)</label> </div> <div class="radio"> <input id="radio-61557c2591bd5b40651e4ad2" data-reason="Mengandung berita bohong/hoaks/misinformasi" name="radio_reason" type="radio"> <label for="radio-61557c2591bd5b40651e4ad2" class="radio-label">Mengandung berita bohong/hoaks/misinformasi</label> </div> <div class="radio"> <input id="radio-61557c3e91bd5b43df3c8553" data-reason="Promosi aktivitas ilegal/berbahaya (judi, aborsi, investasi bodong, bunuh diri, dsb)" name="radio_reason" type="radio"> <label for="radio-61557c3e91bd5b43df3c8553" class="radio-label">Promosi aktivitas ilegal/berbahaya (judi, aborsi, investasi bodong, bunuh diri, dsb)</label> </div> </div> <div id="listChoiceReasonUser" style="display:none"> <div class="radio"> <input id="radio-61557adc91bd5b5a36011973" data-reason="Spamming" name="radio_reason" type="radio"> <label for="radio-61557adc91bd5b5a36011973" class="radio-label">Spamming</label> </div> <div class="radio"> <input id="radio-61557b9491bd5b27022316d7" data-reason="Akun ini palsu/menggunakan identitas orang lain" name="radio_reason" type="radio"> <label for="radio-61557b9491bd5b27022316d7" class="radio-label">Akun ini palsu/menggunakan identitas orang lain</label> </div> <div class="radio"> <input id="radio-61557ba091bd5b2a2b7c5817" data-reason="Akun ini membahayakan pihak lain" name="radio_reason" type="radio"> <label for="radio-61557ba091bd5b2a2b7c5817" class="radio-label">Akun ini membahayakan pihak lain</label> </div> <div class="radio"> <input id="radio-61557bba91bd5b26fc6b14d6" data-reason="Akun ini diretas" name="radio_reason" type="radio"> <label for="radio-61557bba91bd5b26fc6b14d6" class="radio-label">Akun ini diretas</label> </div> <div class="radio"> <input id="radio-61557bcb91bd5b087c6f74a3" data-reason="Akun menyebarkan kebencian (hate speech)" name="radio_reason" type="radio"> <label for="radio-61557bcb91bd5b087c6f74a3" class="radio-label">Akun menyebarkan kebencian (hate speech)</label> </div> </div> <span id="word_alasan">Alasan</span> <textarea id="laporkan-text-new" placeholder="Tulis Alasan Anda ..."></textarea> <img id="laporkan-loading" style="display: none;margin-top:5px;margin-left:auto;margin-right:auto;" src="https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/images/loader-small.svg" class="mb20"> <div class="reportpopupAction"> <a href="javascript:void(0)" class="reportpopupAction__button -reportbatal">Batalkan</a> <a href="javascript:void(0)" id="laporkan-submit-new" class="reportpopupAction__button -reportlanjut">Laporkan</a> </div> </form> </div> <div class="reportpopupMessage"> <div class="reportpopupClose" onclick="close_msg()"></div> <span id="msgreport"></span> </div> <!-- e : pop up report --> <!-- e: pop up report --> <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"> 漏 2024 Kompasiana.com. A subsidiary of <a href="//kgmedia.id" target="_blank" rel="noopener">KG Media</a>. All Rights Reserved </div> </div> </div> </footer> <!-- e : footer --> <!-- jquery --> <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> <!-- slick --> <!-- slick --> <!-- slick --> <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> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/help.min.js?v=518" rel="preload" as="script"> <script type="text/javascript" src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/help.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 = 'about'; var page_id = 'static'; var currentState = location.pathname.substring(1); var next_url = 'aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20vdGVudGFuZy1rb21wYXNpYW5h'; $.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'] == "tentang-kompasiana"){ 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/tentang-kompasiana/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> <!-- meta header menu bar --> <script defer src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/headernews.min.js?v=518"></script> <!-- lazyloading image don't remove --> <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> <!-- js dashboard --> <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==/aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20vdGVudGFuZy1rb21wYXNpYW5h'; } </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> <!-- redirect and ads --> <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> <!-- global script for favorit and report --> <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> <!-- s : popup verifikasi --> <div class="popup__overlay" data-popup="left" id="pver"> <div class="popupContent align-center text-center"> <div class="popupContent__wrap"> <button class="popupClose" aria-label="Close Popup" data-popup-button="dismiss">×</button> <div class="popupImage"> <span class="icon-verif"></span> </div> <div class="popupContent__title">Akun Terverifikasi</div> <div class="popupContent__body"> Diberikan kepada Kompasianer aktif dan konsisten dalam membuat konten dan berinteraksi secara positif. </div> <a href="https://www.kompasiana.com/kompasiana/63aa5d517bda02428d4f8c95/kriteria-terbaru-verifikasi-biru-kompasiana" class="popupContent__cta mt10">Pelajari selanjutnya.</a> </div> </div> </div> <!-- e : popup verifikasi --> <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: 'about'}, 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> </body> </html>