CINXE.COM

<!DOCTYPE html> <html lang="id"> <head> <script> var arr_edit_url = []; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ "title": "Halaman Artikel Profil Yovinus - Kompasiana.com", "url": "https://www.kompasiana.com/menujuhiduplebihbaik", "content_category": "menujuhiduplebihbaik", "content_subcategory": "", "content_id": "", "content_location": "ID", "content_type": "article", "content_PublishedDate": "2024-11-29T14:12:54+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="Lihat Profil dan Baca Artikel Terbaru Yovinus Blogger di 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="Halaman Artikel Profil Yovinus - Kompasiana.com" /> <meta property="og:url" content="https://www.kompasiana.com/menujuhiduplebihbaik" /> <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="menujuhiduplebihbaik" /> <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>Halaman Artikel Profil Yovinus - 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/menujuhiduplebihbaik"> <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/style.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-paid-dashboard.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/css/bootstrap-datepicker.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"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-paid-dashboard.min.css?v=518" rel="stylesheet"> <link href="https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/css/bootstrap-datepicker.min.css?v=518" rel="stylesheet"> <style type="text/css"> .artikel{width:100%}#load-image-channel{margin-top:25px}#index_channel{clear:both;display:block;overflow:visible}.edit-foto-pic{color:#fff}#avatar-preview{width:184px;height:184px;background:#494949}.profil-cover .photo .user-img{height:auto}#cover-upload{display:none}.selectize-control.multi::before{-moz-transition:opacity .2s;-webkit-transition:opacity .2s;transition:opacity .2s;content:' ';z-index:2;position:absolute;display:block;top:12px;right:34px;width:16px;height:16px;background:url(http://assets-a1.kompasiana.com/statics/kompasiana2015/images/loading-small.gif) 0 0/16px 16px;opacity:0}.selectize-control.multi.loading::before{opacity:1}table{border-spacing:0;border-collapse:collapse}td,th{padding:5px} </style> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/tailselect.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/tailselect.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> <span class="page_position" data-position="profile" data-profile="menujuhiduplebihbaik" data-menu="latest" data-channel='eyJkYXRhIjp7ImNvdmVyIjp7ImRhdGEiOnsidXJsIjp7InBhdGgiOiJcL2ltYWdlc1wvY292ZXJcL3AtMjAxODAzMjEtMTEyOTE0LWJmLWtvbXBhc2lhbmEtNWVjNzVhMzcwOTdmMzY1OWYwMzlkZDQyLmpwZyJ9fX0sImF2YXRhciI6eyJkYXRhIjp7InVybCI6eyJwYXRoIjoiXC9pbWFnZXNcL2F2YXRhclwvcHJvZmlsZS0yMDIxLWVkaXQtNjA1ZGQyZTM4ZWRlNDg0NzgwNzhmZWEyLmpwZyJ9fX0sImlkIjoiNWVhODA1MDhkNTQxZGYwY2YwMDI0NjM1Iiwia29tcGFzZGF0YSI6eyJkYXRhIjp7ImZ1bGxfbmFtZSI6IllvdmludXMiLCJkZXNjcmlwdGlvbiI6Imxha2ktbGFraSJ9fSwidmVyaWZ5Ijp7ImRhdGEiOnsibmFtZSI6InZlcmlmaWVkIn19fX0='></span> <div class="profil-cover mb20"> <span id="profile_cover"></span> </div>  <div class="container"> <div class="profil-content row mt40">  <div class="leftside col-lg-4 col-md-4 col-sm-4 col-xs-4 mt40"> <div class="title-dash"> <span>Profil</span> </div> <div class="poin"> <div class="poin-wrap"> <a href="#" data-toggle="modal" data-target="#pangkat-info"> <img class="poin-ico" loading="lazy" src="https://assets-a1.kompasiana.com/items/achievement/taruna-1505727701.png?t=t&v=64&x=64"> <span class="poin-pangkat"><b>Taruna</b></span> </a> </div> <div class="poin-total mt10"><b>3.149</b> Poin</div> </div> Hidup itu begitu indah, jadi jangan disia-siakan. Karena kehidupan adalah anugerah Tuhan yang paling sempurna bagi ciptaanNya <div class="join mt20 mb20">Bergabung 28 April 2020</div>  <div class="title-dash"> <span>Statistik</span> </div> <div class="clearfix"> <div class="statistik__box" title="Artikel"> <div class="statistik__box--icon"> <svg class="icon icon-article"><use xlink:href="#icon-article"></use></svg> </div> <div class="statistik__box--text"> 254 </div> </div> <div class="statistik__box" title="Dibaca"> <div class="statistik__box--icon"> <svg class="icon icon-dibaca"><use xlink:href="#icon-dibaca"></use></svg> </div> <div class="statistik__box--text"> 72,695 </div> </div> <div class="statistik__box" title="Komentar"> <div class="statistik__box--icon"> <svg class="icon icon-comment"><use xlink:href="#icon-comment"></use></svg> </div> <div class="statistik__box--text"> 89 </div> </div> <div class="statistik__box" title="Nilai"> <div class="statistik__box--icon"> <svg class="icon icon-nilai"><use xlink:href="#icon-nilai"></use></svg> </div> <div class="statistik__box--text"> 647 </div> </div> <div class="statistik__box" title="Headline"> <div class="statistik__box--icon"> <svg class="icon icon-headline"><use xlink:href="#icon-headline"></use></svg> </div> <div class="statistik__box--text"> 9 </div> </div> <div class="statistik__box" title="Pilihan"> <div class="statistik__box--icon"> <svg class="icon icon-pilihan"><use xlink:href="#icon-pilihan"></use></svg> </div> <div class="statistik__box--text"> 118 </div> </div> </div> <div class="following-box mt20 clearfix"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"><a href="https://www.kompasiana.com/menujuhiduplebihbaik/followers">FOLLOWERS<span>63</span></a></div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"><a href="https://www.kompasiana.com/menujuhiduplebihbaik/following">FOLLOWING<span>90</span></a></div> </div> <div class="socmed clearfix"> <span class="socmed-fb"><a href="https://www.facebook.com/yovinus kalimantan"><svg class="icon icon-facebook"><use xlink:href="#icon-facebook"></use></svg></a></span> <span class="socmed-tw"><a href="https://x.com/home/Hidup Itu Indah"><svg class="icon icon-twitter"><use xlink:href="#icon-twitter"></use></svg></a></span> <span class="socmed-ig"><a href="https://www.instagram.com/yovinus8604/"><svg class="icon icon-ig"><use xlink:href="#icon-ig"></use></svg></a></span> <span class="socmed-yt"><a href="https://studio.youtube.com/channel/UC6rQWLTkLT3KxQqnkgHcKQQ"><svg class="icon icon-yt"><use xlink:href="#icon-yt"></use></svg></a></span> <span class="socmed-tk"><a href="@yovinusyovinus788"><svg class="icon icon-tiktok"><use xlink:href="#icon-tiktok"></use></svg></a></span> </div>  <h2 class="title-dash">Label Populer</h2> <ul class="trending-box mb20 clearfix"> <li class="trending-box--item"><h3><a href="https://www.kompasiana.com/tag/ilmusosbud">ilmusosbud</a></h3></li> <li class="trending-box--item"><h3><a href="https://www.kompasiana.com/tag/ruangkelas">ruangkelas</a></h3></li> <li class="trending-box--item"><h3><a href="https://www.kompasiana.com/tag/pilkada">pilkada</a></h3></li> <li class="trending-box--item"><h3><a href="https://www.kompasiana.com/tag/halolokal">halolokal</a></h3></li> <li class="trending-box--item"><h3><a href="https://www.kompasiana.com/tag/ilmualamtekno">ilmualamtekno</a></h3></li> <li class="trending-box--item"><h3><a href="https://www.kompasiana.com/tag/halo-lokal">halo-lokal</a></h3></li> <li class="trending-box--item"><h3><a href="https://www.kompasiana.com/tag/indonesia">indonesia</a></h3></li> </ul>  <div id="group-following-base"> </div> <div id="group-following-body"> </div> </div>   <div class="rightside col-lg-8 col-md-8 col-sm-8 col-xs-8 mt20">  <span id="profile_navbar"></span>  <div class="profil-menu pull-right clearfix mt10"> <form action="javascript:void(0)"> <select name="rubrik_list" id="rubrik_list" form="rubrik" class="rubrik_list cs-select cs-sort"> <option value="Categories">Semua Kategori</option> <option value='Game Changer'>Game Changer</option><option value='Cerita Pemilih'>Cerita Pemilih</option><option value='Fiksiana'>Fiksiana</option><option value='Halo Lokal'>Halo Lokal</option><option value='Humaniora'>Humaniora</option><option value='Inovasi'>Inovasi</option><option value='Lyfe'>Lyfe</option><option value='Money'>Money</option><option value='New World'>New World</option><option value='Olahraga'>Olahraga</option><option value='Ruang Kelas'>Ruang Kelas</option><option value='Travel Story'>Travel Story</option><option value='Video'>Video</option><option value='Vox Pop'>Vox Pop</option> </select> <select name="tahun_list" id="tahun_list" form="tahun" class="tahun_list cs-select cs-sort"> <option value="Years" selected>Semua Tahun</option> <option value='2024'>2024</option><option value='2023'>2023</option><option value='2022'>2022</option><option value='2021'>2021</option><option value='2020'>2020</option><option value='2019'>2019</option><option value='2018'>2018</option><option value='2017'>2017</option><option value='2016'>2016</option><option value='2015'>2015</option><option value='2014'>2014</option><option value='2013'>2013</option><option value='2012'>2012</option><option value='2011'>2011</option><option value='2010'>2010</option><option value='2009'>2009</option><option value='2008'>2008</option> </select> <select name="bulan_list" id="bulan_list" form="bulan" class="bulan_list cs-select cs-sort"> <option value="Months" selected>Semua Bulan</option> <option value="1">Januari</option> <option value="2">Februari</option> <option value="3">Maret</option> <option value="4">April</option> <option value="5">Mei</option> <option value="6">Juni</option> <option value="7">Juli</option> <option value="8">Agustus</option> <option value="9">September</option> <option value="10">Oktober</option> <option value="11">November</option> <option value="12">Desember</option> </select> <select name="type_list" id="type_list" form="type" class="type_list cs-select cs-sort"> <option value="all" selected>Semuanya</option> <option value="headline">Headline</option> <option value="highlight">Highlight</option> </select> <button class="profil-show-btn" id="filter_user" data-channel="menujuhiduplebihbaik" data-perpage="5" data-page="2" onclick="filterPostUser('top')">TAMPILKAN</button> </form> </div>   <div class="artikel-data" id="index_channel" > <div id="users_posts"> <div class="timeline--item timeline--artikel " id="item_6744368134777c78dd07b362"> <div class="timeline__ribbon" title="Tambahkan ke Favorit" id="button_6744368134777c78dd07b362"> <div id="6744368134777c78dd07b362_load-image-favorit" style="font-size:14px; color:grey;"></div> <a href="javascript:void(0)" id="6744368134777c78dd07b362_favorit" onclick="new_favorit('6744368134777c78dd07b362')">+</a> </div> <div class="timeline__flag postRibbon" title="Report"> <a href="javascript:void(0);" class="timeline__flag_report -reportChoose"> </a> <div class="reportbtnMenu"> <div class="reportbtnMenu__item -reportKonten btnReportKonten postRibbon" data-post="6744368134777c78dd07b362">Laporkan Konten</div> <div class="reportbtnMenu__item -reportAkun btnReportAkun postRibbon" data-user="5ea80508d541df0cf0024635">Laporkan Akun</div> </div> </div> <div class="artikel"> <div class="artikel--img"> <a href="https://www.kompasiana.com/menujuhiduplebihbaik/6744368134777c78dd07b362/operasi-pasar-dan-harapan-yang-terkikis"><img loading="lazy" src="https://assets-a1.kompasiana.com/items/album/2024/11/25/beras-674434ba34777c5fb77a2732.jpg?t=o&v=410"></a> </div> <div class="artikel--content"> <div class="thumb-user clearfix"> <div class="user-img mr10"> <a href="https://www.kompasiana.com/menujuhiduplebihbaik"><img loading="lazy" src="https://assets-a1.kompasiana.com/images/avatar/profile-2021-edit-605dd2e38ede48478078fea2.jpg?t=t&v=40&x=40"></a> </div> <div class="user-box col-lg-12 col-md-12 col-sm-12 col-xs-12"> <a href="https://www.kompasiana.com/menujuhiduplebihbaik">Yovinus </a> <div class="date-box"> 25 November 2024 | 3 hari lalu </div> </div> </div> <h2><a href="https://www.kompasiana.com/menujuhiduplebihbaik/6744368134777c78dd07b362/operasi-pasar-dan-harapan-yang-terkikis">Operasi Pasar dan Harapan yang Terkikis</a></h2>  </div> </div> <div class="artikel-foot clearfix"> <div class="artikel--left artikel--tag"><span>Cerpen</span></div> <div class="artikel--right artikel--count" id="show_e_6744368134777c78dd07b362"> <div class="artikel--count__item"><div class="icon"><svg class="icon icon-dibaca"><use xlink:href="#icon-dibaca"></use></svg></div> 30</div> <div class="artikel--count__item"><div class="icon"><svg class="icon icon-like"><use xlink:href="#icon-like"></use></svg></div>1</div> <div class="artikel--count__item"><div class="icon"><svg class="icon icon-comment"><use xlink:href="#icon-comment"></use></svg></div>0</div> </div> </div> <div class="holder-tools" style="display:none;"></div> </div> <div class="timeline--item timeline--artikel " id="item_673a0582c925c47100632d26"> <div class="timeline__ribbon" title="Tambahkan ke Favorit" id="button_673a0582c925c47100632d26"> <div id="673a0582c925c47100632d26_load-image-favorit" style="font-size:14px; color:grey;"></div> <a href="javascript:void(0)" id="673a0582c925c47100632d26_favorit" onclick="new_favorit('673a0582c925c47100632d26')">+</a> </div> <div class="timeline__flag postRibbon" title="Report"> <a href="javascript:void(0);" class="timeline__flag_report -reportChoose"> </a> <div class="reportbtnMenu"> <div class="reportbtnMenu__item -reportKonten btnReportKonten postRibbon" data-post="673a0582c925c47100632d26">Laporkan Konten</div> <div class="reportbtnMenu__item -reportAkun btnReportAkun postRibbon" data-user="5ea80508d541df0cf0024635">Laporkan Akun</div> </div> </div> <div class="artikel"> <div class="artikel--img"> <a href="https://www.kompasiana.com/menujuhiduplebihbaik/673a0582c925c47100632d26/pilkada-tanpa-pilihan"><img loading="lazy" src="https://assets-a1.kompasiana.com/items/album/2024/11/17/pilkada-ilustrasi-1-673a0560ed64156f030cac1a.jpeg?t=o&v=410"></a> </div> <div class="artikel--content"> <div class="thumb-user clearfix"> <div class="user-img mr10"> <a href="https://www.kompasiana.com/menujuhiduplebihbaik"><img loading="lazy" src="https://assets-a1.kompasiana.com/images/avatar/profile-2021-edit-605dd2e38ede48478078fea2.jpg?t=t&v=40&x=40"></a> </div> <div class="user-box col-lg-12 col-md-12 col-sm-12 col-xs-12"> <a href="https://www.kompasiana.com/menujuhiduplebihbaik">Yovinus </a> <div class="date-box"> 17 November 2024 | 1 minggu lalu </div> </div> </div> <h2><a href="https://www.kompasiana.com/menujuhiduplebihbaik/673a0582c925c47100632d26/pilkada-tanpa-pilihan">Pilkada Tanpa Pilihan</a></h2>  </div> </div> <div class="artikel-foot clearfix"> <div class="artikel--left artikel--tag"><span>Cerpen</span></div> <div class="artikel--right artikel--count" id="show_e_673a0582c925c47100632d26"> <div class="artikel--count__item"><div class="icon"><svg class="icon icon-dibaca"><use xlink:href="#icon-dibaca"></use></svg></div> 89</div> <div class="artikel--count__item"><div class="icon"><svg class="icon icon-like"><use xlink:href="#icon-like"></use></svg></div>1</div> <div class="artikel--count__item"><div class="icon"><svg class="icon icon-comment"><use xlink:href="#icon-comment"></use></svg></div>0</div> </div> </div> <div class="holder-tools" style="display:none;"></div> </div> <div class="timeline--item timeline--artikel " id="item_67330aefed641516764afd03"> <div class="timeline__ribbon" title="Tambahkan ke Favorit" id="button_67330aefed641516764afd03"> <div id="67330aefed641516764afd03_load-image-favorit" style="font-size:14px; color:grey;"></div> <a href="javascript:void(0)" id="67330aefed641516764afd03_favorit" onclick="new_favorit('67330aefed641516764afd03')">+</a> </div> <div class="timeline__flag postRibbon" title="Report"> <a href="javascript:void(0);" class="timeline__flag_report -reportChoose"> </a> <div class="reportbtnMenu"> <div class="reportbtnMenu__item -reportKonten btnReportKonten postRibbon" data-post="67330aefed641516764afd03">Laporkan Konten</div> <div class="reportbtnMenu__item -reportAkun btnReportAkun postRibbon" data-user="5ea80508d541df0cf0024635">Laporkan Akun</div> </div> </div> <div class="artikel"> <div class="artikel--img"> <a href="https://www.kompasiana.com/menujuhiduplebihbaik/67330aefed641516764afd03/malam-undangan-yang-mengusik"><img loading="lazy" src="https://assets-a1.kompasiana.com/items/album/2024/11/19/undangan-pernikahan-673bda09c925c402c5301b83.jpg?t=o&v=410"></a> </div> <div class="artikel--content"> <div class="thumb-user clearfix"> <div class="user-img mr10"> <a href="https://www.kompasiana.com/menujuhiduplebihbaik"><img loading="lazy" src="https://assets-a1.kompasiana.com/images/avatar/profile-2021-edit-605dd2e38ede48478078fea2.jpg?t=t&v=40&x=40"></a> </div> <div class="user-box col-lg-12 col-md-12 col-sm-12 col-xs-12"> <a href="https://www.kompasiana.com/menujuhiduplebihbaik">Yovinus </a> <div class="date-box"> 12 November 2024 | 2 minggu lalu </div> </div> </div> <h2><a href="https://www.kompasiana.com/menujuhiduplebihbaik/67330aefed641516764afd03/malam-undangan-yang-mengusik">Malam Undangan yang Mengusik</a></h2>  </div> </div> <div class="artikel-foot clearfix"> <div class="artikel--left artikel--tag"><span>Cerpen</span></div> <div class="artikel--right artikel--count" id="show_e_67330aefed641516764afd03"> <div class="artikel--count__item"><div class="icon"><svg class="icon icon-dibaca"><use xlink:href="#icon-dibaca"></use></svg></div> 65</div> <div class="artikel--count__item"><div class="icon"><svg class="icon icon-like"><use xlink:href="#icon-like"></use></svg></div>0</div> <div class="artikel--count__item"><div class="icon"><svg class="icon icon-comment"><use xlink:href="#icon-comment"></use></svg></div>0</div> </div> </div> <div class="holder-tools" style="display:none;"></div> </div> <div class="timeline--item timeline--artikel " id="item_6726bc6ac925c47f28574e12"> <div class="timeline__ribbon" title="Tambahkan ke Favorit" id="button_6726bc6ac925c47f28574e12"> <div id="6726bc6ac925c47f28574e12_load-image-favorit" style="font-size:14px; color:grey;"></div> <a href="javascript:void(0)" id="6726bc6ac925c47f28574e12_favorit" onclick="new_favorit('6726bc6ac925c47f28574e12')">+</a> </div> <div class="timeline__flag postRibbon" title="Report"> <a href="javascript:void(0);" class="timeline__flag_report -reportChoose"> </a> <div class="reportbtnMenu"> <div class="reportbtnMenu__item -reportKonten btnReportKonten postRibbon" data-post="6726bc6ac925c47f28574e12">Laporkan Konten</div> <div class="reportbtnMenu__item -reportAkun btnReportAkun postRibbon" data-user="5ea80508d541df0cf0024635">Laporkan Akun</div> </div> </div> <div class="artikel"> <div class="artikel--img"> <a href="https://www.kompasiana.com/menujuhiduplebihbaik/6726bc6ac925c47f28574e12/drusila-mesin-tawa-yang-tak-kenal-rem"><img loading="lazy" src="https://assets-a1.kompasiana.com/items/album/2024/11/03/tetangga-ribut-6726bc5234777c40c808f282.jpg?t=o&v=410"></a> </div> <div class="artikel--content"> <div class="thumb-user clearfix"> <div class="user-img mr10"> <a href="https://www.kompasiana.com/menujuhiduplebihbaik"><img loading="lazy" src="https://assets-a1.kompasiana.com/images/avatar/profile-2021-edit-605dd2e38ede48478078fea2.jpg?t=t&v=40&x=40"></a> </div> <div class="user-box col-lg-12 col-md-12 col-sm-12 col-xs-12"> <a href="https://www.kompasiana.com/menujuhiduplebihbaik">Yovinus </a> <div class="date-box"> 03 November 2024 | 3 minggu lalu </div> </div> </div> <h2><a href="https://www.kompasiana.com/menujuhiduplebihbaik/6726bc6ac925c47f28574e12/drusila-mesin-tawa-yang-tak-kenal-rem">Drusila, Mesin Tawa yang Tak Kenal Rem</a></h2>  </div> </div> <div class="artikel-foot clearfix"> <div class="artikel--left artikel--tag"><span>Cerpen</span></div> <div class="artikel--right artikel--count" id="show_e_6726bc6ac925c47f28574e12"> <div class="artikel--count__item"><div class="icon"><svg class="icon icon-dibaca"><use xlink:href="#icon-dibaca"></use></svg></div> 66</div> <div class="artikel--count__item"><div class="icon"><svg class="icon icon-like"><use xlink:href="#icon-like"></use></svg></div>0</div> <div class="artikel--count__item"><div class="icon"><svg class="icon icon-comment"><use xlink:href="#icon-comment"></use></svg></div>0</div> </div> </div> <div class="holder-tools" style="display:none;"></div> </div> <div class="timeline--item timeline--artikel " id="item_67249cacc925c4411d3fe463"> <div class="timeline__ribbon" title="Tambahkan ke Favorit" id="button_67249cacc925c4411d3fe463"> <div id="67249cacc925c4411d3fe463_load-image-favorit" style="font-size:14px; color:grey;"></div> <a href="javascript:void(0)" id="67249cacc925c4411d3fe463_favorit" onclick="new_favorit('67249cacc925c4411d3fe463')">+</a> </div> <div class="timeline__flag postRibbon" title="Report"> <a href="javascript:void(0);" class="timeline__flag_report -reportChoose"> </a> <div class="reportbtnMenu"> <div class="reportbtnMenu__item -reportKonten btnReportKonten postRibbon" data-post="67249cacc925c4411d3fe463">Laporkan Konten</div> <div class="reportbtnMenu__item -reportAkun btnReportAkun postRibbon" data-user="5ea80508d541df0cf0024635">Laporkan Akun</div> </div> </div> <div class="artikel"> <div class="artikel--img"> <a href="https://www.kompasiana.com/menujuhiduplebihbaik/67249cacc925c4411d3fe463/pentingkah-saya-sebuah-wacana-tentang-perasaan-yang-terabaikan"><img loading="lazy" src="https://assets-a1.kompasiana.com/items/album/2024/11/01/images-67249bc5c925c43d10148072.jpg?t=o&v=410"></a> </div> <div class="artikel--content"> <div class="thumb-user clearfix"> <div class="user-img mr10"> <a href="https://www.kompasiana.com/menujuhiduplebihbaik"><img loading="lazy" src="https://assets-a1.kompasiana.com/images/avatar/profile-2021-edit-605dd2e38ede48478078fea2.jpg?t=t&v=40&x=40"></a> </div> <div class="user-box col-lg-12 col-md-12 col-sm-12 col-xs-12"> <a href="https://www.kompasiana.com/menujuhiduplebihbaik">Yovinus </a> <div class="date-box"> 01 November 2024 | 3 minggu lalu </div> </div> </div> <h2><a href="https://www.kompasiana.com/menujuhiduplebihbaik/67249cacc925c4411d3fe463/pentingkah-saya-sebuah-wacana-tentang-perasaan-yang-terabaikan">Pentingkah Saya? Jika Pesan WhattsApp Tidak Dibaca atau Dibalas Penerima</a></h2>  </div> </div> <div class="artikel-foot clearfix"> <div class="artikel--left artikel--tag"><span>Humaniora</span></div> <div class="artikel--right artikel--count" id="show_e_67249cacc925c4411d3fe463"> <div class="artikel--count__item"><div class="icon"><svg class="icon icon-dibaca"><use xlink:href="#icon-dibaca"></use></svg></div> 36</div> <div class="artikel--count__item"><div class="icon"><svg class="icon icon-like"><use xlink:href="#icon-like"></use></svg></div>1</div> <div class="artikel--count__item"><div class="icon"><svg class="icon icon-comment"><use xlink:href="#icon-comment"></use></svg></div>0</div> </div> </div> <div class="holder-tools" style="display:none;"></div> </div> </div> </div> <div class="text-center mt20 mb20"> <div id="load-image-channel"></div> <div id="button_load_more"> <div class="more-stories text-center mt20"><a data-channel="menujuhiduplebihbaik" data-perpage="5" data-page="2" data-holder="index_channel" data-status="published" id="load-more-filter-posts" onclick="filterPostUser('load_more')" class="load-more" href="javascript:void(0)">Load More</a></div> </div> </div> <script> var get_edit_url = "6744368134777c78dd07b362,673a0582c925c47100632d26,67330aefed641516764afd03,6726bc6ac925c47f28574e12,67249cacc925c4411d3fe463"; var arr_edit_url = get_edit_url.split(","); </script> </div>  </div> </div> <style> .groupTitle, .groupTitle span{ display : inline !important } </style> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "ProfilePage", "dateCreated": "2024-11-29T21:12:54+0700", "dateModified": "2024-11-29T21:12:54+0700", "mainEntity": { "@id": "#main-author", "@type": "Person", "name": "Yovinus", "identifier": "menujuhiduplebihbaik", "interactionStatistic": [{ "@type": "InteractionCounter", "interactionType": "https://schema.org/FollowAction", "userInteractionCount": 63 },{ "@type": "InteractionCounter", "interactionType": "https://schema.org/LikeAction", "userInteractionCount": 647 }], "agentInteractionStatistic": { "@type": "InteractionCounter", "interactionType": "https://schema.org/WriteAction", "userInteractionCount": 254 }, "description": "Hidup itu begitu indah, jadi jangan disia-siakan. Karena kehidupan adalah anugerah Tuhan yang paling sempurna bagi ciptaanNya", "image": "https://assets-a1.kompasiana.com/images/avatar/profile-2021-edit-605dd2e38ede48478078fea2.jpg?t=t&v=180" } ,"hasPart":[{"@type":"Article","headline":"Operasi Pasar dan Harapan yang Terkikis","url":"https:\/\/www.kompasiana.com\/menujuhiduplebihbaik\/6744368134777c78dd07b362\/operasi-pasar-dan-harapan-yang-terkikis","datePublished":"2024-11-25T08:34:09+0700","author":{"@id":"#main-author"},"image":"https:\/\/assets-a1.kompasiana.com\/items\/album\/2024\/11\/25\/beras-674434ba34777c5fb77a2732.jpg?t=o&v=410"},{"@type":"Article","headline":"Pilkada Tanpa Pilihan","url":"https:\/\/www.kompasiana.com\/menujuhiduplebihbaik\/673a0582c925c47100632d26\/pilkada-tanpa-pilihan","datePublished":"2024-11-17T15:15:20+0700","author":{"@id":"#main-author"},"image":"https:\/\/assets-a1.kompasiana.com\/items\/album\/2024\/11\/17\/pilkada-ilustrasi-1-673a0560ed64156f030cac1a.jpeg?t=o&v=410"},{"@type":"Article","headline":"Malam Undangan yang Mengusik","url":"https:\/\/www.kompasiana.com\/menujuhiduplebihbaik\/67330aefed641516764afd03\/malam-undangan-yang-mengusik","datePublished":"2024-11-12T07:59:43+0700","author":{"@id":"#main-author"},"image":"https:\/\/assets-a1.kompasiana.com\/items\/album\/2024\/11\/19\/undangan-pernikahan-673bda09c925c402c5301b83.jpg?t=o&v=410"},{"@type":"Article","headline":"Drusila, Mesin Tawa yang Tak Kenal Rem","url":"https:\/\/www.kompasiana.com\/menujuhiduplebihbaik\/6726bc6ac925c47f28574e12\/drusila-mesin-tawa-yang-tak-kenal-rem","datePublished":"2024-11-02T23:57:30+0700","author":{"@id":"#main-author"},"image":"https:\/\/assets-a1.kompasiana.com\/items\/album\/2024\/11\/03\/tetangga-ribut-6726bc5234777c40c808f282.jpg?t=o&v=410"},{"@type":"Article","headline":"Pentingkah Saya? Jika Pesan WhattsApp Tidak Dibaca atau Dibalas Penerima","url":"https:\/\/www.kompasiana.com\/menujuhiduplebihbaik\/67249cacc925c4411d3fe463\/pentingkah-saya-sebuah-wacana-tentang-perasaan-yang-terabaikan","datePublished":"2024-11-01T09:17:32+0700","author":{"@id":"#main-author"},"image":"https:\/\/assets-a1.kompasiana.com\/items\/album\/2024\/11\/01\/images-67249bc5c925c43d10148072.jpg?t=o&v=410"}]} </script> </section>   <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>   <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>   <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 = 'dashboard'; var page_id = 'default'; var currentState = location.pathname.substring(1); var next_url = 'aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20vbWVudWp1aGlkdXBsZWJpaGJhaWs='; $.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'] == "menujuhiduplebihbaik"){ 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/menujuhiduplebihbaik/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/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 src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/dropdown/classie.js?v=518"></script> <script src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/dropdown/selectFx.js?v=518"></script> <script> (function() { [].slice.call(document.querySelectorAll('select.cs-select')).forEach(function(el) { new SelectFx(el); }); })(); </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==/aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20vbWVudWp1aGlkdXBsZWJpaGJhaWs='; } </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 src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/bootstrap-tagsinput.js"></script> <script src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/bootstrap-datepicker.min.js"></script> <script src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/blueimp/vendor/jquery.ui.widget.js"></script> <script src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/blueimp/jquery.fileupload.js"></script> <script src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/blueimp/jquery.fileupload-process.js"></script> <script src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/blueimp/jquery.fileupload-validate.js"></script> <script src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/dropdown/classie.js"></script> <script src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/dropdown/selectFx.js"></script> <script src="https://assets-a1.kompasiana.com/statics/2018_kompasiana/js/jquery.validate.min.js"></script> <script src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/js/tail.select.min.js?v=4"></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)); if(is_mobile){ $(document).ready(function() { (function() { [].slice.call( document.querySelectorAll( 'select.cs-select' ) ).forEach( function(el) { new SelectFx(el); } ); })(); }); } </script> <script type="text/javascript"> var current_state = "profil"; //slider article $(".-js-inf-slide").slick({ prevArrow: $('.infButton__art--left'), nextArrow: $('.infButton__art--right'), dots: !1, infinite: !0, speed: 1000, slidesToShow: 3, slidesToScroll: 1, autoplay: !1, arrows: !0, }); country_set = false; //redirect after completed profile data redirect_to_validation = true; current_city = ""; //temp solution for getCurrentChannel delay profile_complete = false; $(document).ready(function() { if($('.select-country option:selected').val() != "") { $("#country-check").click(); } if($('#show--data-personal').hasClass('active')){ $('#setting--title').html("Pengaturan - Data Pribadi"); profileDataCheck(); } else { $('#setting--title').html("Pengaturan - Data Profile"); } }); $("#country-check").click(function() { if($(this).is(":checked") && $('.select-country').val() != ""){ country_set = true; }else if($(this).is(':not(:checked)')){ country_set = false; } $("#Negara .form-control").prop('disabled', function(i, e) { return !e; }); $("#Provinsi .form-control").prop('disabled', function(i, e) { return !e; }); }); if($(".profil__suspended").length){ // accound-suspended $("section a").css({cursor: "default"}).click(function(e){ e.preventDefault(); }); $(".edit-foto").remove(); $(".profil__suspended a").css({cursor: "pointer"}).click(function(e){ return true; }); } $('.datepicker__ttl').datepicker({ format:'yyyy-mm-dd', todayHighlight: true }); $('.datepicker__ttl').on('changeDate', function(ev){ $(this).datepicker('hide'); }); $("#load-more-index-channel").click(function(){ var e = $('#load-more-index-channel'); var holder = e.attr("data-holder"); var img = ajax_loader; var perPage = e.attr('data-perpage'); var page = e.attr('data-page'); var status = e.attr('data-status'); var short_url = e.attr('data-channel'); e.hide(); $("#load-image-channel").html("<img src=" + img + " style='display: block;margin-left: auto;margin-right: auto;' />").show(); var type = e.attr("data-type"); var url = "/ajax/channel/posts/"+type+"?per_page="+ perPage + "&page=" + page + "&short_url=" + short_url + "&status="+ status ; $.ajax({ type: "GET", url: url, dataType: 'json', success: function(response) { $("#load-image-channel").hide(); var current_page = parseInt(response.data_array.current_page) + 1; if (current_page == response.data_array.total_page){ $("#" + holder).append(response.data_array.view).fadeIn(); e.hide(); } else { e.attr('style', 'cursor:pointer !important'); e.text('Selanjutnya'); e.attr("data-perpage", response.data_array.per_page); e.attr("data-page", parseInt(response.data_array.current_page) + 1); $("#" + holder).append(response.data_array.view).fadeIn(); } } }); }) $("#load-more-favorite-channel").click(function(){ var e = $('#load-more-favorite-channel'); var holder = e.attr("data-holder"); var img = ajax_loader; var perPage = e.attr('data-perpage'); var page = e.attr('data-page'); var short_url = e.attr('data-channel'); e.hide(); $("#load-image-favorite-channel").html("<img src=" + img + " style='display: block;margin-left: auto;margin-right: auto;' />").show(); var type = e.attr("data-type"); var url = "/ajax/channel/posts/"+type+"?per_page="+ perPage + "&page=" + page + "&short_url=" + short_url; $.ajax({ type: "GET", url: url, dataType: 'json', success: function(response) { $("#load-image-favorite-channel").hide(); if(response.status == "end"){ e.remove(); $("#button_load_more").remove(); $("#load-image-favorite-channel").remove(); } else{ e.attr('style', 'cursor:pointer !important'); e.text('Selanjutnya'); e.attr("data-page", parseInt(response.current_page) + 1); $("#" + holder).append(response.view).fadeIn(); } } }); }) $('#show--data-personal').click(function() { $('#setting--title').html("Pengaturan - Data Pribadi"); profileDataCheck(); }) $('#show--data-profil').click(function() { $('#setting--title').html("Pengaturan - Data Profil"); }) function registerCheck(redirect_url){ $('#error_register').hide(); $('#short_url_register').removeAttr('disabled'); $('#short_url').prop("readonly",false); alert("Registrasi Berhasil"); window.location = redirect_url; } function profileDataCheck(){ if(!profile_complete){ var url = "/ajax/profileCheck" ; $.ajax({ type: "GET", url: url, dataType: 'json', success: function(response) { if(response.isDataComplete == false){ redirect_to_validation = true; $("#popupOverlayDataCheck").addClass("active"); $("#popupOverlayDataCheck__title").html("Maaf!"); $("#popupOverlayDataCheck__message").html("Silakan lengkapi terlebih dahulu data profil, kemudian lengkapi data pribadi dan simpan"); } } }); } } function filterPostUser(from){ var rubrik = $('.rubrik_list option:selected').val(); var tahun = $('.tahun_list option:selected').val(); var bulan = $('.bulan_list option:selected').val(); var e = $('#filter_user'); var from = from; var perPage = e.attr('data-perpage'); var page = e.attr('data-page'); var short_url = e.attr('data-channel'); var type = $('#type_list option:selected').val(); var img = ajax_loader; if(type == ""){ type = "all"; } else{ type = type; } if(tahun == "Years" && bulan != "Months"){ alert("Tahun harus dipilih"); return false; } if(rubrik == "" || tahun == "" || bulan == ""){ alert("Rubrik,tahun,bulan harus dipilih."); return false; } else{ if(from == "top" ){ $("#users_posts").html(''); e.attr("data-page", 1); page = 1; } else{ $("#load-more-filter-posts").hide(); } $("#post_channel").hide(); $("#load-more-index-channel").hide(); $("#load-image-channel").html("<img src=" + img + " style='display: block;margin-left: auto;margin-right: auto;' />").show(); var url = "/ajax/channel/filter_posts?short_url="+short_url+"&per_page="+ perPage + "&page=" + page + "&tahun=" + tahun + "&bulan="+bulan+"&rubrik="+rubrik+"&type="+ type ; $.ajax({ type: "GET", url: url, dataType: 'json', success: function(response) { $("#load-image-channel").hide(); var current_page = response.data_array.current_page; if(response.data_array.total_page == 0){ $("#load-more-filter-posts").attr("data-page", 1); } else{ if (current_page == response.data_array.total_page){ $("#users_posts").append(response.data_array.view).fadeIn(); $("#load-more-filter-posts").hide(); } else{ $("#load-more-filter-posts").show(); $("#users_posts").append(response.data_array.view).fadeIn(); var newPage = parseInt(response.data_array.current_page) + 1; $("#button_load_more").html('<div class="more-stories text-center mt20"><a data-channel="'+short_url+'" data-perpage="5" data-page="'+newPage+'" data-holder="index_channel" data-status="published" id="load-more-filter-posts" onclick="filterPostUser(\'load_more\')" class="load-more" href="javascript:void(0)">Load More</a></div>'); e.attr("data-page", newPage); } if(response.data_array.total_page == 1){ $("#load-more-filter-posts").remove(); } } } }); } return false; }; $('#short_url_register').on('click',function(e) { e.preventDefault(); var img = ajax_loader; var short_url = $('#short_url').val(); var redirect_url = $('#short_url').attr("data-redirect"); if(!short_url){ alert("Short Url Harus Diisi"); $('#short_url').focus(); }else if(!/[^\s]/.test(short_url)){ alert("Short Url Harus Diisi"); $('#short_url').focus(); }else{ $(this).attr('disabled','disabled'); $('#short_url').prop("readonly",true); $("#error_register").html("<img src=" + img +" />"); $.ajax({ type:"POST", url :"/ajax/register", data : {short_url: short_url}, dataType:"json", success: function(result) { if(result.data_array.status == 'error'){ alert(result.data_array.message); $("#error_register").html(""); $("#short_url").removeAttr("readonly"); $("#short_url_register").removeAttr("disabled"); } else{ registerCheck(redirect_url); } }, error: function(response) { if (typeof response.responseJSON.header.description.error != 'undefined') { msg = response.responseJSON.header.description.description.short_url[0]; } else { msg = response.responseJSON.header.message; } $('#error_register').html(msg).css({ color: "red" }).hide().slideDown('slow'); $('#short_url_register').removeAttr('disabled'); $('#short_url').prop("readonly",false); } }); } }); // Change Avatar $("body").on('click', '#avatar-click', function () { $("#avatar-upload").trigger('click'); var clone = $(".edit-foto-pic").clone(); var t = $("#avatar-upload"); var dataConfirm = t.attr("data-confirm"); var dataProgress = t.attr("data-progress"); var dataSuccess = t.attr("data-success"); t.fileupload({ dataType: 'json', add: function (e, data) { if (data.files && data.files[0]) { var reader = new FileReader(); reader.onload = function(e) { $('#avatar-preview').attr('src', e.target.result); } reader.readAsDataURL(data.files[0]); var confirm = $('<a href="#"><span>' + dataConfirm + '</span></a>').click(function () { $('.photo').unbind('mouseenter mouseleave'); data.context = $('.edit-foto-pic').html(dataProgress); data.submit(); }); data.context = $('.edit-foto-pic').html(confirm); } }, fail: function (e, response) { msg = 'Ukuran gambar terlalu besar, mohon ukuran gambar dikecilkan lalu upload ulang.'; alert(msg); $('.edit-foto-pic').html('ERROR: ' + msg); setTimeout(function() { $('.edit-foto-pic').replaceWith(clone); }, 10000); }, done: function (e, data) { if(data.result.status == "error"){ alert(data.result.msg); $('.edit-foto-pic').html('ERROR: ' + data.result.msg); setTimeout(function() { $('.edit-foto-pic').replaceWith(clone); },5000); } else{ $('.edit-foto-pic').html(dataSuccess); } } }); }); // Change Cover var uploadCount = 0; $("body").on('click', '#cover-click', function () { $("#cover-upload").trigger('click'); var clone = $(".edit-foto").clone(); var t = $("#cover-upload"); var dataConfirm = t.attr("data-confirm"); var dataProgress = t.attr("data-progress"); var dataSuccess = t.attr("data-success"); $('#cover-upload').fileupload({ dataType: 'json', add: function (e, data) { if (data.files && data.files[0]) { var reader = new FileReader(); reader.onload = function(e) { $('#cover-preview').attr('src', e.target.result); } reader.readAsDataURL(data.files[0]); var confirm = $('<a href="#"><span>' + dataConfirm + '</span></a>'); if (uploadCount > 0) { confirm = ''; } data.context = confirm.appendTo($('.edit-foto')) .click(function () { $("#cover-click").remove(); $('.cover').unbind('mouseenter mouseleave'); data.context = $('.edit-foto').html(dataProgress); data.submit(); }); uploadCount++; } }, fail: function (e, response) { if (typeof response.jqXHR.responseJSON.header.description.error != 'undefined') { msg = response.jqXHR.responseJSON.header.description.error; } else { msg = response.jqXHR.responseJSON.header.message; } $('.edit-foto').html('ERROR: ' + msg); setTimeout(function() { $('.edit-foto').replaceWith(clone); }, 10000); }, done: function (e, data) { $('.edit-foto').html(dataSuccess); } }); }); // follow channel $(document).on('click', '#follow', function(e){ e.preventDefault(); var $t = $(this); var cid = $(this).attr('data-id'); var location = $(this).attr('data-location'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } if(location == null) { var replace = '<a href="#" id="unfollow" data-id='+cid+'><span>UNFOLLOW</span></a>'; } else { var replace = '<a href="#" data-location="friends" id="unfollow" data-id='+cid+'><span>UNFOLLOW</span></a>'; } $.ajax({ type: "POST", url: "/ajax/follow", data: {cid: cid}, dataType: 'json', success: function(response) { $t.replaceWith(replace).fadeIn(); loadCountFriends(); } }); //btn-follow mt10 }); // unfollow channel $(document).on('click', '#unfollow', function(e){ e.preventDefault(); var $t = $(this); var cid = $(this).attr('data-id'); var location = $(this).attr('data-location'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } if(location == null) { var replace = '<a href="#" id="follow" data-id='+cid+'><span>FOLLOW</span></a>'; } else { var replace = '<a href="#" data-location="friends" id="follow" data-id='+cid+'><span>FOLLOW</span></a>'; } $.ajax({ type: "POST", url: "/ajax/unfollow", data: {cid: cid}, dataType: 'json', success: function(response) { $t.replaceWith(replace).fadeIn(); loadCountFriends(); } }); //btn-small mt10 }); //delete post $(document).on('click', '.delete-reason', function(e){ var form = $(this).attr('data-form'); var id = $(this).attr('data-id'); if(form == 'false') { $("#delete-reason_"+id).removeClass('collapsed'); $("#form-delete_"+id).addClass('in'); $(this).attr('data-form', 'true'); } else { $("#delete-reason_"+id).addClass('collapsed'); $("#form-delete_"+id).removeClass('in'); $(this).attr('data-form', 'false'); } }); $(document).on('click', '#delete-post', function(e){ e.preventDefault(); var t = $(this); var success = t.attr('data-success'); var isGood = confirm(t.attr('data-confirm')); var id = t.attr("data-id"); var msg = ''; var holder = $("#holder-tools"); var elem = $("#item_" + id); var isAdmin = (t.attr('data-admin') == "1") ? '?admin=true' : '?'; var alasan = (t.parent().find('textarea').val()) ? alasan = "&reason=" + t.parent().find('textarea').val() : ''; if (! isKompasianer) { alert("anda harus login terlebih dahulu"); redirectLogin(); return false; } if (! isGood) { return false; } if (elem.length > 0) { elem.find(".holder-tools").html($("<img />", { "src": ajax_loader })).show(); } else { holder.html($("<img />", { "src": ajax_loader })).show(); } $.ajax({ type: "POST", url: "/ajax/delete_post/" + id + isAdmin + alasan, dataType: 'json', error: function(response) { if (typeof response.responseJSON.header.description.error != 'undefined') { msg = response.responseJSON.header.description.error; } else { msg = response.responseJSON.header.message; } if (elem.length > 0) { elem.find(".holder-tools").html($("<span />", { "text": msg }).css({ "color": "red" })); } else { holder.html($("<span />", { "text": msg }).css({ "color": "red" })); } }, success: function (response) { alert("Berhasil Dihapus, Mohon tunggu maks. 5 menit untuk hilang dari halaman publik."); $('#textarea_alasanhapus').css('display', 'none'); $('#alasanhapus').val(''); $("#item_"+id).remove(); } }); }); $(document).on('click', '.dashboard-setting--batal', function(e){ location.reload(); }); $('.menu-setting > div').on('click', function (e) { // menu setting data profil & personal e.preventDefault(); var $this = $(this); // this button var $parent = $this.parent(); // parent var $target = $($this.data('target')); // target var $tab = $('.form-tab'); // form tab $parent.find('.active').removeClass('active'); $this.addClass('active'); $tab.hide(); $target.show(); }); function checkUserName(string) { var username = string; var pattern = new RegExp(/[~`!#$%\^&*+=\-\[\]\\';,/{}|\\":<>\?]/); //unacceptable chars if (pattern.test(username)) { alert('Nama profil tidak boleh mengandung unsur spesial karakter') return false; } return true; //good user input } $('input[name="file_identitas"]').change(function(){ $('#save_identitas').css('display', 'block'); }) $('#save_identitas').on('click',function(){ var image_identity = document.getElementById('image_identity').value; if(image_identity != ''){ alert('Anda sudah mengupload identitas.'); } else{ var img = ajax_loader; $("#save_identitas").hide(); $("#loading_image_form_upload_identitas").html("<img src=" + img + " style='display: block;margin-left: auto;margin-right: auto;' />").show(); var photo = document.getElementById("file_identitas"); var e = document.getElementById("type_identitas"); var type_identitas = e.options[e.selectedIndex].value; var data = new FormData(); data.append(photo.name,photo.files[0]); data.append('type_identitas', type_identitas); data.append('nomor_identitas',document.getElementById('nomor_identitas').value); $.ajax({ type: "POST", url: "/ajax/upload_file_identitas", processData: false, contentType: false, enctype: 'multipart/form-data', data: data, success: function(response){ $("#loading_image_form_upload_identitas").hide(); var hasil = $.parseJSON(response); if(hasil.status == 'error'){ alert(hasil.message); $("#save_identitas").show(); } else{ $("#msg_upload_identitas").show(); } } }); } }); function loadCountFriends() { var followers = $('span#followers'); var following = $('span#following'); var url = window.location.pathname; var split_url = url.split("/"); var channel = split_url[1]; $.ajax({ type: "GET", url: "/ajax/friends?channel_id=" + channel, dataType: 'json', success: function(response) { followers.text(response.friendship.count_followers).fadeIn(); following.text(response.friendship.count_following).fadeIn(); } }); } function favorit(post_id){ 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(); if(response.status == 'error'){ $("#"+post_id+"_favorit").show(); alert(response.message); } else{ $("#"+post_id+"_favorit").show(); document.getElementById(post_id+"_favorit").innerHTML = "-"; $("#button_"+post_id).addClass("timeline__ribbon--remove"); document.getElementById(post_id+"_load-image-favorit").setAttribute("id",post_id+"_load-image-unfavorit"); document.getElementById(post_id+"_favorit").setAttribute("onclick","un_favorit('"+response.post_id+"','"+response.favorita_id+"')"); document.getElementById(post_id+"_favorit").setAttribute("id",post_id+"_unfavorit"); alert(response.message); } } }); } function un_favorit(post_id, favorit_id){ var img = ajax_loader; // $("#"+post_id+"_load-image-unfavorit").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-unfavorit").hide(); if(response.status == 'error'){ $("#"+post_id+"_unfavorit").show(); alert(response.message); } else{ $("#"+post_id+"_unfavorit").show(); // document.getElementById(post_id+"_unfavorit").innerHTML = "+"; // $("#button_"+post_id).removeClass("timeline__ribbon--remove"); // document.getElementById(post_id+"_load-image-unfavorit").setAttribute("id",post_id+"_load-image-favorit"); // document.getElementById(post_id+"_unfavorit").setAttribute("onclick","favorit('"+post_id+"')"); // document.getElementById(post_id+"_unfavorit").setAttribute("id",post_id+"_favorit"); alert(response.message); } } }); } $("#load-more-following-article").click(function(e){ e.preventDefault(); var $t = $(this); var page = $(this).attr('data-page'); var img = ajax_loader; var following = true; $("#load-more-following-article").hide(); $("#load-image-following-article").html("<img src=" + img + " style='display: block;margin-left: auto;margin-right: auto;margin-top: 20px;' />").show(); $.ajax({ type: "GET", url: '/ajax/get_following_article/', data:{page: page}, dataType: 'json', success: function(response) { $("#load-more-following-article").show(); $("#load-image-following-article").hide(); if (page == response.data_array.total_page){ $("#penulis_yang_diikuti").append(response.data_array.view).fadeIn(); $("#load-more-following-article").hide(); } else{ $("#penulis_yang_diikuti").append(response.data_array.view).fadeIn(); $("#load-more-following-article").attr("data-page", parseInt(response.data_array.current_page) + 1); } } }); }); $(".load-more--bio").click(function() { // IE 7 doesn't even get this far. I didn't feel like dicking with it. totalHeight = 0 // $up = $(".load-more--bio").parent(); $up = $(".profil-content__desc"); // $ps = $up.find(".read-biografi__desc--p:not('.load-more--bio')"); $ps = $up.find(".profil-content__desc--p"); // measure how tall inside should be by adding together heights of all inside paragraphs (except read-more paragraph) $ps.each(function() { totalHeight += $(this).outerHeight(); // FAIL totalHeight += $(this).css("margin-bottom"); }); $up .css({ // Set height to prevent instant jumpdown when max height is removed "height": $up.height()+100, "max-height": 9999 }) .animate({ "height": totalHeight }); // fade out read-more $(".load-more--bio").fadeOut(); $(".close--bio").fadeIn(); // prevent jump-down return false; }); $(".close--bio").click(function() { $down = $(".profil-content__desc"); $down .css({ "height": "67px", "max-height": "" }) .animate({ "height": 67 }); // fade out read-more $(".close--bio").fadeOut(); $(".load-more--bio").fadeIn(); // prevent jump-down return false; }); /** *************************************** */ /** chaining combobox get city and district */ /** *************************************** */ $('.select-province').on('change', function (e) { // bind event on change on selected province var $this = $(this); // this selectbox province var $city = $this.closest('form').find('.select-city'); // selectbox city var $district = $this.closest('form').find('.select-district'); // selectbox district var _id = $this.find('option:selected').data('_id'); // province id $.ajax({ // do ajax request url: `/ajax/get_city/${_id}`, type: 'GET', beforeSend: function () { $city.empty(); $city.find('option').not(':first').remove(); // remove options $city.find('option:first').prop('selected', true); // select first option $city.prop('disabled', true); $district.find('option').not(':disabled').remove(); // remove options $district.find('option:first').prop('selected', true); // select first option $district.prop('disabled', true); }, success: function (response) { var res = JSON.parse(response); // response json var $el = ''; // empty element if (res.length == 0) { // check result return; } res.forEach(row => { // loop result // $el += `<option value="${row.name}" data-_id="${row._id}">${row.name}</option>`; var selected = current_city == row.name ? 'selected' : ''; $el += `<option value="${row.name}" data-_id="${row._id}" ${selected}>${row.name}</option>`; }); $city.append($el); // append element $city.change(); }, error: function (xhr) { console.log(xhr); }, complete: function () { $city.prop('disabled', false); $district.prop('disabled', false); } }); }); $('.select-city').not('.select--nochain').on('change', function (e) { // bind event on change on selected city var $this = $(this); // this selectbox province var $district = $this.closest('form').find('.select-district'); // selectbox district var _id = $this.find('option:selected').data('_id'); // province id $.ajax({ // do ajax request url: `/ajax/get_district/${_id}`, type: 'GET', beforeSend: function () { $district.find('option').not(':first').remove(); // remove options $district.find('option:first').prop('selected', true); // select first option $district.prop('disabled', true); }, success: function (response) { var res = JSON.parse(response); // response json var $el = ''; // empty element if (res.length == 0) { // check result return; } res.forEach(row => { // loop result $el += `<option value="${row.name}" data-_id="${row._id}">${row.name}</option>`; }); $district.append($el); // append element }, error: function (xhr) { console.log(xhr); }, complete: function () { $district.prop('disabled', false); } }); }); function async_city () { // async city var $province = $('.select-province'); // this selectbox province var $city = $('.select-city'); // selectbox city var $city_validate = $('.city-validate'); var _id = $province.find('option:selected').data('_id'); // province id var city = $city.data('city').toLowerCase(); // get city if (_id == null) { // check _id return; } return $.ajax({ // do ajax request url: `/ajax/get_city/${_id}`, type: 'GET', beforeSend: function () { $city.find('option').not(':first').remove(); // remove options $city.find('option:first').prop('selected', true); // select first option $city.prop('disabled', true); }, success: function (response) { var res = JSON.parse(response); // response json var $el = ''; // empty element if (res.length == 0) { // check result return; } res.forEach(row => { // loop result var selected = city == row.name.toLowerCase() ? 'selected' : ''; $el += `<option value="${row.name}" data-_id="${row._id}" ${selected}>${row.name}</option>`; }); $city.append($el); // append element }, error: function (xhr) { console.log(xhr); }, complete: function () { if(country_set){ $city.prop('disabled', true); $city_validate.prop('disabled', false); }else{ $city.prop('disabled', false); } } }); } function async_district () { // async district var $city = $('.select-city'); // selectbox city var $district = $('.select-district'); // selectbox city var _id = $city.find('option:selected').data('_id'); // city id var district = $district.data('district').toLowerCase(); // get city if (_id == null) { // check _id return; } return $.ajax({ // do ajax request url: `/ajax/get_district/${_id}`, type: 'GET', beforeSend: function () { $district.find('option').not(':first').remove(); // remove options $district.find('option:first').prop('selected', true); // select first option $district.prop('disabled', true); }, success: function (response) { var res = JSON.parse(response); // response json var $el = ''; // empty element if (res.length == 0) { // check result return; } res.forEach(row => { // loop result var selected = district == row.name.toLowerCase() ? 'selected' : ''; $el += `<option value="${row.name}" data-_id="${row._id}" ${selected}>${row.name}</option>`; }); $district.append($el); // append element }, error: function (xhr) { console.log(xhr); }, complete: function () { $district.prop('disabled', false); } }); } /** ************************* */ /** preview file image upload */ /** ************************* */ $('input[type="file"].input-file--images').on('change', function (e) { var _this = this; var $parent = $(_this).closest('.error-placement'); if (_this.files && _this.files[0]) { var reader = new FileReader(); reader.onload = function(e) { $parent.next('img').remove(); $(`<img width="300px" src="${e.target.result}" />`).insertAfter($parent); } reader.readAsDataURL(_this.files[0]); } }); /** ********************************** */ /** submit form profil & form personal */ /** ********************************** */ $('#form-profil').validate({ onfocusout: false, onkeyup: false, onclick: false, onchange: false, focusInvalid: false, ignore: [], rules: { // rules of foreach field 'full_name': {required: true}, 'description': {required: true}, 'about': {required: true}, 'country' : {required: true}, 'province': {required: true}, 'city': {required: true}, 'birthday': {required: true}, 'work': {required: true}, 'interest[]': {required: true} }, messages: { // message error 'full_name': 'Nama Profil harus diisi', 'description': 'Keterangan Profil harus diisi', 'about': 'Bio harus diisi', 'country': 'Negara harus diisi', 'province': 'Provinsi harus diisi', 'city': 'Kota harus diisi', 'birthday': 'Tanggal Lahir harus', 'work': 'Profesi harus diisi', 'interest[]': 'Minat harus diisi' }, errorPlacement: function (error, element) { $parent = $(element).closest('.error-placement'); $parent.append($(error).addClass('text-danger mt1')); }, invalidHandler: function (form, validator) { if (!validator.numberOfInvalids()) { return; } setTimeout(() => { $('html, body').animate({ scrollTop: $(validator.errorList[0].element).closest('.error-placement').offset().top - 60 }, 500); }, 100); }, submitHandler: function (form) { // submit handler var $form = $(form); // form var $this = $form.find('[type="submit"]:first'); // this button handler var $loader = $this.parent().find('.loader'); // loader var $holder = $this.parent().find('.dashboard-setting--holder.sukses'); // holder var data = $form.serializeArray(); // form data data[data.length+1] = { name: "country_set", value: (country_set) ? '1' : '0' }; var full_name = $form.find('input[name="full_name"]').val(); // get full_name value var reg = new RegExp(/[~`!#$%\^&*+=\-\[\]\\';,/{}|\\":<>\?]|.{31,}/, 'gi'); // regex if (reg.test(full_name)) { // check full_name alert('Nama profil maksimal 30 karakter dan tidak boleh mengandung unsur spesial karakter.'); return; } $.ajax({ // do ajax request url: '/ajax/update_channel', type: 'POST', data: data, beforeSend: function (params) { $this.hide(); // hide button $loader.html(`<img src="${ajax_loader}" />`); // show loader }, success: function (response) { var res = JSON.parse(response); console.log(res); if (!res.status) { alert(`Gagal edit profil: ` + res.msg); return; } $holder.text(res.msg).show().delay(5000).fadeOut(); // message sukses if(redirect_to_validation == true){ profile_complete = true; if(!country_set){ var provinceData = data.find(e => e.name == 'province'); var cityData = data.find(e => e.name == 'city'); $('#province option[value="'+provinceData.value+'"]').attr('selected','selected'); current_city = cityData.value; $('#province').change(); $('#city').attr("data-city",cityData.value); } $('#show--data-personal').click(); setTimeout(() => { $('html, body').animate({ scrollTop: $("#setting--title").offset().top - 100 }, 500); }, 100); } }, error: function (xhr) { console.log(xhr); }, complete: function (params) { $this.show(); // hide button $loader.empty(); // remove loader } }); } }); $('.closeValidasi').click(function (e) { e.preventDefault(); $(".popupOverlay").removeClass("active"); if(current_state == 'verify_request' && '' != 0){ setTimeout(redirect_unv_comp, 2000); } }); function redirect_unv_comp(){ window.location.href ='https://www.kompasiana.com/dashboard/write'; } $('.closeValidasiDataCheck').click(function (e) { e.preventDefault(); $('#show--data-profil').click(); setTimeout(() => { $('html, body').animate({ scrollTop: $("#setting--title").offset().top - 100 }, 500); }, 100); $(".popupOverlay").removeClass("active"); }); /** ************** */ /** s: narativ */ /** ************** */ $('#join_narativ').click(function() { var loader = $('.loader-socmed'); // loader var reqlength = $('.medsos').length; var value = $('.medsos').filter(function () { return this.value != ''; }); if (value.length>=0 && (value.length !== reqlength)) { $('#data-profil').show(); $('#show--data-profil').addClass('active'); $('#data-personal').hide(); $('#show--data-personal').removeClass('active'); alert('Semua media sosial harus diisi.'); } else { var data = {}; data['fb_url'] = $("input[name=facebook_url]").val(); data['fb_count'] = $("select[name=facebook_count_range] option:selected").val(); data['tw_url'] = $("input[name=twitter_url]").val(); data['tw_count'] = $("select[name=twitter_count_range] option:selected").val(); data['ig_url'] = $("input[name=instagram_url]").val(); data['ig_count'] = $("select[name=instagram_count_range] option:selected").val(); data['yt_url'] = $("input[name=youtube_url]").val(); data['yt_count'] = $("select[name=youtube_count_range] option:selected").val(); $.ajax({ type: "POST", url: "/ajax/join_narativ", data: data, beforeSend: function () { $('#join_narativ').hide(); // hide button loader.html(`<img src="${ajax_loader}" />`); }, success: function(response) { var res = $.parseJSON(response); if(res.response_code == 200){ $('#join_narativ').after('<p style="color: green">'+res.message+'</p>'); $('#join_narativ').remove(); // show button loader.empty(); // remove loader }else{ $('#join_narativ').after('<p style="color: red">'+res.message+'</p>'); $('#join_narativ').show(); // show button loader.hide(); // remove loader if(res.response_code == 400){ alert(res.message); $('#data-profil').show(); $('#show--data-profil').addClass('active'); $('#data-personal').hide(); $('#show--data-personal').removeClass('active'); } } }, error: function (xhr) { console.log(xhr); } }); } }); $('.submit_proof').click(function() { var loader = $('.loader-narativ'); // loader var proof_numb = $(this).data('prf'); var reqlength = $('.'+proof_numb).length; var value = $('.'+proof_numb).filter(function () { return this.value != ''; }); if ($('#proof_warning').length){ $('#proof_warning').remove(); } if (value.length>=0 && (value.length !== reqlength) && !$(this).attr("data-ttype")) { $('.s'+proof_numb).before('<span id="proof_warning" style="float: left; color: red;">Screenshot dan Link Bukti Tayang harus diisi</span>'); } else { var fd = new FormData(); url_proof = ($(".my_link_"+proof_numb).val()) ? $(".my_link_"+proof_numb).val() : 'story'; fd.append('screenshot', $(".my_file_"+proof_numb)[0].files[0]); fd.append('url', url_proof); fd.append('cid', $(this).attr("data-cid")); fd.append('nid', $(this).attr("data-nid")); fd.append('tid', $(this).attr("data-tid")); $.ajax({ type: "POST", url: "/ajax/submit_narativ", data: fd, enctype: 'multipart/form-data', processData: false, contentType: false, beforeSend: function () { $('.s'+proof_numb).hide(); // hide button loader.show(); }, success: function(response) { var res = $.parseJSON(response); if(res.status == 1){ $('.s'+proof_numb).before('<span id="proof_warning" style="float: left; color: green;">'+res.msg+'</span>'); $('.s'+proof_numb).show(); // remove button $(".my_file_"+proof_numb).val(null); $(".my_link_"+proof_numb).val(null); $('.fl'+proof_numb).html('Screenshot Bukti Tayang'); }else{ $('.s'+proof_numb).before('<span id="proof_warning" style="float: left; color: red;">'+res.msg+'</span>'); $('.s'+proof_numb).show(); // show button } loader.hide(); // remove loader }, error: function (xhr) { console.log(xhr); } }); } }); $('.confirm').click(function() { var loader = $('.loader-narativ'); // loader var data = {}; data['cid'] = $(this).data('cid'); data['nid'] = $(this).data('nid'); data['confirm'] = $(this).data('cf'); if (data['confirm'] == '' || (data['confirm'] != "accept" && data['confirm'] != "deny")) { alert("Konfirmasi harus dipilih"); return; } if ($('#confirm_warning').length){ $('#confirm_warning').remove(); } $.ajax({ type: "POST", url: "/ajax/confirm_narativ", data: data, beforeSend: function () { $('.confirm').hide(); // hide button loader.show(); }, success: function(response) { var res = $.parseJSON(response); if(res.status == 1){ loader.after('<p id="confirm_warning" style="float: left; color: green;">'+res.msg+'</p>'); $('.confirm').remove(); // remove button loader.remove(); // remove loader }else{ loader.after('<p id="confirm_warning" style="float: left; color: red;">'+res.msg+'</p>'); $('.confirm').show(); // show button loader.hide(); // hide loader } window.location.href = window.location.pathname+"?"+$.param({'v':Math.round((new Date()).getTime() / 1000)}) }, error: function (xhr) { console.log(xhr); } }); }); function openTugasUp(evt, cityName) { // Declare all variables var i, tabcontent, tablinks; // Get all elements with class="tabcontent" and hide them tabcontent = document.getElementsByClassName("tugasCard__popup"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } // Show the current tab, and add an "active" class to the button that opened the tab document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } function myCopy(containerid) { if (document.selection) { var range = document.body.createTextRange(); range.moveToElementText(document.getElementById(containerid)); range.select().createTextRange(); document.execCommand("copy"); } else if (window.getSelection) { var range = document.createRange(); range.selectNode(document.getElementById(containerid)); window.getSelection().removeAllRanges(); window.getSelection().addRange(range); document.execCommand("copy"); window.getSelection().removeAllRanges(); } } if($('.getFile').length){ $('.getFile').click(function() { var classMyFile = $(this).data('prf'); $('.'+classMyFile).click(); }); } $('.getFile_my').change(function (e) { var current = $(this).data('prf'); $('.fl'+current).html($(this).val()); }); /** ************** */ /** e: narativ */ /** ************** */ $('#deactivate').click(function() { if (confirm('Anda akan mendeaktivasi akun. Lanjutkan dan keluar?')) { var loader = $('.loader-socmed'); // loader $.ajax({ type: "POST", url: "/ajax/deactivate", data: data, beforeSend: function () { $('#deactivate').hide(); // hide button loader.html(`<img src="${ajax_loader}" />`); }, success: function(response) { var res = $.parseJSON(response); if(res.status == 1){ $('#deactivate').after('<p style="color: green">'+res.message+'</p>'); $('#deactivate').remove(); // show button loader.empty(); // remove loader window.location.href = 'https://www.kompasiana.com/signout'; }else{ $('#deactivate').after('<p style="color: red">'+res.message+'</p>'); $('#deactivate').show(); // show button loader.hide(); // remove loader } }, error: function (xhr) { console.log(xhr); } }); } }); function confirm_event(type,id){ var data = {type:type, id:id} $.ajax({ type: "POST", url: "/ajax/confirm_event", data: data, success: function(response) { var res = $.parseJSON(response); alert(res.msg) $('#'+id).remove() }, error: function (xhr) { console.log(xhr); } }); } // minat (interest) tail.select(".select-move", { search: false, descriptions: false, hideSelected: false, hideDisabled: false, multiLimit: 5, multiShowCount: (is_mobile) ? true : false, placeholder: (is_mobile) ? 'Minat Terpilih' : 'Minat', multiContainer: (is_mobile) ? ".tail-move-container" : true }); var page_notif = 1; if(is_mobile){ $('.dpopupClose').click(function () { $(".dpopup").hide(); }); }else{ $(".popupPremium__close").click(function(e) { e.preventDefault(); $(".popupOverlay").hide(); }); } function loadMoreNotif(){ if(is_mobile){ $("#premium").toggle(); return; } $('.popupOverlay').show(); return; page_notif = page_notif+1; $.ajax({ type: "GET", url: '/ajax/getNotification', data: {page: page_notif}, beforeSend: function() { $(".load-more").hide(); $("#loading-image").show(); }, success: function(data){ if(data){ $("#loading-image").hide(); $(".load-more").show(); $(".thumb-user:last").after("<div id='more_data'></div>").show(); $(".thumb-user:last").after(data).show().fadeIn("slow"); }else{ $(".more-stories").remove(); $('#more_data').remove(); } } }); } $(".updateNotif").click(function(e) { e.preventDefault(); redirect_url = $(this).attr('href'); ajax = { url: 'https://www.kompasiana.com/ajax/updateNotif', type: 'POST', data: {nid: $(this).attr('data-nid')}, success: function (res) { var res = JSON.parse(res); if (!res.status) { return false; } window.location.href = redirect_url; }, error: function (xhr) { console.log(xhr); } } $.ajax(ajax); }); //pop up affiliation $('#form-personal').validate({ onfocusout: false, onkeyup: false, onclick: false, onchange: false, focusInvalid: false, ignore: [], rules: { // rules of foreach field 'identity_type': {required: true}, 'identity_number': {required: true}, 'province': {required: true}, 'city': {required: true}, 'district': {required: true}, 'gender': {required: true}, 'income': {required: true}, 'education': {required: true}, }, messages: { // message error 'identity_type': 'Tipe Identitas harus diisi', 'identity_number': 'Nomor Identitas harus diisi', 'province': 'Provinsi harus diisi', 'city': 'Kota harus diisi', 'district': 'Kecamatan harus diisi', 'phone': 'Nomor Telepon harus diisi', 'gender': 'Jenis Kelamin harus diisi', 'income': 'Pendapatan harus diisi', 'education': 'Pendididkan harus diisi', }, errorPlacement: function (error, element) { $parent = $(element).closest('.error-placement'); $parent.append($(error).addClass('text-danger mt1')); }, invalidHandler: function (form, validator) { if (!validator.numberOfInvalids()) { return; } setTimeout(() => { $('html, body').animate({ scrollTop: 0 }, 500); }, 100); }, submitHandler: function (form) { // submit handler update_channels(form) } }); function update_channels(form){ var $form = $(form); // form var $this = $form.find('[type="submit"]:first'); // this button handler var $loader = $this.parent().find('.loader'); // loader var $holder = $this.parent().find('.dashboard-setting--holder.sukses'); // holder var data = new FormData(form); // form data $.ajax({ // do ajax request url: '/ajax/update_channel', type: 'POST', data: data, enctype: 'multipart/form-data', processData: false, contentType: false, beforeSend: function (params) { $this.hide(); // hide button $loader.html(`<img src="${ajax_loader}" />`); // show loader }, success: function (response) { var res = JSON.parse(response); console.log(res); if (!res.status) { if(res.msg == 'Foto Profil belum ada'){ $("#popupOverlay__pp").addClass("active"); if($this.val() == "verify_request"){ $this.show(); // show button } return; } if($this.val() == "verify_request"){ $this.show(); // show button } alert(res.msg); return; } current_state = $this.val(); if ($("#popupOverlay__validasi").length) { $("#popupOverlay__validasi").addClass("active"); } if ($("#popupOverlay__validasi_afiliation").length) { $("#popupOverlay__validasi_afiliation").addClass("active"); } $holder.text(res.msg).show().delay(5000).fadeOut(); // message sukses }, error: function (xhr) { console.log(xhr); }, complete: function (params) { if($this.val() == "personal"){ $this.show(); // show button } $loader.empty(); // remove loader } }); } function dialog(message, yesCallback, noCallback) { $("#msg_affiliation_confirm").html(message); $("#popupOverlay__pp_affiliation_confirm").addClass("active"); $('#btnYes').click(function() { $("#popupOverlay__pp_affiliation_confirm").removeClass("active"); yesCallback(); }); $('#btnNo').click(function() { $("#popupOverlay__pp_affiliation_confirm").removeClass("active"); noCallback(); }); } //tab infinite dashboard function openTabmenu(evt, tabName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tab-content"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(tabName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click(); $("#quit").on('keydown', function(e) { var words = $.trim(this.value).length ? this.value.match(/\S+/g).length : 0; if (words >= 50) { if (e.which !== 8) e.preventDefault(); } }); $("#stop_affiliation").click(function(e){ e.preventDefault(); if (!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } // if text empty if(!$('#quit').val()){ $("#popupOverlay__pp").addClass("active"); return false; } $('#popup_aff_title').text('Konfirmasi'); $('#btnYes').show(); $('#btnNo').show(); $('#btnYes').text('Berhenti'); $('#btnNo').text('Batalkan'); dialog('Apakah Anda yakin berhenti dari program Infinite Kompasiana?<br>Setelah berhenti dari program konten Anda tidak lagi di rekomendasikan.', function() { var reason = $('#quit').val(); ajax = { url: 'https://www.kompasiana.com/ajax/kcaStopAffiliation', type: 'POST', data: {reason: reason}, success: function (res) { var res = JSON.parse(res); $('#popup_aff_title').text('Info'); if (res.status == 1) { $('#btnYes').hide(); $('#btnNo').text('Ok'); dialog('Anda telah berhenti dalam program Infinite Kompasiana', function() {}, function() {}); $('#stop_affiliation_div').remove(); $('#infGateInvitation').show(); $('#infGateAlreadyJoin').remove(); } else { $('#btnYes').hide(); $('#btnNo').text('Coba lagi'); dialog('Mohon maaf, Anda gagal berhenti dari program Infinite Kompasiana. Silahkan coba lagi.', function() {}, function() {$("#stop_affiliation").trigger( "click" );}); } }, error: function (xhr) { console.log(xhr); } } $.ajax(ajax); }, function() {} ); }); $("#quit").on('keyup', function() { var words = 0; if ((this.value.match(/\S+/g)) != null) { words = this.value.match(/\S+/g).length; } if (words > 50) { // Split the string on first 50 words and rejoin on spaces var trimmed = $(this).val().split(/\s+/, 50).join(" "); // Add a space at the end to make sure more typing creates new words $(this).val(trimmed + " "); } }); </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>  <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>  <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(); } } if ($("#group-following-base").length > 0) { if ($(window).scrollTop() >= $("#group-following-base").position().top) { // remove div $('#group-following-base').remove(); get_grup_following('menujuhiduplebihbaik') } } } var load_get_group_following = false; function get_grup_following(slug){ if (load_get_group_following == false) { load_get_group_following = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/ajax/get_grup_follow", data : {slug: slug}, success: function(res) { data = JSON.parse(res); $('#group-following-body').html(data); }, error : function(e) { console.log(e); } }); } } 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: 'dashboard'}, 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>