CINXE.COM
Sama Kuatnya, Akankah Aghniny Haque Raih Piala Citra Pertamanya di FFI 2024? Halaman 1 - Kompasiana.com
<!DOCTYPE html> <html lang="id"> <head> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({ "title": "Sama Kuatnya, Akankah Aghniny Haque Raih Piala Citra Pertamanya di FFI 2024? Halaman 1 - Kompasiana.com", "url": "https://www.kompasiana.com/rajalubis/673ac2c534777c3db76d30e2/sama-kuatnya-akankah-aghniny-haque-raih-piala-citra-pertamanya-di-ffi-2024", "content_category": "Lyfe", "content_subcategory": "Film", "content_id": "673ac2c534777c3db76d30e2", "content_location": "ID", "content_type": "article", "content_PublishedDate": "2024-11-18T11:29:57+0700", "content_author": "Raja Lubis", "content_level": "highlight", "content_art_length": "757", "content_shorturl": "rajalubis", "content_authorstatus": "trusted", "content_author_id": "rajalubis", "content_lipsus": "rekomendasi film festival,ffi 2024,festival film indonesia,aghniny haque,faradina mufti,laura basuki,film,lyfe", "content_tag": "rekomendasi film festival", "content_tags": "rekomendasi film festival,ffi 2024,festival film indonesia,aghniny haque,faradina mufti,laura basuki,film,lyfe", "content_total_words": "757" }); </script> <!-- google tag --> <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-P7HQ38'); </script> <!-- meta --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta content="text/html; charset=UTF-8" name="Content-Type"> <meta name="google" content="notranslate"> <meta name="description" itemprop="description" content="Bersaing dengan Laura Basuki & Nirina Zubir, akankah Aghniny Haque berhasil membawa pulang piala citra Pemeran Utama Perempuan Terbaik FFI 2024?"> <meta name="content_tags" content="rekomendasi film festival,ffi 2024,festival film indonesia,aghniny haque,faradina mufti,laura basuki,film,lyfe" /> <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="Sama Kuatnya, Akankah Aghniny Haque Raih Piala Citra Pertamanya di FFI 2024?" /> <meta property="og:url" content="https://www.kompasiana.com/rajalubis/673ac2c534777c3db76d30e2/sama-kuatnya-akankah-aghniny-haque-raih-piala-citra-pertamanya-di-ffi-2024" /> <meta property="article:author" content="https://www.facebook.com/rajalubis89" /> <meta property="article:publisher" content="https://www.facebook.com/rajalubis89" /> <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" /> <link rel="amphtml" href="https://www.kompasiana.com/amp/rajalubis/673ac2c534777c3db76d30e2/sama-kuatnya-akankah-aghniny-haque-raih-piala-citra-pertamanya-di-ffi-2024"> <!-- dable --> <meta property="dable:item_id" content="673ac2c534777c3db76d30e2"> <meta property="dable:author" content="Raja Lubis"> <meta property="article:section" content="Lyfe"><!-- ID kanal web --> <meta property="article:published_time" content="2024-11-18T11:29:57+0700"><!-- keterangan waktu ISO 8601 --> <!-- dable --> <meta name="adx:sections" content="read" /> <meta name="content_category" content="Lyfe" /> <meta name="content_subcategory" content="Film" /> <meta name="content_id" content="673ac2c534777c3db76d30e2" /> <meta name="content_location" content="ID" /> <meta name="content_type" content="article" /> <meta name="content_PublishedDate" content="2024-11-18T11:29:57+0700" /> <meta name="content_author" content="Raja Lubis" /> <meta name="content_level" content="highlight" /> <meta name="content_art_length" content="757" /> <meta name="content_shorturl" content="rajalubis" /> <meta name="content_authorstatus" content="trusted" /> <meta name="headline" content="Sama Kuatnya, Akankah Aghniny Haque Raih Piala Citra Pertamanya di FFI 2024? Halaman 1 - Kompasiana.com" itemprop="headline"> <meta name="keywords" content="rekomendasi film festival,ffi 2024,festival film indonesia,aghniny haque,faradina mufti,laura basuki,film,lyfe"> <meta name="content_lipsus" content="rekomendasi film festival,ffi 2024,festival film indonesia,aghniny haque,faradina mufti,laura basuki,film,lyfe"> <meta property="og:image" content="https://assets-a1.kompasiana.com/items/album/2024/11/18/ffi-2024-673ac228c925c446e0145862.jpg?t=o&v=1200" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:type" content="article" /> <meta property="og:description" content="Bersaing dengan Laura Basuki & Nirina Zubir, akankah Aghniny Haque berhasil membawa pulang piala citra Pemeran Utama Perempuan Terbaik FFI 2024?" /> <meta itemprop="image" content="https://assets-a1.kompasiana.com/items/album/2024/11/18/ffi-2024-673ac228c925c446e0145862.jpg?t=t&v=200&x=200" /> <meta name="twitter:image:src" content="https://assets-a1.kompasiana.com/items/album/2024/11/18/ffi-2024-673ac228c925c446e0145862.jpg?t=o&v=770" /> <meta itemprop="dateModified" content="2024-11-18T11:44:39+0700" /> <meta itemprop="datePublished" content="2024-11-18T11:29:57+0700" /> <meta itemprop="articleSection" content="Lyfe" /> <meta name="twitter:site" content="@kompasiana" /> <meta name="twitter:creator" content="@kompasiana" /> <meta name="twitter:title" content="Sama Kuatnya, Akankah Aghniny Haque Raih Piala Citra Pertamanya di FFI 2024?" /> <meta name="twitter:description" content="Bersaing dengan Laura Basuki & Nirina Zubir, akankah Aghniny Haque berhasil membawa pulang piala citra Pemeran Utama Perempuan Terbaik FFI 2024?" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="k_lgn" content="" /> <title>Sama Kuatnya, Akankah Aghniny Haque Raih Piala Citra Pertamanya di FFI 2024? Halaman 1 - Kompasiana.com</title> <!-- link --> <link rel="shortcut icon" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/favicon.ico" type="image/x-icon"> <link rel="icon" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/favicon.ico" type="image/x-icon"> <link rel="canonical" href="https://www.kompasiana.com/rajalubis/673ac2c534777c3db76d30e2/sama-kuatnya-akankah-aghniny-haque-raih-piala-citra-pertamanya-di-ffi-2024"> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebPage", "headline": "Sama Kuatnya, Akankah Aghniny Haque Raih Piala Citra Pertamanya di FFI 2024? Halaman 1 - Kompasiana.com", "url": "https://www.kompasiana.com/rajalubis/673ac2c534777c3db76d30e2/sama-kuatnya-akankah-aghniny-haque-raih-piala-citra-pertamanya-di-ffi-2024", "datePublished": "2024-11-18T11:29:57+0700", "image": "https://assets-a1.kompasiana.com/items/album/2024/11/18/ffi-2024-673ac228c925c446e0145862.jpg?t=o&v=780", "thumbnailUrl": "https://assets-a1.kompasiana.com/items/album/2024/11/18/ffi-2024-673ac228c925c446e0145862.jpg?t=o&v=410" } </script> <!-- preload banner ultah --> <!-- s: preload read slides --> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-read-slides.min.css?v=518" rel="preload" as="style"> <!-- e: preload --> <!-- s: style --> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-read-slides.min.css?v=518" rel="stylesheet"> <!-- e: style --> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/widget-experiment.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/widget-experiment.min.css?v=518" rel="stylesheet"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-topil-slider.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-topil-slider.min.css?v=518" rel="stylesheet"> <!-- style read --> <!-- s: preload --> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-read.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/photoswipe.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/default-skin/default-skin.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/css/tooltips.css?v=518" rel="preload" as="style"> <!-- e: preload --> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-read.min.css?v=518" rel="stylesheet"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/photoswipe.css?v=518" rel="stylesheet"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/default-skin/default-skin.css?v=518" rel="stylesheet"> <link href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/css/tooltips.css?v=518" rel="stylesheet"> <style type="text/css"> .EmbeddedTweet{max-width:100%!important}.quote:before{content:open-quote}.quote:after{content:close-quote} </style> <!-- kuis --> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-kuis.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-kuis.min.css?v=518" rel="stylesheet"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@id": "https://www.kompasiana.com/", "name": "Home" } }, { "@type": "ListItem", "position": 2, "item": { "@id": "https://www.kompasiana.com/lyfe", "name": "Lyfe" } }, { "@type": "ListItem", "position": 3, "item": { "@id": "https://www.kompasiana.com/lyfe/film", "name": "Film" } } ] } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "NewsArticle", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://www.kompasiana.com/rajalubis/673ac2c534777c3db76d30e2/sama-kuatnya-akankah-aghniny-haque-raih-piala-citra-pertamanya-di-ffi-2024" }, "headline": "Sama Kuatnya, Akankah Aghniny Haque Raih Piala Citra Pertamanya di FFI 2024? Halaman 1 - Kompasiana.com", "image": { "@type": "ImageObject", "url": "https://assets-a1.kompasiana.com/items/album/2024/11/18/ffi-2024-673ac228c925c446e0145862.jpg", "height": 600, "width": 1200 }, "datePublished": "2024-11-18T11:29:57+0700", "dateModified": "2024-11-18T11:44:39+0700", "author": { "@type": "Person", "name": "Raja Lubis" }, "publisher": { "@type": "Organization", "name": "Kompasiana.com", "logo": { "@type": "ImageObject", "url": "https://assets-a1.kompasiana.com/statics/kompasiana2015/images/logo-kompasiana-beta.png", "width": 255, "height": 55 } }, "description": "Bersaing dengan Laura Basuki & Nirina Zubir, akankah Aghniny Haque berhasil membawa pulang piala citra Pemeran Utama Perempuan Terbaik FFI 2024?" } </script> <!-- maintain belt--> <style type="text/css"> .maintenance{background:#ff6969;display:table;width:100%;font-family:Roboto,sans-serif;box-sizing:border-box;padding:15px}.maintenance p{color:#ff6969}.maintenance b{display:block}.maintenance a{text-decoration:underline}.maintenance--img,.maintenance--outline{float:left}.maintenance--img-bottom{position:absolute;bottom:0;right:65px}.maintenance__content{height:120px;width:885px;margin:auto;position:relative;text-align:center}.maintenance--wrapper{padding:10px 205px;clip-path:polygon(80% 0,83% 50%,80% 100%,20% 100%,17% 50%,20% 0);background:#fff;height:120px;width:820px;margin:auto;text-align:center}.maintenance--outline,.maintenance--wrapper{-webkit-clip-path:polygon(80% 0,85% 48%,80% 100%,20% 100%,14% 48%,20% 0)}.maintenance--outline{clip-path:polygon(80% 0,85% 48%,80% 100%,20% 100%,14% 48%,20% 0);height:125px;width:965px;float:none}.header-sticky b{display:inline}.header-sticky .maintenance__content{width:999px;height:75px}.header-sticky .maintenance--outline{width:999px}.header-sticky .maintenance--wrapper{padding:10px 250px 1px;font-size:12px;width:100%;height:auto;-webkit-clip-path:polygon(80% 0,85% 48%,80% 100%,20% 100%,14% 48%,20% 0);clip-path:polygon(80% 0,82% 50%,80% 100%,20% 100%,18% 50%,20% 0)}.header-sticky .maintenance--img-left{height:85px}.header-sticky .maintenance--img-bottom{position:absolute;bottom:-15px;right:109px;height:38px} </style> <!-- style reward --> <!-- style kotak suara --> <!-- style politik --> <!-- style olah raga --> <!-- style new world --> <!-- style indexnews --> <!-- style write --> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-ab-test.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-ab-test.min.css?v=518" rel="stylesheet"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-ads-placeholder.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-ads-placeholder.min.css?v=518" rel="stylesheet"> <!-- style meta menu bar rekomendasi --> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-header-news.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-header-news.min.css?v=518" rel="stylesheet"> <link rel="preload" href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-kgnow.min.css?v=518" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-kgnow.min.css?v=518"></noscript> <!-- style header footer --> <link href="https://assets-a1.kompasiana.com/statics/2024/www/desktop/style-header-footer.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2024/www/desktop/style-header-footer.min.css?v=518" rel="stylesheet"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <!-- montserrat font guest header --> <style> @font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} </style> <script type="text/javascript"> window.jixie_o = { accountid: "3b1c9a9fce40783bf7e1f42f294e5af2", partner_cookie: 'kmps_usrid', external_ids: ['tdid','tdid2','jxtoko'], sha256mail_cookie:'usermail', ad_blocker: true, logbids: true, userprofile: true, sha256ph_cookie:'kmps_uphn', }; </script> <script async src="https://scripts.jixie.media/jxpublisher_3_1.min.js"></script> <script type="text/javascript"> window.jixie_p = window.jixie_p || []; var keyword_data = "rekomendasi film festival,ffi 2024,festival film indonesia,aghniny haque,faradina mufti,laura basuki,film,lyfe" window.jixie_p.push({ action: "visit", parameters:{ itemid:"673ac2c534777c3db76d30e2", keywords:keyword_data, title:"Sama Kuatnya, Akankah Aghniny Haque Raih Piala Citra Pertamanya di FFI 2024? Halaman 1 - Kompasiana.com", description: "Bersaing dengan Laura Basuki & Nirina Zubir, akankah Aghniny Haque berhasil membawa pulang piala citra Pemeran Utama Perempuan Terbaik FFI 2024?" } }); </script> <!-- Start Ad Blocking Recovery Message --> <script id="sc-adbl" async src="https://fundingchoicesmessages.google.com/i/pub-9012468469771973?ers=1" nonce="jV9A0Qp8FYlkipTSA06yhQ"></script><script nonce="jV9A0Qp8FYlkipTSA06yhQ">(function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})();</script> <script> /** Tweak for Adblcoking Recovery Message **/ var styleAdbl = document.createElement("style"); styleAdbl.innerHTML = ".fc-ab-root .fc-ab-dialog .fc-dialog-footer {background-color: transparent;margin-top:0;padding-top:0}"; var refAdbl = document.querySelector("#sc-adbl"); refAdbl.parentNode.insertBefore(styleAdbl, refAdbl); </script> <!-- Endof Ad Blocking Recovery Message --> <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> <!-- START PREBID --> <!--jixie prebid tracker start--> <script type="text/javascript"> window.pbjs=window.pbjs||{},pbjs.que=pbjs.que||[],pbjs.que.push(function(){window._jxbidsq=window._jxbidsq||[],pbjs.onEvent("auctionInit",function(n){_jxbidsq.push(["auctionInit",n])}),pbjs.onEvent("auctionEnd",function(n){_jxbidsq.push(["auctionEnd",n])}),pbjs.onEvent("bidWon",function(n){_jxbidsq.push(["bidWon",n])}),pbjs.onEvent("bidTimeout",function(n){_jxbidsq.push(["bidTimeout",n])}),pbjs.onEvent("bidRequested",function(n){_jxbidsq.push(["bidRequested",n])}),pbjs.onEvent("setTargeting",function(n){_jxbidsq.push(["setTargeting",n])}),pbjs.onEvent("bidResponse",function(n){_jxbidsq.push(["bidResponse",n])})}),window.googletag=window.googletag||{cmd:[]},googletag.cmd.push(function(){googletag.pubads().addEventListener("slotRenderEnded",function(n){_jxbidsq.push(["slotRenderEnded",n])}),googletag.pubads().addEventListener("impressionViewable",function(n){_jxbidsq.push(["impressionViewable",n])})}); </script> <!--jixie prebid tracker end--> <script async src="https://adsimg.kompas.com/html5/prebid/kompasiana/prebid9.16.0--kompasiana22102024.js"></script> <script type="text/javascript" defer> function getCookieUid(cname){var name=cname+"=";var decodedCookie=decodeURIComponent(document.cookie);var ca=decodedCookie.split(";");for(var i=0;i<ca.length;i+=1){var c=ca[i];while(c.charAt(0)==" "){c=c.substring(1)}if(c.indexOf(name)==0){return c.substring(name.length,c.length)}}return ""}var uuid__=getCookieUid("_jxtdid");window.getUid2AdvertisingToken=async()=>{var id;if(typeof window.jxGetUid2=='function'){id=await window.jxGetUid2()}else{id=getCookieUid('__uid2_advertising_token',null)}return id} </script> <script type="text/javascript"> var PREBID_TIMEOUT=2e3,FAILSAFE_TIMEOUT=3e3,adUnits=[{code:"div-gpt-ad-414138224105403936-1",ortb2Imp:{ext:{gpid:"1000055-aBnjYrpQ2m",data:{pbadslot:"1000055-aBnjYrpQ2m"}}},mediaTypes:{banner:{sizes:[[728,90],[970,90],[970,250]]}},bids:[{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93794",domain:"https://prg8.smartadserver.com"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93795",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165897,pageId:151658}},{bidder:"triplelift",params:{inventoryCode:"kg_kompasiana_desktop_970x250"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484374}},{bidder:"jixie",params:{unit:"1000055-aBnjYrpQ2m"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986572}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986573}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986574}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"kargo",params:{placementId:"_zns1RzK9gm"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"ea75c92b-2bab-40d4-99e6-924fa8be21c8"}}]},{code:"div-gpt-ad-414138224105403936-2",ortb2Imp:{ext:{gpid:"1000055-9j0GLqnLdg",data:{pbadslot:"1000055-9j0GLqnLdg"}}},mediaTypes:{banner:{sizes:[[300,250]]},video:{context:"outstream",playerSize:[300,250],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},bids:[{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"openx",params:{unit:"560842544",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93800",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165897,pageId:151658}},{bidder:"triplelift",params:{inventoryCode:"kg_kompasiana_desktop_article_imu_mid"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484376}},{bidder:"jixie",params:{unit:"1000055-9j0GLqnLdg"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986575}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484376}},{bidder:"ix",params:{siteId:450351,size:[300,250]}},{bidder:"kargo",params:{placementId:"_f7ONufQEvW"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"1ba5ab92-566d-4f7f-81e4-a72468762746"}},{bidder:"ix",params:{siteId:450351,size:[300,250],video:{api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:4,linearity:1,delivery:[1,2],playerSize:[640,480],pos:1,plcmt:4}}}]},{code:"div-gpt-ad-414138224105403936-3",ortb2Imp:{ext:{gpid:"1000055-FadeM8c1kE",data:{pbadslot:"1000055-FadeM8c1kE"}}},mediaTypes:{banner:{sizes:[[300,250]]},video:{context:"outstream",playerSize:[300,250],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},bids:[{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93800",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165897,pageId:151658}},{bidder:"triplelift",params:{inventoryCode:"kg_kompasiana_desktop_article_imu_mid"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484380}},{bidder:"jixie",params:{unit:"1000055-FadeM8c1kE"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986576}},{bidder:"kargo",params:{placementId:"_f7ONufQEvW"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"ae9a3d5f-b09a-4a21-85d5-4810d1f4ce9c"}}]},{code:"div-gpt-ad-414138224105403936-4",ortb2Imp:{ext:{gpid:"1000055-iULj8pd1UG",data:{pbadslot:"1000055-iULj8pd1UG"}}},mediaTypes:{banner:{sizes:[[300,250]]},video:{context:"outstream",playerSize:[300,250],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},bids:[{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93800",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165897,pageId:151658}},{bidder:"triplelift",params:{inventoryCode:"kg_kompasiana_desktop_article_imu_mid"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484382}},{bidder:"jixie",params:{unit:"1000055-iULj8pd1UG"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986577}},{bidder:"kargo",params:{placementId:"_f7ONufQEvW"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"d319dd11-4fd7-4af8-9209-3260c3596326"}}]},{code:"div-gpt-ad-414138224105403936-2222",ortb2Imp:{ext:{gpid:"1000055-MqlAW2YAWw",data:{pbadslot:"1000055-MqlAW2YAWw"}}},mediaTypes:{banner:{sizes:[[300,600],[300,250]]},video:{context:"outstream",playerSize:[300,250],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},bids:[{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:450351,size:[300,600]}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93799",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165897,pageId:151658}},{bidder:"triplelift",params:{inventoryCode:"kg_kompasiana_desktop_article_imu_mid"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484384}},{bidder:"jixie",params:{unit:"1000055-MqlAW2YAWw"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986578}},{bidder:"kargo",params:{placementId:"_f7ONufQEvW"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"f3147e59-4eec-4db0-b592-2c0813038a74"}}]},{code:"div-gpt-ad-414138224105403936-9999",ortb2Imp:{ext:{gpid:"1000055-kolNBNBLnG",data:{pbadslot:"1000055-kolNBNBLnG"}}},mediaTypes:{banner:{sizes:[[160,600]]}},bids:[{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:450351,size:[160,600]}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93801",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165897,pageId:151658}},{bidder:"triplelift",params:{inventoryCode:"kg_kompasiana_desktop_StandardDisplay"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484386}},{bidder:"jixie",params:{unit:"1000055-kolNBNBLnG"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986579}},{bidder:"kargo",params:{placementId:"_f7ONufQEvW"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"63a10d66-7065-494e-b6d8-39aea2a1f2a3"}}]},{code:"div-gpt-ad-414138224105403936-6",ortb2Imp:{ext:{gpid:"1000055-cMU8mHdEZz",data:{pbadslot:"1000055-cMU8mHdEZz"}}},mediaTypes:{banner:{sizes:[[120,600],[160,600],[100,650],[100,550]]}},bids:[{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:450351,size:[160,600]}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93801",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165897,pageId:151658}},{bidder:"triplelift",params:{inventoryCode:"kg_kompasiana_desktop_StandardDisplay"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484388}},{bidder:"jixie",params:{unit:"1000055-cMU8mHdEZz"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986580}},{bidder:"kargo",params:{placementId:"_f7ONufQEvW"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"92b2194d-9aaf-4eb9-ae5d-aa81b8d01e0e"}}]},{code:"div-gpt-ad-712092287234656005-411",ortb2Imp:{ext:{gpid:"1000055-limofnZvc6",data:{pbadslot:"1000055-limofnZvc6"}}},mediaTypes:{banner:{sizes:[[300,250]]},video:{context:"outstream",playerSize:[300,250],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},bids:[{bidder:"triplelift",params:{inventoryCode:"kg_kompasasiana_desktop_article_imu_mid"}},{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93800",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165898,pageId:151659}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484390}},{bidder:"jixie",params:{unit:"1000055-limofnZvc6"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986581}},{bidder:"kargo",params:{placementId:"_oTAKcijT3w"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"f43e4472-a56b-456e-98d5-e64774fa7122"}}]},{code:"div-gpt-ad-414138224105403936-7",ortb2Imp:{ext:{gpid:"1000055-XFuZJerRcV",data:{pbadslot:"1000055-XFuZJerRcV"}}},mediaTypes:{banner:{sizes:[[120,600],[160,600],[100,650],[100,550]]}},bids:[{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:450351,size:[160,600]}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93801",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165897,pageId:151658}},{bidder:"triplelift",params:{inventoryCode:"kg_kompasiana_desktop_StandardDisplay"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484392}},{bidder:"jixie",params:{unit:"1000055-XFuZJerRcV"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986582}}, {bidder:"kargo",params:{placementId:"_f7ONufQEvW"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"4e3acd5e-7a62-412e-be63-f3f5a4013355"}}]},{code:"div-gpt-ad-Zone_OSM",mediaTypes:{banner:{sizes:[[300,250],[1,1],[300,600]]},video:{context:"outstream",playerSize:[300,250],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},bids:[{bidder:"teads",params:{placementId:165898,pageId:151659}},{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93800",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165897,pageId:151658}},{bidder:"triplelift",params:{inventoryCode:"kg_kompasiana_desktop_article_imu_mid"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484382}},{bidder:"jixie",params:{unit:"1000055-iULj8pd1UG"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986577}},{bidder:"kargo",params:{placementId:"_oTAKcijT3w"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"d319dd11-4fd7-4af8-9209-3260c3596326"}}]},{code:"gpt_unit_/31800665/KOMPASIANA.COM/vignette_0",mediaTypes:{banner:{sizes:[[300,250],[320,480],[336,280]]},video:{context:"outstream",playerSize:[[300,250],[320,480],[336,280]],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},ortb2Imp:{instl:1},bids:[{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93799",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165897,pageId:151658}},{bidder:"triplelift",params:{inventoryCode:"kg_kompasiana_desktop_article_imu_mid"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484384}},{bidder:"jixie",params:{unit:"1000055-MqlAW2YAWw"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986578}},{bidder:"kargo",params:{placementId:"_f7ONufQEvW"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"f3147e59-4eec-4db0-b592-2c0813038a74"}}]}],gptadslots=[],googletag=googletag||{};(googletag.cmd=googletag.cmd||[]),googletag.cmd.push(function(){googletag.pubads().disableInitialLoad()});var pbjs=pbjs||{};function initAdserver(){pbjs.initAdserverSet||((pbjs.initAdserverSet=!0),googletag.cmd.push(function(){pbjs.que.push(function(){pbjs.setTargetingForGPTAsync(),googletag.pubads().refresh()})}))}(pbjs.que=pbjs.que||[]),pbjs.que.push(function(){pbjs.mergeConfig({jixie:{genids:[{id:"esha",ck:"usermail"},{id:"psha",ck:"kmps_uphn"},{id:"_jxtoko"},{id:"_jxifo"}]}}),pbjs.setConfig({enableSendAllBids:!0,enableTIDs:!0,priceGranularity:"high",ix:{detectMissingSizes:!1},userSync:{userIds:[{name:"uid2"},{name:"unifiedId",value:{tdid:uuid__}}],filterSettings:{iframe:{bidders:'*',filter:'include'},image:{bidders:'*',filter:'include'}}},currency:{adServerCurrency:"USD"},syncsPerBidder:0}),(pbjs.bidderSettings={standard:{storageAllowed:!0}}),pbjs.addAdUnits(adUnits),pbjs.requestBids({bidsBackHandler:initAdserver,timeout:PREBID_TIMEOUT})}),setTimeout(function(){initAdserver()},FAILSAFE_TIMEOUT); </script> <!-- END PREBID --> <script type="text/javascript" defer> googletag.cmd.push(function() { //Adslot 1 declaration gptadslots[1]= googletag.defineSlot('/31800665/KOMPASIANA.COM/lyfe/read', [[728, 90], [970, 90], [970, 250], [360, 100], [360, 150], [384, 100], [393, 100]],'div-gpt-ad-414138224105403936-1').setTargeting('Pos',['Top_1']).setTargeting('kg_pos', ['top_1']).addService(googletag.pubads()); //Adslot 2 declaration gptadslots[2]= googletag.defineSlot('/31800665/KOMPASIANA.COM/lyfe/read', [[300,250]],'div-gpt-ad-414138224105403936-2').setTargeting('Pos',['Right_1']).setTargeting('kg_pos', ['right_2']).addService(googletag.pubads()); //Adslot 3 declaration gptadslots[3]= googletag.defineSlot('/31800665/KOMPASIANA.COM/lyfe/read', [[300,250]],'div-gpt-ad-414138224105403936-3').setTargeting('Pos',['Right_2']).setTargeting('kg_pos', ['right_3']).addService(googletag.pubads()); //Adslot 4 declaration gptadslots[4]= googletag.defineSlot('/31800665/KOMPASIANA.COM/lyfe/read', [[300,250]],'div-gpt-ad-414138224105403936-4').setTargeting('Pos',['Right_3']).setTargeting('kg_pos', ['right_4']).addService(googletag.pubads()); // Adslot giant ads gptadslots[2222]= googletag.defineSlot('/31800665/KOMPASIANA.COM/lyfe/read', [[300,600],[300, 250], [160, 600]],'div-gpt-ad-414138224105403936-2222').setTargeting('Pos',['Giant']).setTargeting('kg_pos', ['giant']).addService(googletag.pubads()); //Adslot oop declaration gptadslots[0]= googletag.defineOutOfPageSlot('/31800665/KOMPASIANA.COM/lyfe/read', 'div-gpt-ad-162687188723508243-oop').setTargeting('Pos',['Overlay']).setTargeting('kg_pos', ['overlay']).addService(googletag.pubads()); gptadslots[4923]= googletag.defineOutOfPageSlot('/31800665/KOMPASIANA.COM/lyfe/read', 'div-gpt-ad-643108395629198345-rollup').setTargeting('Pos',['Rollup']).setTargeting('kg_pos', ['rollup']).addService(googletag.pubads()); // Adslot skycrapper gptadslots[9999]= googletag.defineSlot('/31800665/KOMPASIANA.COM/lyfe/read', [[160,600]],'div-gpt-ad-414138224105403936-9999').setTargeting('Pos',['Skyscraper']).setTargeting('kg_pos', ['skyscraper']).addService(googletag.pubads()); // flying carpet gptadslots[411]= googletag.defineSlot('/31800665/KOMPASIANA.COM/lyfe/read', [[1,1], [300,250], [336,280]],'div-gpt-ad-712092287234656005-411').setTargeting('Pos',['flying_carpet_desktop']).setTargeting('kg_pos', ['zone_middle_1']).addService(googletag.pubads()); //Adslot head declaration gptadslots[9]= googletag.defineSlot('/31800665/KOMPASIANA.COM/lyfe/read', [[468,60], [728,90], [970,90], [1100,50]],'div-gpt-ad-414138224105403936-9').setTargeting('Pos',['Horizontal_Ad']).setTargeting('kg_pos', ['horizontal_ad']).addService(googletag.pubads()); gptadslots[412]= googletag.defineSlot('/31800665/KOMPASIANA.COM/lyfe/read', [[1,1], [300,250], [336,280]],'div-gpt-ad-712092287234656005-412').setTargeting('Pos',['zone_middle_2']).setTargeting('kg_pos', ['zone_middle_2']).addService(googletag.pubads()); // banner vignette var dvignette = googletag.defineOutOfPageSlot('/31800665/KOMPASIANA.COM/vignette', googletag.enums.OutOfPageFormat.INTERSTITIAL); if(dvignette !== null) { dvignette.setTargeting('Pos',['vignette']); dvignette.setTargeting('kg_pos',['vignette']); dvignette.addService(googletag.pubads()); } /** s: Brandsafety */ setContextualTargeting(); if(typeof keywordBrandSafety === 'undefined'){ console.log("no article keywords"); }else{ console.log("execute keywords"); setKeywordTargeting(); } setBrandSafety(); function setContextualTargeting() { dfp_keywords = getKeywords(); console.log(dfp_keywords); googletag.pubads().setTargeting('contextual_targeting', dfp_keywords); } function getKeywords(){ var metas = document.getElementsByTagName('meta'); var str = (metas.namedItem("keywords") || {}).content; if (str!=null){ var keywords = str.toLowerCase().split(",").map(function(item) { return item.trim().replace(/\s\s+/g, ' '); }); return keywords; } return null; } // s:new keyword targeting via GAM function setKeywordTargeting() { dfp_keywords = getArticle(); console.log(dfp_keywords); googletag.pubads().setTargeting('keyword_targeting', dfp_keywords); } function getArticle(){ var strKey = keywordBrandSafety; if (strKey!=null){ var keywords = strKey.toLowerCase().split(/[ .]/).map(function(item) { return item.trim().replace(/\W*(&quot;)\W*/g, '').replace(/([^a-zA-Z0-9]$|[()\n\"])/g, ''); }); keywords = keywords.filter((str) => str !== ''); return keywords; } return null; } // e:new keyword targeting via GAM function setBrandSafety() { var cekclassread = document.getElementsByClassName("read__keyword")[0]; if(cekclassread != undefined){ var content = document.getElementsByClassName("read__keyword")[0].innerText; var gpt_safe = content.match(/\b(ak47|al jazeera|al qaeda|allah|Assad|bahan kimia|bencana|boikot|corona|covid-19|fatal|ganti rugi|gejala|gugur|hoax|hukuman|jokowi|kecelakaan|kejadian|keras|komplain|Kondom|kontroversi|korban|kriminal|palsu|pembunuhan|pemerkosaan|penyakit|peristiwa|pidana|polisi|porno|prabowo|racun|rasis|rasisme|seks|tersangka|viral|virus|porno|seks|lesbian|gay|sesama jenis|homoseks|homoseksual|biseksual|transgender|pemerasan|pemeras)\b/i); if(gpt_safe){ safe = 'no'; } else{ safe = 'yes'; } var keyword1 = content.match(/\b(bola|ayah|bayi|demo|fans|Serangan|fifa|game|ibu|Porno|kecanduan|keluarga|kematian|kesehatan|liga|mayat|meledak|pembunuhan|pertandingan|piala dunia|polisi|qatar|remaja|sehat|seks|sepak|soccer|stadion|timnas|world cup|rush|seksi|anak|gas|surabaya|tragedi|stadium|mengamuk|global warming|healthy|bom|bunuh diri|ledak|senjata|astana|tewas|mati|LPSK|korban|meninggal)\b/i); if (keyword1) { keyword_targetting1 = 'yes';} else { keyword_targetting1 = 'no';} var keyword2 = content.match(/\b(ahy|anies baswedan|black campaign|cak imin|calon bupati|calon gubernur|calon presiden|calon wakil presiden|calon walikota|debat kandidat|demokrat|dpr|ganjar pranowo|gibran|golkar|hak pilih|jokowi|kampanye|kotak suara|kpu|megawati|pdip|pemenang pemilu|pemungutan suara|pencalonan|pencoblosan|perhitungan suara|pks|prabowo|program kerja|quick count|real count|sby|sengketa pemilu|serangan fajar|suara sah|surat suara|survey|susilo bambang yudhoyono|tps|transparansi)\b/i); if (keyword2) { keyword_targetting2 = 'yes';} else { keyword_targetting2 = 'no';} var keyword3 = content.match(/\b(wuling|hyundai|tesla|mobil listrik|mobil ramah lingkungan|mobil EV|test drive|air ev)\b/i); if (keyword3) { keyword_targetting3 = 'yes';} else { keyword_targetting3 = 'no';} }else{ safe = 'yes'; keyword_targetting1 = 'no'; keyword_targetting2 = 'no'; keyword_targetting3 = 'no'; } console.log('safe_branding =' + safe); googletag.pubads().setTargeting('safe_branding', safe); console.log('keyword_targetting1 =' + keyword_targetting1); googletag.pubads().setTargeting('keyword_targetting1', keyword_targetting1); console.log('keyword_targetting2 =' + keyword_targetting2); googletag.pubads().setTargeting('keyword_targetting2', keyword_targetting2); console.log('keyword_targetting3 =' + keyword_targetting3); googletag.pubads().setTargeting('keyword_targetting3', keyword_targetting3); } try{ // Retrieving local storage var ls = window.localStorage; var lr = ls.getItem("_jxitr"); if (lr && lr.length > 2){ try{ googletag.pubads().setTargeting('jx_audience_interest', JSON.parse(lr).join().split(',')); }catch {} } var li = ls.getItem("_jxitd"); if (li && li.length > 2){ try{ googletag.pubads().setTargeting('jx_audience_intend', JSON.parse(li).join().split(',')); }catch {} } }catch(e){ //console.log("Localstorage not accessible or any other error: " + e.message); } /** e: Brandsafety */ googletag.pubads().setTargeting('currentUrl', '673ac2c534777c3db76d30e2'); googletag.pubads().setTargeting('kg_inv_type','desktop'); googletag.pubads().setTargeting('kg_group_sites','kompasiana'); googletag.pubads().enableLazyLoad({ fetchMarginPercent: 150, renderMarginPercent: 0, }); googletag.pubads().enableSingleRequest(); googletag.enableServices(); }); // Listen for slotRenderEnded to debug filled/unfilled ads var adSlotIds = [ 'div-gpt-ad-414138224105403936-1', 'div-gpt-ad-414138224105403936-2', 'div-gpt-ad-414138224105403936-3', 'div-gpt-ad-414138224105403936-4', 'div-gpt-ad-414138224105403936-2222', 'div-gpt-ad-414138224105403936-9999', 'div-gpt-ad-712092287234656005-411', 'div-gpt-ad-414138224105403936-9' ]; googletag.cmd.push(function() { googletag.pubads().addEventListener('slotRenderEnded', function(event) { var slotId = event.slot.getSlotElementId(); if (adSlotIds.includes(slotId)) { if (event.isEmpty) { console.log('Slot ' + slotId + ' is unfilled.'); // Ganti konten dengan gambar tracking // var cachebuster = Math.random() * 10000000000000000; // Random cachebuster // var trackingImageUrl = `https://pubads.g.doubleclick.net/gampad/ad?iu=/31800665/trackingunfilled&sz=1x1&c=${cachebuster}&t=udivid%3D${slotId}%26udomain%3D${encodeURIComponent(window.location.href)}%26udevice%3DDesktop`; var trackingImageUrl = `https://tracker.oval.id/3086ffb0-03df-4865-85de-1243d58ae052/v1/ads-tracker?cid=${slotId}&cpid=800&action=impression&type=display&page_url=${encodeURIComponent(window.location.href)}`; // Buat elemen gambar var trackingImage = document.createElement('img'); trackingImage.src = trackingImageUrl; trackingImage.width = 1; trackingImage.height = 1; // Tambahkan gambar ke dalam div yang sesuai document.getElementById(slotId).appendChild(trackingImage); } } }); }); </script> <!-- End: GPT --> <!-- font --> <style> @font-face{font-family:Merriweather;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff1jvzRPA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff8jvzRPA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff3jvzRPA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff2jvzRPA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff4jvw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZDf-LHrw.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZKf-LHrw.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZBf-LHrw.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZAf-LHrw.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZOf-I.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf1jvzRPA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf8jvzRPA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf3jvzRPA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf2jvzRPA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf4jvw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf1jvzRPA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf8jvzRPA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf3jvzRPA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf2jvzRPA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf4jvw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l521wRZVcf6lvg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l521wRZXMf6lvg.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l521wRZV8f6lvg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l521wRZVsf6lvg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l521wRZWMf6.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-cSZMZ-Y.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-eCZMZ-Y.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-cyZMZ-Y.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-ciZMZ-Y.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-fCZM.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZVcf6lvg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZXMf6lvg.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZV8f6lvg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZVsf6lvg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZWMf6.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZVcf6lvg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZXMf6lvg.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZV8f6lvg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZVsf6lvg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZWMf6.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} </style> </head> <body class="read-narative"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P7HQ38" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- header --> <div id="sso_g_signin"> </div> <header > <div class="header"> <div class="top-bar clearfix"> <div class="container"> <div class="col-lg-5 top-bar--left"><a href="https://www.kompasiana.com/"><img fetchpriority="high" class="top-bar--logo" width="200" height="51" src="https://assets-a2.kompasiana.com/statics/kompasiana2017/logo/kompasiana-biru.png?t=o&v=200&z=1621089821" alt="Kompasiana Logo" title="Kompasiana Logo"></a></div> <div class="col-lg-7 top-bar--right"> <div class="top-bar--child"> <form action="https://www.kompasiana.com/search_artikel" method="get"> <div class="search-box" title="Pencaharian"> <div class="search-box-in clearfix"> <svg class="icon icon-search" id="icon_search"> <use xlink:href="#icon-search"></use> </svg> <input type="text" name="q" class="col-xs-12" id="text_search" aria-label="Search Article" placeholder="Pencarian" value=""> </div> </div> </form> </div> <span id="header_detail" style="padding-left: 50px; width:263px;">Mohon tunggu...</span> </div> </div> </div> <div class="bottom-bar clearfix menu_1"> <ul> <li class="bottom-bar--menu bottom-bar--submenu"><a href="#">Program <b class="caret"></b></a> <ul> <li><a href="https://www.kompasiana.com/kkn">kkn</a></li> <li><a href="https://www.kompasiana.com/infinite">infinite</a></li> <li><a href="https://kilasbalik.kompasiana.com/">kilas balik</a></li> <li><a href="https://microsite.kompasiana.com/narativ">narativ</a></li> <li><a href="https://www.kompasiana.com/series">the series</a></li> <li><a href="https://ramadan.kompasiana.com/">ramadan</a></li> </ul> </li> <li class="bottom-bar--menu"><a class="" href="https://www.kompasiana.com/popular">Terpopuler </a></li> <li class="bottom-bar--menu"><a class="" href="https://www.kompasiana.com/latest">Terbaru </a></li> <li class="bottom-bar--menu"><a class="" href="https://www.kompasiana.com/headline">Headline </a></li> <li class="bottom-bar--menu"><a class="" href="https://www.kompasiana.com/topic">Topik Pilihan </a></li> <li class="bottom-bar--menu"><a class="" href="https://temu.kompasiana.com/">Komunitas </a></li> <li class="bottom-bar--menu"><a class="" href="https://event.kompasiana.com/">Event </a></li> <li class="bottom-bar--menu"><a class="" href="https://video.kompasiana.com/">Video </a></li> <li class="bottom-bar--menu"><a class="" href="https://www.kompasiana.com/k-rewards">K-rewards </a></li> </ul> </div> <div id="menu_2"></div> </div> <span id="banner_register"></span> <div class="navmenu"> <div class="navmenuWrapper"> <div class="navmenuItem"> <div class="navmenuItem__parent"><a href="https://www.kompasiana.com/lestari">Game Changer</a></div><div class="navmenuItem__parent navmenu__linksSpecial"><a href="https://www.kompasiana.com/cerita-pemilih">Cerita Pemilih</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/cerita-pemilih/analisis">Analisis</a> <a href="https://www.kompasiana.com/cerita-pemilih/sosok">Sosok</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/fiksiana">Fiksiana</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/fiksiana/cerbung">Cerbung</a> <a href="https://www.kompasiana.com/fiksiana/cerpen">Cerpen</a> <a href="https://www.kompasiana.com/fiksiana/horor">Horor</a> <a href="https://www.kompasiana.com/fiksiana/puisi">Puisi</a> <a href="https://www.kompasiana.com/fiksiana/roman">Roman</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/halo-lokal">Halo Lokal</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/halo-lokal/bandung">Bandung</a> <a href="https://www.kompasiana.com/halo-lokal/joglosemar">Joglosemar</a> <a href="https://www.kompasiana.com/halo-lokal/makassar">Makassar</a> <a href="https://www.kompasiana.com/halo-lokal/medan">Medan</a> <a href="https://www.kompasiana.com/halo-lokal/palembang">Palembang</a> <a href="https://www.kompasiana.com/halo-lokal/surabaya">Surabaya</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/humaniora">Humaniora</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/humaniora/bahasa">Bahasa</a> <a href="https://www.kompasiana.com/humaniora/filsafat">Filsafat</a> <a href="https://www.kompasiana.com/humaniora/pendidikan">Pendidikan</a> <a href="https://www.kompasiana.com/humaniora/seni">Seni</a> <a href="https://www.kompasiana.com/humaniora/sosbud">Sosbud</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/inovasi">Inovasi</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/inovasi/gadget">Gadget</a> <a href="https://www.kompasiana.com/inovasi/nature">Nature</a> <a href="https://www.kompasiana.com/inovasi/otomotif">Otomotif</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/lyfe">Lyfe</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/lyfe/beauty">Beauty</a> <a href="https://www.kompasiana.com/lyfe/book">Book</a> <a href="https://www.kompasiana.com/lyfe/diary">Diary</a> <a href="https://www.kompasiana.com/lyfe/film">Film</a> <a href="https://www.kompasiana.com/lyfe/games">Games</a> <a href="https://www.kompasiana.com/lyfe/healthy">Healthy</a> <a href="https://www.kompasiana.com/lyfe/hobby">Hobby</a> <a href="https://www.kompasiana.com/lyfe/home">Home</a> <a href="https://www.kompasiana.com/lyfe/humor">Humor</a> <a href="https://www.kompasiana.com/lyfe/love">Love</a> <a href="https://www.kompasiana.com/lyfe/music">Music</a> <a href="https://www.kompasiana.com/lyfe/parenting">Parenting</a> <a href="https://www.kompasiana.com/lyfe/worklife">Worklife</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/money">Money</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/money/entrepreneur">Entrepreneur</a> <a href="https://www.kompasiana.com/money/financial">Financial</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/new-world">New World</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/new-world/artificial-intelligence">Artificial intelligence</a> <a href="https://www.kompasiana.com/new-world/cryptocurrency">Cryptocurrency</a> <a href="https://www.kompasiana.com/new-world/metaverse">Metaverse</a> <a href="https://www.kompasiana.com/new-world/nft">NFT</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/olahraga">Olahraga</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/olahraga/atletik">Atletik</a> <a href="https://www.kompasiana.com/olahraga/balap">Balap</a> <a href="https://www.kompasiana.com/olahraga/bola">Bola</a> <a href="https://www.kompasiana.com/olahraga/raket">Raket</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/ruang-kelas">Ruang Kelas</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/ruang-kelas/ilmu-alam-tekno">Ilmu Alam & Tekno</a> <a href="https://www.kompasiana.com/ruang-kelas/ilmu-sosbud">Ilmu Sosbud</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/travel-story">Travel Story</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/travel-story/foodie">Foodie</a> <a href="https://www.kompasiana.com/travel-story/trip">Trip</a></div></div><div class="navmenuItem__parent"><a href="http://video.kompasiana.com">Video</a></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/vox-pop">Vox Pop</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/vox-pop/hukum">Hukum</a> <a href="https://www.kompasiana.com/vox-pop/kebijakan">Kebijakan</a> <a href="https://www.kompasiana.com/vox-pop/politik">Politik</a></div></div> </div> <span class="navmenuArrows navmenuArrows--left dis"> </span> <span class="navmenuArrows navmenuArrows--right"> </span> </div> </div> </header> <!-- pop up --> <span id="activity_popup" style="display: none"></span> <!-- <div class="js-nav-offset"></div> --> <section class="home-page"> <div class="row"> <!-- banner top_1 --> <div class="banner-top banner-center mb20"> <div id='div-gpt-ad-414138224105403936-1'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-414138224105403936-1'); }); </script> </div> </div> <div class="container mt20"> <div class="flashback flashback_desktop"> <div class="flashbackHeading"> Lagi Rame! </div> <div class="flashbackNews"> <ul class="flashbackNews__list" data-length="6"> <li class="flashbackNews__list_item"> <a href="https://www.kompasiana.com/indratranggono4060/6742c7d3ed64153cdc67a563/komikus-hasmi-lebih-dari-legenda-gundala?source=widget_flash_back">Sewindu Komikus Hasmi "Gundala"</a> </li> <li class="flashbackNews__list_item"> <a href="https://www.kompasiana.com/kaniaditarora9360/67429f06c925c40f8d56bc72/guru-madrasah-swasta-antara-asa-dan-dilema?source=widget_flash_back">Asa dan Dilema Guru Madrasah Swasta</a> </li> <li class="flashbackNews__list_item"> <a href="https://www.kompasiana.com/akbarisation/67387c2c34777c799d630014/4-tips-survive-bagi-guru-baru?source=widget_flash_back">Tip "Survive" bagi Guru Baru</a> </li> <li class="flashbackNews__list_item"> <a href="https://www.kompasiana.com/hamaysmenulis/673ea7e2c925c434e6722de2/hari-guru-nasional-antara-apresiasi-tulus-dan-formalitas-yang-melenceng?source=widget_flash_back">Hari Guru Nasional, Apresiasi Tulus dan Formalitas</a> </li> <li class="flashbackNews__list_item"> <a href="https://www.kompasiana.com/frans36286/6744125ec925c479f85cc1e2/mirisnya-nasib-guru-honorer-di-indonesia?source=widget_flash_back">Mirisnya Nasib Guru Honorer di Indonesia</a> </li> <li class="flashbackNews__list_item"> <a href="https://www.kompasiana.com/rani32453/67419aa9c925c428bb6f2662/tanda-traumamu-masih-ada-dan-cara-melepaskannya?source=widget_flash_back">Tanda-Tanda Masih Ada Trauma dalam Dirimu</a> </li> </ul> </div> <input type="checkbox" id="1" class="flashbackToggle"> <div for="1" class="flashback-arrow"> <span class="flashback-arrow-action"></span> </div> <div role="toggle" class="flashbackDetail"> <div class="flashbackDetail__data"> <div class="flashbackDetail__item"> <a href="https://www.kompasiana.com/indratranggono4060/6742c7d3ed64153cdc67a563/komikus-hasmi-lebih-dari-legenda-gundala?source=widget_flash_back">Sewindu Komikus Hasmi "Gundala"</a> </div> <div class="flashbackDetail__item"> <a href="https://www.kompasiana.com/kaniaditarora9360/67429f06c925c40f8d56bc72/guru-madrasah-swasta-antara-asa-dan-dilema?source=widget_flash_back">Asa dan Dilema Guru Madrasah Swasta</a> </div> <div class="flashbackDetail__item"> <a href="https://www.kompasiana.com/akbarisation/67387c2c34777c799d630014/4-tips-survive-bagi-guru-baru?source=widget_flash_back">Tip "Survive" bagi Guru Baru</a> </div> </div> <div class="flashbackDetail__data"> <div class="flashbackDetail__item"> <a href="https://www.kompasiana.com/hamaysmenulis/673ea7e2c925c434e6722de2/hari-guru-nasional-antara-apresiasi-tulus-dan-formalitas-yang-melenceng?source=widget_flash_back">Hari Guru Nasional, Apresiasi Tulus dan Formalitas</a> </div> <div class="flashbackDetail__item"> <a href="https://www.kompasiana.com/frans36286/6744125ec925c479f85cc1e2/mirisnya-nasib-guru-honorer-di-indonesia?source=widget_flash_back">Mirisnya Nasib Guru Honorer di Indonesia</a> </div> <div class="flashbackDetail__item"> <a href="https://www.kompasiana.com/rani32453/67419aa9c925c428bb6f2662/tanda-traumamu-masih-ada-dan-cara-melepaskannya?source=widget_flash_back">Tanda-Tanda Masih Ada Trauma dalam Dirimu</a> </div> </div> </div> </div> </div> </div> <div class="container"> </div> <!-- halaman biasa --> <div class=" container js-giant-wp-sticky-parent mt10"> <div id="cerita-pemilih-sosok"></div> <div class="leftside col-lg-8 col-md-8 col-sm-8"> <div id="id_post" class="page_position" data-position="read" data-id="673ac2c534777c3db76d30e2" data-posttitle="Sama Kuatnya, Akankah Aghniny Haque Raih Piala Citra Pertamanya di FFI 2024?" data-recipientid="54ec8c0a115af91a18005e63" data-redirecturl="/rajalubis/673ac2c534777c3db76d30e2/sama-kuatnya-akankah-aghniny-haque-raih-piala-citra-pertamanya-di-ffi-2024" data-read='eyJwdWJsaXNoZWRfYXQiOiIyMDI0LTExLTE4IDA0OjI5OjU3IiwiaWQiOiI2NzNhYzJjNTM0Nzc3YzNkYjc2ZDMwZTIiLCJjb3VudGVyIjpbeyJjb3VudCI6MSwibmFtZSI6ImhpZ2hsaWdodCJ9LHsiY291bnQiOjEsIm5hbWUiOiJjb21tZW50In0seyJjb3VudCI6MTcsIm5hbWUiOiJyYXRpbmcifSx7ImNvdW50IjozMTYsIm5hbWUiOiJ2aWV3In1dLCJzdGF0dXMiOiJwdWJsaXNoZWQiLCJkZWxldGVkX2F0IjoibnVsbCIsImxvY2tlZCI6ImZhbHNlIiwiY2hhbm5lbCI6eyJ2ZXJpZnlfaWQiOiI1NGQyZTM4Zjc0NTUxMzhmMTA4YjQ1NjkiLCJpZCI6IjU0ZWM4YzBhMTE1YWY5MWExODAwNWU2MyIsInNob3J0X3VybCI6InJhamFsdWJpcyIsImtvbXBhc19pZCI6IjEzMzc4OTgwMDg5NDIwMDYwOTA5IiwiZnVsbF9uYW1lIjoiUmFqYSBMdWJpcyJ9LCJ1cmwiOnsicGF0aCI6IlwvcmFqYWx1YmlzXC82NzNhYzJjNTM0Nzc3YzNkYjc2ZDMwZTJcL3NhbWEta3VhdG55YS1ha2Fua2FoLWFnaG5pbnktaGFxdWUtcmFpaC1waWFsYS1jaXRyYS1wZXJ0YW1hbnlhLWRpLWZmaS0yMDI0In19'></div> <div class="terkait-inner"> <div class="title-dash title-dash--related mb20"> <span>Kamu pasti suka!</span> </div> <button class="button buttonIcon__wrap buttonIcon--left -relateLeft -disabled"> <span class="icon-arrow icon-arrow-left"></span> </button> <ul class="terkait-wrap -js-related"> <li> <a href="https://www.kompasiana.com/agungmsghai-edumain6203/670a4b4634777c7d284431a2/kerinduan-di-ujung-ombak?source_from=read_related" class="terkait-post"> <img width='63' height='63' src="https://assets-a2.kompasiana.com/items/album/2024/10/12/1000199933-670a4a58c925c433250d1682.jpg?t=t&v=100&x=100&info=meta_related" alt="Kerinduan di Ujung Ombak" class="terkait-post-img"> <h3 class="terkait-post-title">Kerinduan di Ujung Ombak</h3> </a> </li> <li> <a href="https://www.kompasiana.com/junjungwidagdoabinyahaikal3859/67093443ed64152dce74ebd3/junjung-widagdo?source_from=read_related" class="terkait-post"> <img width='63' height='63' src="https://assets-a2.kompasiana.com/items/album/2024/10/13/https-asset-kgnewsroom-com-photo-pre-2022-07-27-03d5ef04-76cc-428a-9b51-ac5567cf5421-jpg-670b692434777c42460b4312.jpg?t=t&v=100&x=100&info=meta_related" alt="Pendidikan di Ujung Tanduk" class="terkait-post-img"> <h3 class="terkait-post-title">Pendidikan di Ujung Tanduk</h3> </a> </li> <li> <a href="https://www.kompasiana.com/ilhamfaisal/6703c5b334777c530a374392/kans-comoros-ke-piala-dunia-2026-mayoritas-pemainnya-kelahiran-prancis?source_from=read_related" class="terkait-post"> <img width='63' height='63' src="https://assets-a2.kompasiana.com/items/album/2024/10/07/3944010678-6703c541ed6415626d39e232.jpg?t=t&v=100&x=100&info=meta_related" alt="Kans Comoros ke Piala Dunia 2026, Mayoritas Pemainnya Kelahiran Prancis" class="terkait-post-img"> <h3 class="terkait-post-title">Kans Comoros ke Piala Dunia 2026, Mayoritas Pemainnya Kelahiran Prancis</h3> </a> </li> </ul> <button class="button buttonIcon__wrap buttonIcon--right -relateRight -disabled"> <span class="icon-arrow icon-arrow-right"></span> </button> </div> <div class="read-biografi mt20 mb20 clearfix"> <div class="thumb-user clearfix"> <div class="user-img mr10"> <a href="https://www.kompasiana.com/rajalubis"><img src="https://assets-a1.kompasiana.com/images/avatar/img20151102195643-56668e997393731d07ab2a60.jpg?t=t&v=70&x=70" alt="Raja Lubis" width="70" height="70"></a> </div> <div class="user-box col-lg-12 col-md-12 col-sm-12 col-xs-12"> <a href="https://www.kompasiana.com/rajalubis" class="user-name">Raja Lubis <svg class="icon icon-verifikasi icon-blue -tver"><use xlink:href="#icon-verifikasi"></use></svg> </a> <span id="follow_read">Mohon Tunggu...</span> <span class="title-box">Freelancer - Pekerja Teks Komersial</span> <div class="read-biografi__desc mt20 mb10"> <p class="read-biografi__desc--p"> Pecinta Musik dan Film Indonesia yang bercita-cita menjadi jurnalis dan entertainer namun malah tersesat di dunia informatika dan kini malah bekerja di perbankan. Ngeblog di rajalubis.com / rajasinema.com </p> </div> <p class="load-more load-more--bio text-center"><a href="#">Selanjutnya<svg class="icon icon-angle-down"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-angle-down"></use></svg></a></p> <p class="load-more close--bio text-center"><a href="#">Tutup<svg class="icon icon-angle-up"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-angle-up"></use></svg></a></p> </div> </div> </div> <!-- s : halaman baca --> <div class="read-section read-section--nbox mt20"> <div class="read-artikel mb40 sticky-parent"> <div class="artikel--tag"> <span> Film </span> <span style="padding: 2px 12px; background-color: #125ba8">Pilihan</span> </div> <div class="read-artikel__title"> <h1 class="title">Sama Kuatnya, Akankah Aghniny Haque Raih Piala Citra Pertamanya di FFI 2024? </h1> </div> <div class="read-artikel__caption clearfix"> <div class="shared shared__right clearfix"> <span class="shared-x"><a href="javascript:void(0);" onclick="tweet_share('Sama Kuatnya, Akankah Aghniny Haque Raih Piala Citra Pertamanya di FFI 2024? https://www.kompasiana.com/rajalubis/673ac2c534777c3db76d30e2/sama-kuatnya-akankah-aghniny-haque-raih-piala-citra-pertamanya-di-ffi-2024')" title="Share to X"><svg class="icon icon-x"><use xlink:href="#icon-x"></use></svg></a></span> <span class="shared-fb"><a href="javascript:void(0);" onclick="fb_share('Sama Kuatnya, Akankah Aghniny Haque Raih Piala Citra Pertamanya di FFI 2024?','https://www.kompasiana.com/rajalubis/673ac2c534777c3db76d30e2/sama-kuatnya-akankah-aghniny-haque-raih-piala-citra-pertamanya-di-ffi-2024')" title="Facebook Share"><svg class="icon icon-facebook"><use xlink:href="#icon-facebook"></use></svg></a></span> <span class="shared-ln"><a href="javascript:void(0);" onclick="linkedin_share('https://www.kompasiana.com/rajalubis/673ac2c534777c3db76d30e2/sama-kuatnya-akankah-aghniny-haque-raih-piala-citra-pertamanya-di-ffi-2024')" title="LinkedIn Share"><svg class="icon icon-linkedin"><use xlink:href="#icon-linkedin"></use></svg></a></span> <span class="shared-wa"><a href="javascript:void(0);" onclick="wa_share('*Sama Kuatnya, Akankah Aghniny Haque Raih Piala Citra Pertamanya di FFI 2024?*','https://www.kompasiana.com/rajalubis/673ac2c534777c3db76d30e2/sama-kuatnya-akankah-aghniny-haque-raih-piala-citra-pertamanya-di-ffi-2024')" aria-label="Share to whatsapp"><svg class="icon icon-whatsapp"> <use xlink:href="#icon-whatsapp"></use> </svg></a></span> <span class="shared-telegram"><a href="javascript:void(0);" onclick="telegram_share('Sama Kuatnya, Akankah Aghniny Haque Raih Piala Citra Pertamanya di FFI 2024?','https://www.kompasiana.com/rajalubis/673ac2c534777c3db76d30e2/sama-kuatnya-akankah-aghniny-haque-raih-piala-citra-pertamanya-di-ffi-2024')" title="Telegram Share" class="icon icon-telegram"></a></span> </div> </div> <div class="read-count mt10 mb20 clearfix"> <span style="display:none" class='exp_read_calendar'> <span class="count-item"><a href="https://www.kompasiana.com/indeks?page=1&date=2024-11-18&category=highlight">18 November 2024 11:29</a></span> </span> <span class="count-item">18 November 2024 11:29</span> <span class="count-item">Diperbarui: 18 November 2024 11:44</span> <span class="count-item"> <svg class="icon icon-dibaca"> <use xlink:href="#icon-dibaca"></use> </svg> <span id="post-counter" data-id="673ac2c534777c3db76d30e2">316</span> <button onclick="document.getElementById('nilai-section').scrollIntoView({behavior: 'smooth'});" class="count-item-link" aria-label="Like this article"> <svg class="icon icon-like"> <use xlink:href="#icon-like"></use> </svg><span>17</span> </button> <button onclick="document.getElementById('comment-section').scrollIntoView({behavior: 'smooth'});" class="count-item-link" aria-label="Comment this article"> <svg class="icon icon-comment"> <use xlink:href="#icon-comment"></use> </svg><span>1</span> </button> </span> <div class="timeline__ribbon" title="Tambahkan ke Favorit" id="button_673ac2c534777c3db76d30e2"> <div id="673ac2c534777c3db76d30e2_load-image-favorit" style="font-size:14px; color:grey;"></div> <a href="javascript:void(0)" class="postRibbon" id="673ac2c534777c3db76d30e2_favorit" onclick="new_favorit('673ac2c534777c3db76d30e2')">+</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="673ac2c534777c3db76d30e2">Laporkan Konten</div> <div class="reportbtnMenu__item -reportAkun btnReportAkun postRibbon" data-user="54ec8c0a115af91a18005e63">Laporkan Akun</div> </div> </div> </div> <div class="warning">Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.</div> <!-- s: photo slider --> <div class="slidesWrapper"> <div class="popgalery slides-one"> <a href="?page=1&page_images=2" class="slidesArrow slidesArrow__big slidesArrow__left align-center" aria-label="Previous Image"> <svg class="icon icon-angle-left"> <use xlink:href="#icon-angle-left"></use> </svg> </a> <a href="https://www.kompasiana.com/image/rajalubis/673ac2c534777c3db76d30e2/sama-kuatnya-akankah-aghniny-haque-raih-piala-citra-pertamanya-di-ffi-2024?page=1"> <div class="photo__expand"> <svg class="icon icon-dibaca"><use xlink:href="#icon-dibaca"></use></svg> Lihat foto </div> </a> <div class="slidesBig photo__wrap"> <a href="https://www.kompasiana.com/image/rajalubis/673ac2c534777c3db76d30e2/sama-kuatnya-akankah-aghniny-haque-raih-piala-citra-pertamanya-di-ffi-2024?page=1"> <img src="https://assets.kompasiana.com/items/album/2024/11/18/ffi-2024-673ac228c925c446e0145862.jpg?t=o&v=770" alt="Nomine Pemeran Utama Perempuan Terbaik FFI 2024/doc. FFI" width="740" height="493" loading="lazy" /> </a> </div> <figcaption itemprop="caption description">Nomine Pemeran Utama Perempuan Terbaik FFI 2024/doc. FFI</figcaption> <a href="?page=1&page_images=2" class="slidesArrow slidesArrow__big slidesArrow__right align-center" aria-label="Next Image"> <svg class="icon icon-angle-right"> <use xlink:href="#icon-angle-right"></use> </svg> </a> </div> <div class="slides-gal"> <a href="?page=1&page_images=2" class="slidesArrow slidesArrow__small slidesArrow__left align-center" aria-label="Previous Image"> <svg class="icon icon-angle-left"> <use xlink:href="#icon-angle-left"></use> </svg> </a> <div class="slides slidesFlex align-center mt10"> <div class="slidesSmall photo__wrap"> <a href="?page=1&page_images=1"> <img src="https://assets.kompasiana.com/items/album/2024/11/18/ffi-2024-673ac228c925c446e0145862.jpg?t=o&v=260" alt="Nomine Pemeran Utama Perempuan Terbaik FFI 2024/doc. FFI" width="740" height="493" loading="lazy" /> </a> </div> <div class="slidesSmall photo__wrap"> <a href="?page=1&page_images=2"> <img src="https://assets-a1.kompasiana.com//statics/2019_kompasiana/images/gambar-default-karusel2.jpg?t=o&v=260" alt="Bagikan ide kreativitasmu dalam bentuk konten di Kompasiana | Sumber gambar: Freepik" width="740" height="493" loading="lazy" /> </a> </div> </div> <a href="?page=1&page_images=2" class="slidesArrow slidesArrow__small slidesArrow__right align-center" aria-label="Next Image"> <svg class="icon icon-angle-right"> <use xlink:href="#icon-angle-right"></use> </svg> </a> </div> </div> <!-- e: photo slider --> <div class="mt20 clearfix"> <button class="text-size" id="small" title="Mengecilkan font"><svg class="icon icon-text-down"><use xlink:href="#icon-text-down"></use></svg></button> <button class="text-size" id="big" title="Membesarkan font"><svg class="icon icon-text-up"><use xlink:href="#icon-text-up"></use></svg></button> </div> <div class="row clearfix"> <!-- banner skycrapper --> <div class="ads ads__skyscraper banner-sky banner-center sticky-right col-lg-3 col-md-3 col-sm-3 col-xs-3 clearfix"> <div id='div-gpt-ad-414138224105403936-9999'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-414138224105403936-9999'); }); </script> </div> </div> <div class="read-content read__keyword col-lg-9 col-md-9 col-sm-9 col-xs-9" itemprop="articleBody"> <p><blockquote></p><p><strong>Dua hari lagi, tepatnya Rabu 20 November 2024, malam anugerah <a target='_self' class='inner-link-tag' href='https://www.kompasiana.com/tag/festival-film-indonesia' style='color:#428bca;'>Festival Film Indonesia</a> (FFI) 2024 akan digelar.聽</strong></blockquote></p><p><span class="fr-img-caption fr-fic fr-dib" style="width:400px;"><span class="fr-img-wrap"></span></span>Satu nominasi yang menurut saya paling menarik untuk dibahas dari FFI 2024 adalah kategori "<strong>Pemeran Utama Perempuan Terbaik</strong>". Pasalnya nama-nama aktor yang masuk nominasi ini memang banyak diprediksikan penonton, dan juga diperhitungkan oleh festival <a target='_self' class='inner-link-tag' href='https://www.kompasiana.com/tag/film' style='color:#428bca;'>film</a> lainnya.</p><p><div id="teads_outstream"></div> </p><p>Ada 5 aktor yang bersaing memperebutkan piala citra Pemeran Utama Perempuan Terbaik. Mereka adalah <strong><a target='_self' class='inner-link-tag' href='https://www.kompasiana.com/tag/aghniny-haque' style='color:#428bca;'>Aghniny Haque</a></strong> (<em>Tuhan, Izinkan Aku Berdosa</em>), <strong><a target='_self' class='inner-link-tag' href='https://www.kompasiana.com/tag/faradina-mufti' style='color:#428bca;'>Faradina Mufti</a></strong> (<em>Siksa Kubur</em>), <strong><a target='_self' class='inner-link-tag' href='https://www.kompasiana.com/tag/laura-basuki' style='color:#428bca;'>Laura Basuki</a></strong> (<em>Heartbreak Motel</em>), <strong>Marissa Anita</strong> (<em>Crocodile Tears</em>), dan <strong>Nirina Zubir</strong> (<em>Jatuh Cinta Seperti di <a target='_self' class='inner-link-tag' href='https://www.kompasiana.com/tag/film' style='color:#428bca;'>Film</a>-Film</em>).</p><p><!-- banner flying desktop carpet --> <div class="banner banner-carpet-read banner-center mt20 mb20"> <div id='div-gpt-ad-712092287234656005-411'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-712092287234656005-411');}); </script> </div> </div> </p><p>Kecuali Marissa Anita, keempat nomine lainnya lebih dulu masuk nominasi Pemeran Utama Wanita Terpuji <strong>Festival Film Bandung</strong> (FFB) 2024 yang rampung digelar pada 9 November 2024 lalu.</p><p>Marissa Anita tidak masuk ke nominasi FFB dikarenakan filmnya <em>Crocodile Tears</em> belum tayang secara reguler baik di bioskop maupun OTT. FFB hanya mengamati dan menilai film-film yang sudah rilis secara luas untuk publik, sementara FFI memperbolehkan film-film untuk mendaftarkan diri terlebih dahulu meskipun belum tayang secara luas.</p><p>Oleh karena itu, jika <em>Crocodile Tears</em> tayang di tahun depan, maka Marissa Anita akan diamati untuk FFB 2025.<h2>Akankah Aghniny Haque raih piala citra pertamanya?</h2></p><p><strong>FFB 2024 memberikan penghargaan Pemeran Utama Wanita Terpuji pada Aghniny Haque</strong>. Penghargaan ini kian melengkapi pencapaian Aghniny karena sebelumnya ia pun berhasil membawa pulang piala <strong>Pemeran Utama Wanita Terbaik Indonesian Movie Actors Awards (IMAAwards) 2024</strong>.</p><p><div class="banner banner-carpet-read banner-center mt20 mb20"> <div id='div-gpt-ad-712092287234656005-412' style='text-align: center;'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-712092287234656005-412');}); </script> </div> </div> </p><p>Setiap penghargaan film memang punya juri, penilaian, dan karakteristik tersendiri. Tapi tidak menutup kemungkinan, seorang aktor dengan peran yang sama di satu film, bisa mendapatkan penghargaan <strong>IMAAwards</strong>, <strong>FFB</strong>, dan <strong>FFI聽</strong>sekaligus.</p><p></p><p>Hal ini pernah terjadi pada almarhum <strong>Deddy Sutomo</strong> (<em>Mencari Hilal</em>), <strong>Reza Rahadian</strong> (<em>My Stupid Boss</em>), <strong>Marthino Lio</strong> (<em>Seperti Dendam, Rindu Harus Dibayar Tuntas</em>), dan <strong>Marsha Timothy</strong> (<em>Marlina Si Pembunuh dalam Empat Babak</em>).</p><p>Melihat fakta tersebut, sangat memungkinkan Aghniny membawa pulang piala citra. Perannya sebagai Kiran di <em>Tuhan, Izinkan Aku Berdosa</em> menunjukkan performa terbaiknya.</p> <iframe src="https://widget.kompas.com/survey/226?separator=survey__separator" frameborder="0" width="100%" height="280" style="background-color: #fff; border-radius: 6px;"></iframe> <!-- DFP OSM Start --> <style> .ads-partner-wrap { background: #fff; } #div-gpt-ad-Zone_OSM { position: sticky; position: -webkit-sticky; width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; top: 60px; } </style> <span id="wrap_lazy_div-gpt-ad-Zone_OSM" style="margin-top:-200px;position:absolute"></span> <div class="ads-partner-wrap osmplaceonsite" style="min-height: 640px; max-width:100%; text-align: center;"> <div id="div-gpt-ad-Zone_OSM"></div> </div> <script type="text/javascript"> LazyLoadSlot("div-gpt-ad-Zone_OSM", "/31800665/KOMPASIANA.COM/read", [[300,600],[300,250], [1,1], [384, 600], [336, 600], [384, 100], [393, 600], [384, 280], [360, 280], [360, 600]], "zone_osm", "zone_osm"); /** Init div-gpt-ad-Zone_OSM **/ function LazyLoadSlot(divGptSlot, adUnitName, sizeSlot, posName, posName_kg){ var observerAds = new IntersectionObserver(function(entires){ entires.forEach(function(entry) { if(entry.intersectionRatio > 0){ showAds(entry.target) } }); }, { threshold: 0 }); observerAds.observe(document.getElementById('wrap_lazy_'+divGptSlot)); function showAds(element){ console.log('show_ads lazy : '+divGptSlot); observerAds.unobserve(element); observerAds.disconnect(); googletag.cmd.push(function() { var slotOsm = googletag.defineSlot(adUnitName, sizeSlot, divGptSlot) .setTargeting('Pos',[posName]) .setTargeting('kg_pos',[posName_kg]) .addService(googletag.pubads()); googletag.display(divGptSlot); setTimeout(function(){ googletag.pubads().refresh([slotOsm]); }, 2 * 1000); }); } } </script> <!-- DFP OSM End --> <!-- s: read story --> <!-- e: read story --> <!-- s: read paging --> <div class="read-paging mt40 clearfix"> <div class="col-xs-2 col-offset-0"> <div class="read-paging--teaser">HALAMAN :</div> </div> <div class="col-xs-7 col-offset-0"> <ol class="read-paging--list"> <li class="read-paging--item"> <a class="read-paging--link read-paging--active">1</a> </li> <li class="read-paging--item"> <a class="read-paging--link" href="?page=2&page_images=1">2</a> </li> <li class="read-paging--item"> <a class="read-paging--link" href="?page=3&page_images=1">3</a> </li> <li class="read-paging--item"> <a href="?page=2&page_images=1" class="read-paging--right"><svg class="icon icon-angle-right"><use xlink:href="#icon-angle-right"></use></svg></a> </li> </ol> </div> </div> <!-- e: read paging --> <!-- s : banner read --> <div class="mt40"> <span id="button_footer_read">Mohon tunggu...</span> </div> <br> <a href="https://www.kompasiana.com/indeks?page=1&category=film&highlight=1" class="buttonCateg display-flex mt20" style="background: black !important;"> <div class="buttonCateg__img"> <img src="https://assets.kompasiana.com/items/category/39-1-1628767545.png?t=o&v=100" alt="Lihat Konten Film Selengkapnya" width="100" height="60" loading="lazy"> </div> <div class="buttonCateg__txt align-center">Lihat Film Selengkapnya </div> <div class="buttonCateg__arrow--wrap align-center"> <div class="buttonCateg__arrow"></div> </div> </a> <!-- s: nilai --> <div class="nilai-box mb20 clearfix" id="nilai-section"> <div id="ul_beri_nilai"></div> <div id="rating_post"></div> <div id="more-stories-rating" class="more-stories mt20" style="display: none;"> <a id="load-more-rating" onclick="loadRating()" data-perpage="10" data-page="1" data-holder="rating_post" class="load-more">Selanjutnya<svg class="icon icon-angle-right"><use xlink:href="#icon-angle-right"></use></svg></a> </div> <div id="load-image-rating"></div> </div> <!-- e: nilai --> <!-- s: read komentar --> <div class="komentar komentarBlue mt20 mb20 clearfix" id="comment-section"> <div class="title-dash komentarTitle"><span>Beri Komentar</span></div> <form class="form text-left mt10 clearfix form-response" id="komen-submit"> <textarea placeholder="Tulis Tanggapan Anda..." class="form-control mb10" id="text"></textarea> <div class="komentarDisc">Berkomentarlah secara bijaksana dan bertanggung jawab. Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE</div> <div class="pull-right"><button id="submit" class="komentar-submit">KIRIM</button></div> </form> <hr class="mt10 mb10"> <div class="komentar__cap" id="komentar__cap"> Belum ada komentar. Jadilah yang pertama untuk memberikan komentar! </div> <div class="komentar-list-holder" style="min-height: 0px !important"></div> <div id="load-image-komentar"></div> <a href="https://www.kompasiana.com/komentar/rajalubis/673ac2c534777c3db76d30e2/sama-kuatnya-akankah-aghniny-haque-raih-piala-citra-pertamanya-di-ffi-2024" style="display: none;" id="komentarAll" class="komentarAll align-center">Lihat Semua Komentar (1)</a> </div> <!-- e: read komentar --> <!-- widget_kuis --> <div id="kompasiana-arena-base"> </div> <div style="height:416px" id="kompasiana-arena-body"> </div> <!-- promotion_gate_read_desktop --> <!-- kgnow --> <div class="video-box-thumb kgnowGate"> </div> <script async src = "https://scripts.jixie.media/jxvideo.3.1.min.js"></script> <script> var videoIds = []; var videoNext = []; var scrl = 0; function getVideo() { var rvJixie = new XMLHttpRequest(); rvJixie.onreadystatechange = function() { if (this.readyState == 4){ let statusapi = this.status; if ("ga" in window) { ga(function() { tracker = ga.getAll()[0]; if (tracker){ tracker.send("event", "KG Player", "APIS Req", statusapi); console.log('track kgplayer', statusapi) } }) } } if (this.readyState == 4 && this.status == 200) { let response = JSON.parse(rvJixie.responseText); let status = response.status if (status) { let items = response.items var html_video_rec_thumb = ''; let videoItems = items.slice(0, 5) videoItems.forEach(function(item, index) { //populate our simple array videoIds.push(item.video_id); var cls = '' var title_url = item.title; var url_video = 'https://video.kompas.com/watch/'+item.video_id+'/'+title_url.toLowerCase().replace(/ /g, '-').replace(/[^\w-]+/g, ''); if(index==0){ html_video_rec_thumb += ` <div class="rVideo-thumbnail --rVideo_read"> <iframe id="rVideo-embed-thumb" allow="encrypted-media" width="100%" height="274" src="https://www.kgnow.com/embed/${item.video_id}?autoplay=none&thumbnail=on&accountid=3b1c9a9fce40783bf7e1f42f294e5af2&source=KOMPASIANA&position=detail_inline_player_1" title="${item.title}" frameborder="0" scrolling="no" > </iframe> <div class="rVideo-box"> <h4 class="rVideo-title">${item.title}</h4> <span class="rVideo-date">${timeSince(videoItems[0].date_publish)}</span> </div> </div> ` } }) document.querySelector('.video-box-thumb').innerHTML = html_video_rec_thumb; } } } let description = document.querySelector('meta[name="description"]').content let keywords = document.querySelector('meta[name="content_tags"]').content let title = document.getElementsByTagName("title")[0].textContent; let data = { "title": title, "description": description, "keywords": keywords, "page_id": "673ac2c534777c3db76d30e2", "current_url": "https://www.kompasiana.com/rajalubis/673ac2c534777c3db76d30e2/sama-kuatnya-akankah-aghniny-haque-raih-piala-citra-pertamanya-di-ffi-2024", } let data_kgnow_token = { "url": "https://apis.kompas.com/api/widget/video", "Authorization": "Bearer eyJpdiI6ImhyUXB1T0dKZnJabExYbzk5SlNTMkE9PSIsInZhbHVlIjoieUZ1NlVvVDUxOHRNQ2Z2bTE2ejBoZz09IiwibWFjIjoiYWZiYzQzNTk1NTFmODMxY2IyZTBmY2E4ODYyNWQ0YjU5N2VkOTgzNmVlNjU5ZmQ4MmI1YWJmZjU2Nzg4NGVhOSJ9", } rvJixie.open("POST", "https://apis.kompas.com/api/widget/video", true); rvJixie.setRequestHeader('Authorization', data_kgnow_token.Authorization); rvJixie.setRequestHeader('Content-Type', 'application/json'); rvJixie.send(JSON.stringify(data)); } getVideo(); function dateFormatJixie(value) { const monthText = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember']; if (value) { const dateJixie = new Date(value); return dateJixie.getDate() + ' ' + monthText[dateJixie.getMonth()] + ' ' + dateJixie.getFullYear(); } else { return ""; } } function timeFormatJixie(value) { if (value) { const timeJixie = value.split(':'); if (timeJixie[0] == '00') { return timeJixie[1] + ':' + timeJixie[2]; } else { return value; } } else { return ""; } } function timeSince (value) { console.log("sini",value) if (typeof value !== 'object') { date = new Date(value); } var seconds = Math.floor((new Date() - date) / 1000); var intervalType; var interval = Math.floor(seconds / 31536000); if (interval >= 1) { intervalType = 'tahun yang lalu'; } else { interval = Math.floor(seconds / 2592000); if (interval >= 1) { intervalType = 'bulan yang lalu'; } else { interval = Math.floor(seconds / 86400); if (interval >= 1) { intervalType = 'hari yang lalu'; } else { interval = Math.floor(seconds / 3600); if (interval >= 1) { intervalType = "jam yang lalu"; } else { interval = Math.floor(seconds / 60); if (interval >= 1) { intervalType = "menit yang lalu"; } else { interval = seconds; intervalType = "detik yang lalu"; } } } } } return interval + ' ' + intervalType; } </script> <!-- e : banner read --> </div> </div> </div> <!-- s: read footer --> <div class="read-footer"> <!-- s : prokontra gate read --> <!-- e : prokontra gate read --> <div class="tag"><span>TAG</span> <a class="tag-link" href="https://www.kompasiana.com/tag/rekomendasi-film-festival"><h2 class="title-tag">rekomendasi film festival</h2></a> <a class="tag-link" href="https://www.kompasiana.com/tag/ffi-2024"><h2 class="title-tag">ffi 2024</h2></a> <a class="tag-link" href="https://www.kompasiana.com/tag/festival-film-indonesia"><h2 class="title-tag">festival film indonesia</h2></a> <a class="tag-link" href="https://www.kompasiana.com/tag/aghniny-haque"><h2 class="title-tag">aghniny haque</h2></a> <a class="tag-link" href="https://www.kompasiana.com/tag/faradina-mufti"><h2 class="title-tag">faradina mufti</h2></a> <a class="tag-link" href="https://www.kompasiana.com/tag/laura-basuki"><h2 class="title-tag">laura basuki</h2></a> <a class="tag-link" href="https://www.kompasiana.com/tag/film"><h2 class="title-tag">film</h2></a> <a class="tag-link" href="https://www.kompasiana.com/tag/lyfe"><h2 class="title-tag">lyfe</h2></a> </div> <div class="response mt10 clearfix"> <div id="responses" data-id="673ac2c534777c3db76d30e2" data-perPage="2" align="center"></div> </div> <!-- s : terkait --> <div class="mt10 clearfix lainnya" data-postId="673ac2c534777c3db76d30e2" style="display: none;"> <div class="row"> <div class="title-dash mb10"> <div class="row"> <div class="col-md-4"> <h3 class="rekomen"><span>Artikel Lainnya</span></h3> </div> <!-- <div class="col-md-offset-5 col-md-3" data-type="tooltips" data-text="Jixie mencari berita yang dekat dengan preferensi dan pilihan Anda. Kumpulan berita tersebut disajikan sebagai berita pilihan yang lebih sesuai dengan minat Anda."> Powered by <img loading="lazy" src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/jixie-logo.png" alt="" width="60"> <div class="tooltips"> <span> Jixie mencari berita yang dekat dengan preferensi dan pilihan Anda. Kumpulan berita tersebut disajikan sebagai berita pilihan yang lebih sesuai dengan minat Anda. </span> </div> </div> --> </div> </div> </div> <div class="terbaru-row row lainnya-content"> <div class="terbaru-item item col-lg-4 col-md-4 col-sm-12"> <a class="url" href="#"> <div class="img-inner"> <img loading="lazy" src="" width="760" height="427"> </div> <h1 class="terbaru-title title" style="text-transform: capitalize;"></h1> </a> </div> </div> </div> <!-- e : terkait --> <div class='banner banner-mgid-read mt20 mb20'> <!-- Start Recreativ --> <div id="bn_b1ea5564dd"></div> <script>'use strict';(function(C,b,m,r){function t(){b.removeEventListener("scroll",t);f()}function u(){p=new IntersectionObserver(a=>{a.forEach(n=>{n.isIntersecting&&(p.unobserve(n.target),f())})},{root:null,rootMargin:"400px 200px",threshold:0});p.observe(e)}function f(){(e=e||b.getElementById("bn_"+m))?(e.innerHTML="",e.id="bn_"+v,q={act:"init",id:m,rnd:v,ms:w},(d=b.getElementById("rcMain"))?c=d.contentWindow:D(),c.rcMain?c.postMessage(q,x):c.rcBuf.push(q)):g("!bn")}function E(a,n,F,y){function z(){var h= n.createElement("script");h.type="text/javascript";h.src=a;h.onerror=function(){k++;5>k?setTimeout(z,10):g(k+"!"+a)};h.onload=function(){y&&y();k&&g(k+"!"+a)};F.appendChild(h)}var k=0;z()}function D(){try{d=b.createElement("iframe"),d.style.setProperty("display","none","important"),d.id="rcMain",b.body.insertBefore(d,b.body.children[0]),c=d.contentWindow,l=c.document,l.open(),l.close(),A=l.body,Object.defineProperty(c,"rcBuf",{enumerable:!1,configurable:!1,writable:!1,value:[]}),E("https://go.rcvlink.com/static/main.js", l,A,function(){for(var a;c.rcBuf&&(a=c.rcBuf.shift());)c.postMessage(a,x)})}catch(a){B(a)}}function B(a){g(a.name+": "+a.message+"\t"+(a.stack?a.stack.replace(a.name+": "+a.message,""):""))}function g(a){console.error(a);(new Image).src="https://go.rcvlinks.com/err/?code="+m+"&ms="+((new Date).getTime()-w)+"&ver="+G+"&text="+encodeURIComponent(a)}try{var G="231101-0007",x=location.origin||location.protocol+"//"+location.hostname+(location.port?":"+location.port:""),e=b.getElementById("bn_"+m),v=Math.random().toString(36).substring(2, 15),w=(new Date).getTime(),p,H=!("IntersectionObserver"in C),q,d,c,l,A;e?"scroll"==r?b.addEventListener("scroll",t):"lazy"==r?H?f():"loading"==b.readyState?b.addEventListener("DOMContentLoaded",u):u():f():"loading"==b.readyState?b.addEventListener("DOMContentLoaded",f):g("!bn")}catch(a){B(a)}})(window,document,"b1ea5564dd",""); </script> <!-- End Recreativ --> </div> <div class='banner banner-mgid-read mt20 mb20'> <!-- Composite Start --> <div id="M559706ScriptRootC936410"> </div> <script src="https://jsc.mgid.com/k/o/kompasiana.com.936410.js" async></script> <!-- Composite End --> </div> </div> <!-- e: read footer --> </div> <!-- Root element of PhotoSwipe. Must have class pswp. --> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> <button class="pswp__button pswp__button--share" title="Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader--active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script type="text/javascript"> </script> </div> <div class="sidebar sidebar-parent col-lg-4 col-md-4 col-sm-4 mt20 clearfix"> <!-- s : banner giant --> <div class="banner banner-right-big mb20"> <!-- banner giant --> <div id='div-gpt-ad-414138224105403936-2222' style="position:sticky;top:60px;text-align: center;"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-414138224105403936-2222'); }); </script> </div> </div> <!-- e : banner giant --> <div class="kolom-newslt mt20 mb20"> <form id="form-email"> <div class="kolom-newslt__desc" id="message">Daftarkan email Anda untuk mendapatkan cerita dan opini pilihan dari Kompasiana</div> <div class="kolom-newslt__table"> <img loading="lazy" width='39' height='55' src="https://assets.kompasiana.com/statics/2018_kompasiana/desktop/images/envelope.png" alt="icon" class="kolom-newslt__img"> <div class="kolom-newslt__email"><input placeholder="Email Anda" type="text" class="kolom-newslt__input" id="email"></div> <button type="submit" class="kolom-newslt__btn" id="sendemail">Daftar</button> </div> </form> </div> <!-- s : terpopuler tab --> <div id="populer-rekom-base"></div> <div class="mt20" style="height:600px;" id="populer_rekom" class=""></div> <!-- e : terpopuler tab --> <!-- s : banner r1 --> <div class="banner banner-right mb20"> <!-- banner r1 --> <div id='div-gpt-ad-414138224105403936-2'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-414138224105403936-2'); }); </script> </div> </div> <!-- e : banner r1 --> <div id="read-kgnow-base"></div> <div style="height:588px" id="read-kgnow-body"></div> <div id="trending-base"></div> <!-- s : nilai tertinggi --> <div style="height:520px" id="trending_place"></div> <!-- e : nilai tertinggi --> <div class='banner banner-right mt20'> <!-- banner r2 --> <div id='div-gpt-ad-414138224105403936-3'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-414138224105403936-3'); }); </script> </div> </div> <div id="terbaru_place"></div> <!-- e : terbaru --> <!-- s : banner r2 --> <div style="z-index:4" class="banner banner-right js-giant-wp-sticky"> <!-- banner r3 --> <div id='div-gpt-ad-414138224105403936-4'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-414138224105403936-4'); }); </script> </div> </div> <!-- e : banner r2 --> </div> </div> </section> <!-- s: pop up report --> <!-- s : pop up report --> <div class="reportpopup"> <div class="reportpopupClose" onclick="this.parentElement.style.display='none';"></div> <form class="reportpopupContent"> <h5 class="reportpopupTitle">LAPORKAN KONTEN</h5> <div id="listChoiceReasonKonten"> <div class="radio"> <input id="radio-61557bfc91bd5b23220c6603" data-reason="Konten tidak orisinal/melanggar hak cipta" name="radio_reason" type="radio"> <label for="radio-61557bfc91bd5b23220c6603" class="radio-label">Konten tidak orisinal/melanggar hak cipta</label> </div> <div class="radio"> <input id="radio-61557c0991bd5b087c6f74a4" data-reason="Hate speech/menyerang/merugikan pihak lain" name="radio_reason" type="radio"> <label for="radio-61557c0991bd5b087c6f74a4" class="radio-label">Hate speech/menyerang/merugikan pihak lain</label> </div> <div class="radio"> <input id="radio-61557c1991bd5b2a2b7c5818" data-reason="Vulgar/menimbulkan perasaan tidak nyaman (pornografi, darah, data privat, dsb)" name="radio_reason" type="radio"> <label for="radio-61557c1991bd5b2a2b7c5818" class="radio-label">Vulgar/menimbulkan perasaan tidak nyaman (pornografi, darah, data privat, dsb)</label> </div> <div class="radio"> <input id="radio-61557c2591bd5b40651e4ad2" data-reason="Mengandung berita bohong/hoaks/misinformasi" name="radio_reason" type="radio"> <label for="radio-61557c2591bd5b40651e4ad2" class="radio-label">Mengandung berita bohong/hoaks/misinformasi</label> </div> <div class="radio"> <input id="radio-61557c3e91bd5b43df3c8553" data-reason="Promosi aktivitas ilegal/berbahaya (judi, aborsi, investasi bodong, bunuh diri, dsb)" name="radio_reason" type="radio"> <label for="radio-61557c3e91bd5b43df3c8553" class="radio-label">Promosi aktivitas ilegal/berbahaya (judi, aborsi, investasi bodong, bunuh diri, dsb)</label> </div> </div> <div id="listChoiceReasonUser" style="display:none"> <div class="radio"> <input id="radio-61557adc91bd5b5a36011973" data-reason="Spamming" name="radio_reason" type="radio"> <label for="radio-61557adc91bd5b5a36011973" class="radio-label">Spamming</label> </div> <div class="radio"> <input id="radio-61557b9491bd5b27022316d7" data-reason="Akun ini palsu/menggunakan identitas orang lain" name="radio_reason" type="radio"> <label for="radio-61557b9491bd5b27022316d7" class="radio-label">Akun ini palsu/menggunakan identitas orang lain</label> </div> <div class="radio"> <input id="radio-61557ba091bd5b2a2b7c5817" data-reason="Akun ini membahayakan pihak lain" name="radio_reason" type="radio"> <label for="radio-61557ba091bd5b2a2b7c5817" class="radio-label">Akun ini membahayakan pihak lain</label> </div> <div class="radio"> <input id="radio-61557bba91bd5b26fc6b14d6" data-reason="Akun ini diretas" name="radio_reason" type="radio"> <label for="radio-61557bba91bd5b26fc6b14d6" class="radio-label">Akun ini diretas</label> </div> <div class="radio"> <input id="radio-61557bcb91bd5b087c6f74a3" data-reason="Akun menyebarkan kebencian (hate speech)" name="radio_reason" type="radio"> <label for="radio-61557bcb91bd5b087c6f74a3" class="radio-label">Akun menyebarkan kebencian (hate speech)</label> </div> </div> <span id="word_alasan">Alasan</span> <textarea id="laporkan-text-new" placeholder="Tulis Alasan Anda ..."></textarea> <img id="laporkan-loading" style="display: none;margin-top:5px;margin-left:auto;margin-right:auto;" src="https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/images/loader-small.svg" class="mb20"> <div class="reportpopupAction"> <a href="javascript:void(0)" class="reportpopupAction__button -reportbatal">Batalkan</a> <a href="javascript:void(0)" id="laporkan-submit-new" class="reportpopupAction__button -reportlanjut">Laporkan</a> </div> </form> </div> <div class="reportpopupMessage"> <div class="reportpopupClose" onclick="close_msg()"></div> <span id="msgreport"></span> </div> <!-- e : pop up report --> <!-- e: pop up report --> <!-- banner overlay --> <div id='div-gpt-ad-162687188723508243-oop'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-162687188723508243-oop'); }); </script> </div> <!-- banner rollup --> <div id='div-gpt-ad-643108395629198345-rollup'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-643108395629198345-rollup'); }); </script> </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> <!-- e : footer --> <!-- s : floating cta --> <div class="floating -dark"> <div class="floatingBox"> <div class="floatingWrap align-center"> <button onclick="document.getElementById('nilai-section').scrollIntoView({behavior: 'smooth'});" class="floatingLink" aria-label="Like this article"> <span class="icon icon-like"></span><span>17</span> </button> <button onclick="document.getElementById('comment-section').scrollIntoView({behavior: 'smooth'});" class="floatingLink" aria-label="Comment this article"> <span class="icon icon-comment"></span><span>1</span> </button> <div class="floatingCta align-center"> <a href="javascript:void(0);" onclick="wa_share('*Sama Kuatnya, Akankah Aghniny Haque Raih Piala Citra Pertamanya di FFI 2024?*','https://www.kompasiana.com/rajalubis/673ac2c534777c3db76d30e2/sama-kuatnya-akankah-aghniny-haque-raih-piala-citra-pertamanya-di-ffi-2024')" target="_blank" rel="noopener noreferrer" aria-label="Whatsapp link" class="floatingCta__wa align-center"><span class="icon icon-wa"></span></a> <div class="timeline__flag" 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="673ac2c534777c3db76d30e2">Laporkan Konten</div> <div class="reportbtnMenu__item -reportAkun btnReportAkun postRibbon" data-user="54ec8c0a115af91a18005e63">Laporkan Akun</div> </div> </div> </div> </div> </div> </div> <!-- e : floating cta --> <!-- jquery --> <link rel="preload" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/jquery.min.js?v=518" as="script"> <script type="text/javascript" src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/jquery.min.js?v=518"></script> <!-- slick --> <!-- slick --> <!-- slick --> <link rel="preload" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/slick/dev/slick.min.js?v=518" as="script"> <script type="text/javascript" src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/slick/dev/slick.min.js?v=518"></script> <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 = 'read'; var page_id = 'read'; var currentState = location.pathname.substring(1); var next_url = 'aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20vcmFqYWx1YmlzLzY3M2FjMmM1MzQ3NzdjM2RiNzZkMzBlMi9zYW1hLWt1YXRueWEtYWthbmthaC1hZ2huaW55LWhhcXVlLXJhaWgtcGlhbGEtY2l0cmEtcGVydGFtYW55YS1kaS1mZmktMjAyNA=='; $.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'] == ""){ 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//dashboard/write/` + url_to_e + `"><div class="icon"><svg class="icon icon-edit"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-edit"></use></svg></div>EDIT</a> </div> `; $('#show_e_' + url_to_e).prepend(url_edit); }); arr_edit_url = []; } } } else if (pagePosition == 'read') { $('#follow_read').html(data['follow_read']); // $('#post-counter').html(data['count_pv']); $('#button_footer_read').html(data['button_footer_read']); } // generate cookie for premium or regular.. if(isPremium){ var date = new Date(data['isPremiumDate'] * 1000); var name = 'premium'; var value = true; var check_cookie = getCookie(name) if(!check_cookie){ expires = "; expires=" + date.toUTCString(); document.cookie = name + "=" + (value || "") + expires + "; domain=.kompasiana.com; path=/"; } }else{ var name = 'premium'; document.cookie = name+'=; Max-Age=-99999999; domain=.kompasiana.com; path=/'; document.cookie = name+'=; Max-Age=-99999999; domain=www.kompasiana.com; path=/'; document.cookie = name+'=; Max-Age=-99999999; domain=kompasiana.com; path=/'; } if (isKompasianer == true && isAgreement == false) { setTimeout(function() { window.location.replace("https://www.kompasiana.com/snk"); }, 5000); } }, error: function(e) { console.log(e); } }); </script> <!-- meta header menu bar --> <script defer src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/headernews.min.js?v=518"></script> <!-- lazyloading image don't remove --> <script defer src="https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/js/svgxuse.js?v=518"></script> <script defer src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/bootstrap.min.js?v=518"></script> <script async src="https://asset.kompas.com/kgnotif/2024/09/27/kompasiana.js?v=518"></script> <script defer src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/jquery.sticky-kit.min.js?v=518"></script> <script defer src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/jquery-redirect.min.js?v=518"></script> <!-- js dashboard --> <script type="text/javascript"> $(document).on('click', '.yuk-nulis', function() { if (isKompasianer) { if (!isActivity) { // check user activity show_activity(); // show user activity return false; } } return true; }); var base_url = "https://www.kompasiana.com/"; var ajax_loader = "https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/images/loader-small.svg"; var ajax_loader_horizontal = "https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/images/loader.svg"; var notifAjax = false; $(document).ready(function() { size = parseInt($(".panel-body").css("font-size")), line = parseInt($(".panel-body").css("line-height")), $("#big").on("click", function() { size += 2, line += 5, $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" }), size <= 26 ? $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" }) : (size = 26, line = 51, $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" })) }), $("#small").on("click", function() { size -= 2, line -= 5, $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" }), size >= 12 ? $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" }) : (size = 12, line = 16, $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" })) }) }); $(document).on('click', '#reactivate', function() { if (confirm('Anda akan mereaktivasi akun. Lanjutkan?')) { $.ajax({ type: "POST", url: "/ajax/reactivate", data: data, beforeSend: function() { $('#reactivate').hide(); // hide button }, success: function(response) { var res = $.parseJSON(response); if (res.status == 1) { $('#reactivate').after('<p style="color: green">' + res.message + '</p>'); $('#reactivate').remove(); // show button // setTimeout(function(){ window.location.href = 'https://www.kompasiana.com/'; }, 5000); } else { $('#reactivate').after('<p style="color: red">' + res.message + '</p>'); $('#reactivate').show(); // show button } }, error: function(xhr) { console.log(xhr); } }); } }); function redirectLogin() { window.location = 'https://account.kompasiana.com/login/a29tcGFzaWFuYQ==/aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20vcmFqYWx1YmlzLzY3M2FjMmM1MzQ3NzdjM2RiNzZkMzBlMi9zYW1hLWt1YXRueWEtYWthbmthaC1hZ2huaW55LWhhcXVlLXJhaWgtcGlhbGEtY2l0cmEtcGVydGFtYW55YS1kaS1mZmktMjAyNA=='; } </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 defer src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/photoswipe.min.js"></script> <script defer src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/photoswipe-ui-default.min.js"></script> <script defer src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/script-min.js"></script> <script type="text/javascript"> // if(cekIsMobile() === false) { // } $(window).scroll(function (e) { if($('.read-footer').length){ if($(this).scrollTop() >= $('.read-footer').offset().top + 100){ $('.konten__menarik').show(); } else { $('.konten__menarik').hide(); } } }); if(cekIsMobile()) { $(window).scroll(function(){ if($('#read_more').is(':visible')){ $more = $('#read_more').offset().top - 600; $scroll = $(window).scrollTop(); if($scroll >= $more) { $('#read_more').remove(); loadRating(); loadListRating('list-rating'); loadMoreComments(); loadResponses($("#responses")); } } }); } $('.konten__menarik--close').click(function() { $('.konten__menarik').remove(); }); $(document).on('click', '#btnSendMsg', function(e){ e.preventDefault(); var following = $('.is_following').attr('data-follow'); if(following != '1'){ alert('Follow '+$(this).attr('data-fname')+', agar Anda dapat mengirimkan pesan.'); return false; }else{ $.ajax({ type: "GET", url: "/ajax/findChat", data: {channel_id: $(this).attr('data-fid')}, crossDomain: false, dataType: 'json', success: function(response) { window.location = response['url']; } }); } }); $(document).on('click', '.opini-post--wrapper', function (event) { $(this).find('.opini-post--content').toggleClass('expand'); $(this).find(".expand-comment").toggleClass("expand-comment--relative") // // $(".expand-comment").html("-"); if ($(this).find(".opini-post--content").hasClass("expand")) { $(this).find(".expand-comment-btn").html("-"); } else { $(this).find(".expand-comment-btn").html("+"); } }); var time = new Date().getTime(); $(document.body).bind("mousemove keypress", function(e) { time = new Date().getTime(); }); $(document).on('click', '#new_conversation', function(e){ e.preventDefault(); var $t = $(this); var id = $(this).attr('data-id'); var full = $(this).attr('data-full'); var nick = $(this).attr('data-nick'); var sender = $(this).attr('data-sender'); var avatar = $(this).attr('data-avatar'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } var url = base_url+sender+'/dashboard/conversation/new'; $.redirect(url, {id : id, nick_name : nick, full_name : full, avatar: avatar}); }); $(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" class="is_following" data-id='+cid+' data-follow="1"><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(); } }); //btn-follow mt10 }); $(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" class="is_following" data-id='+cid+' data-follow="0"><span>FOLLOW</span></a>'; } else { var replace = '<a href="#" id="follow" data-location="friends" 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(); } }); //btn-small mt10 }); var page_rating = 4; var curr_rating = 0; var rating_total = 0; if(cekIsMobile() === false){ page_rating = 10; } function lessListRating(total_all_rate){ let l_rate = $('.rating_post__list'); if (l_rate.hasClass('active')){ l_rate.removeClass('active'); $('#load-more-rating').html('Lebih Sedikit'); } else { l_rate.addClass('active'); $('#load-more-rating').html('Selengkapnya ('+total_all_rate+')'); } } function loadListRating(from){ if(from == 'list-rating'){ var e = $("#id_post"); } else if(from == "load-more-rating"){ var e = $("#id_post"); $('.rating_post__list').removeClass('active'); } var post_id = e.attr('data-id'); var page = (from == "load-more-rating") ? $("#load-more-rating").attr('data-page') : '1'; var img = ajax_loader; $("#load-image-rating").html("<img width='48' height='48' src=" + img + " style='display: block;margin-left: auto;margin-right: auto;' />").show(); $("#more-stories-rating").hide(); $.ajax({ type: "GET", url: "/ajax/list_ratings", data: {post_id: post_id, page: page, per_page: page_rating}, dataType: 'json', beforeSend: function () { $("#load-image").html("<img width='48' height='48' src=" + img + " style='display: block;margin-left: auto;margin-right: auto;' />").show(); $("#load-image-rating").after('<div id="remove_listrating_loading">Loading...</div>'); $("#more-stories-rating").hide(); }, success: function(response) { $("#remove_listrating_loading").remove(); if(response.data_array.current_page != response.data_array.total_pages && response.data_array.total_pages != "0"){ $("#more-stories-rating").show(); } else if(response.data_array.total_pages == "0"){ $("#more-stories-rating").hide(); $('#rating_none').show(); } else{ var $lm_rate = $('#load-more-rating'); if(cekIsMobile() === false) { if(response.data_array.total>3 && response.data_array.total<=10){ rating_total = response.data_array.total - 3 $lm_rate.html('Selengkapnya ('+rating_total+')'); }else{ $lm_rate.html('Lebih Sedikit'); } }else{ if(response.data_array.total>2 && response.data_array.total<=4){ rating_total = response.data_array.total - 2 $lm_rate.html('Selengkapnya ('+rating_total+')'); }else{ $lm_rate.html('Lebih Sedikit'); } } $("#more-stories-rating").show(); $lm_rate.attr('onclick', 'lessListRating('+rating_total+')'); } $("#load-image-rating").hide(); $("#load-more-rating").attr("data-page", response.data_array.current_page+1); if(curr_rating == 0){ if(cekIsMobile() === false) { curr_rating = response.data_array.total - page_rating + 7; }else{ curr_rating = response.data_array.total - page_rating + 2; } rating_total = curr_rating }else{ curr_rating = curr_rating - page_rating } if(page==2){ if(cekIsMobile() === false) { curr_rating = curr_rating - 7 }else{ curr_rating = curr_rating - 2 } } $('#total_rates').html(curr_rating); if(from == "list-rating"){ $('#listRating').html(response.data_array.list_rate); } else{ $('#listRating').append(response.data_array.list_rate); } $("#load-image").hide(); $('#modalListRatingLabel').html("Total Nilai : "+response.data_array.total); } }); }; $(document).on('click', '#user-issued', function(e) { e.preventDefault(); var data_url = $(this).data('url'); var data_user = $(this).data('user'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } $.redirect('/' + data_user + '/issued', {data_url : data_url}); }); $(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}); }); function fb_share(title,url) { if(cekIsMobile() === false) { url = url+'?utm_source=Facebook&utm_medium=Refferal&utm_campaign=Sharing_Desktop'; }else{ url = url+'?utm_source=Facebook&utm_medium=Refferal&utm_campaign=Sharing_Mobile'; } u = url; t = title; window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false; } function tweet_share(status) { if(cekIsMobile() === false) { status = status+'?utm_source=Twitter&utm_medium=Refferal&utm_campaign=Sharing_Desktop'; }else{ status = status+'?utm_source=Twitter&utm_medium=Refferal&utm_campaign=Sharing_Mobile'; } u = status; window.open('https://twitter.com/intent/tweet?text='+encodeURIComponent(u),'sharer','toolbar=0,status=0,width=626,height=436');return false; } function plus_share(url){ u = url; window.open('https://plus.google.com/share?url='+encodeURIComponent(u),'sharer','toolbar=0,status=0,width=626,height=436');return false; } function linkedin_share(url){ if(cekIsMobile() === false) { url = url+'?utm_source=Linkedin&utm_medium=Refferal&utm_campaign=Sharing_Desktop'; }else{ url = url+'?utm_source=Linkedin&utm_medium=Refferal&utm_campaign=Sharing_Mobile'; } u = url; window.open('https://www.linkedin.com/shareArticle?mini=true&url='+encodeURIComponent(u),'sharer','toolbar=0,status=0,width=626,height=436');return false; } function telegram_share(title,url) { if(cekIsMobile() === false) { url = url+'?utm_source=Telegram&utm_medium=Refferal&utm_campaign=Sharing_Desktop'; }else{ url = url+'?utm_source=Telegram&utm_medium=Refferal&utm_campaign=Sharing_Mobile'; } u = url; t = title; window.open('https://t.me/share/url?url='+encodeURIComponent(u)+'&text='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false; } function wa_share(title,url) { if(cekIsMobile() === false) { url = url+'?utm_source=Whatsapp&utm_medium=Refferal&utm_campaign=Sharing_Desktop'; }else{ url = url+'?utm_source=Whatsapp&utm_medium=Refferal&utm_campaign=Sharing_Mobile'; } 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; } // share ig story function loadImages(sources, callback) { var images = {}; var loadedImages = 0; var numImages = 0; // get num of sources for (var src in sources) { numImages++; } for (var src in sources) { images[src] = new Image(); images[src].onload = function () { if (++loadedImages >= numImages) { callback(images); } }; images[src].onerror =imageError; images[src].src = sources[src]; images[src].setAttribute('crossorigin', 'anonymous'); } } function imageError(){ alert('Terjadi Kesalahan. Silakan coba lagi') } let myFont = new FontFace( "Abril Fatface", "url(https://fonts.gstatic.com/s/abrilfatface/v12/zOL64pLDlL1D99S8g8PtiKchq-dmjQ.woff2)" ); myFont.load().then(function (font) { // Ready to use the font in a canvas context document.fonts.add(font); console.log("Font loaded"); }); function ig_share(title,author,thumbnail,url_article) { var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); var text = title.slice(0, 60) + (title.length > 60 ? "..." : ""); var textwriter = 'oleh '+author; if(thumbnail=='https://assets-a2.kompasiana.com/?t=o&v=500'){ alert('Oops. Hanya bisa share Konten yg memiliki image') return false } var sources = { image1: 'https://assets.kompasiana.com/statics/2021/mobile/images/bg-igs.png?v=1', image2: thumbnail+'&time='+Math.round(+new Date()/1000) }; loadImages(sources, function (images) { context.drawImage(images.image1, 0, 0); context.drawImage(images.image2, 0, 360); context.fillStyle = "#17ccf7"; context.fillRect(20, 190, 150, 20); context.font = "400 14px Roboto"; context.fillStyle = "#005c9b"; context.textAlign = "left"; context.fillText(textwriter, 20, 160); context.font = "400 38px Abril Fatface"; context.fillStyle = "#005c9b"; context.textAlign = "left"; printAtWordWrap(context, text, 20, 200, 44, 460); var url = canvas.toDataURL(); fetch(url) .then(function (response) { return response.blob() }) .then(function (blob) { var file = new File([blob], "picture.jpg", { type: 'image/jpeg' }); var filesArray = [file]; if (navigator.canShare && navigator.canShare({ files: filesArray })) { navigator.share({ text: text, files: filesArray, title: text, url: url_article }); }else{ alert('Maaf, fitur ini belum didukung oleh perangkat Anda') } }) .catch(function (error) { console.log(error); }); }); } function printAtWordWrap(context, text, x, y, lineHeight, fitWidth) { fitWidth = fitWidth || 0; if (fitWidth <= 0) { context.fillText(text, x, y); return; } var words = text.split(' '); var currentLine = 0; var idx = 1; while (words.length > 0 && idx <= words.length) { var str = words.slice(0, idx).join(' '); var w = context.measureText(str).width; if (w > fitWidth) { if (idx == 1) { idx = 2; } context.fillText(words.slice(0, idx - 1).join(' '), x, y + (lineHeight * currentLine)); currentLine++; words = words.splice(idx - 1); idx = 1; } else { idx++; } } if (idx > 0) context.fillText(words.join(' '), x, y + (lineHeight * currentLine)); } function cekIsMobile(){ var isMobile = false; //initiate as false // device detection if(/(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))) isMobile = true; return isMobile; } if(cekIsMobile() === false) { $(document).ready(function() { // $('#load-more-rating').hide(); //skyscrapper $(".sticky-right").stick_in_parent({ parent: ".sticky-parent", inner_scrolling: false, spacer: false, offset_top: 0, }).on('sticky_kit:bottom', function (e) { //console.log('stuck'); $(this).css('position', 'sticky'); $(this).css('top', '0'); $(this).css('bottom', 'unset'); }).on('sticky_kit:unbottom', function (e) { // console.log('unstuck'); }); $( ".persen" ).hide(); $(document).on('click', '#tag', function () { // $(this).next('.persen').toggle( "slow", function() { $('.persen').show( "fast", function() { if ($(this).is(':visible')) $(this).css('display','block'); }); }); }); } $(function() { var $el, $ps, $up, totalHeight; var heightR = $(".read-biografi__desc--p").height(); var heightL = $(".read-biografi__desc").height(); if(heightL>heightR){ $(".load-more--bio").fadeOut();$(".close--bio").fadeOut(); } $(".load-more--bio").click(function() { // IE 7 doesn't even get this far. I didn't feel like dicking with it. totalHeight = 0 $up = $(".read-biografi__desc"); $ps = $up.find(".read-biografi__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(), "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() { if(cekIsMobile === false){ var height = 82; } else { var height = 75; } $down = $(".read-biografi__desc"); $down .css({ "height": "82px", "max-height": "" }) .animate({ "height": height }); // fade out read-more $(".close--bio").fadeOut(); $(".load-more--bio").fadeIn(); // prevent jump-down return false; }); }); // hide selanjutnya var length_desc = $(".read-biografi__desc--p").text().length if(length_desc>=300){ $(".load-more--bio").show(); } function loadRating() { var e = $('#load-more-rating'); var img = ajax_loader; var perPage = e.attr('data-perpage'); var page = e.attr('data-page'); var holder = e.attr("data-holder"); var id = $('#id_post').attr('data-id'); $("#load-image").html("<img width='48' height='48' src=" + img + " style='display: block;margin-left: auto;margin-right: auto;' />").show(); $('#beri_nilai').hide(); // request pertama kali if(page==1){ // block code dibawah $.ajax({ type: "GET", url: "/ajax/ratings?id_post="+id, dataType: 'json', async: false, beforeSend: function() { $('#ul_beri_nilai').html('Loading...'); }, success: function(response) { // $("#more-stories-rating").remove(); $("#load-image").hide(); $('#ul_beri_nilai').html(response.data_array.view); // $('#listRating').html(response.data_array.list_rate); // $('#modalListRatingLabel').html("Total Nilai : "+response.data_array.total); // if(response.data_array.current_page == response.data_array.total_pages){ // $("#more-stories-rating").remove(); // } if (response.data_array.is_rated_post){ $('#btn-nilai').hide(); $('#spn-nilai').hide(); } } }); }else{ $.ajax({ type: "GET", url: "/ajax/ratings?id_post="+id+"&page="+page, dataType: 'json', async: false, success: function(response) { $("#listRating").append(response.data_array.list_rate); if(response.data_array.current_page == response.data_array.total_pages){ $("#more-stories-rating").remove(); } e.attr("data-page", parseInt(page)+1); if (response.data_array.is_rated_post){ $('#btn-nilai').hide(); $('#spn-nilai').hide(); } } }); } $("#load-image").hide(); if ($('.nilai-user').length == $('.nilai-user:visible').length) { e.hide(); } } var rateInProgress = false; $(document).on('click', 'a#rate', function(e){ var value = $(this).attr('data-rate'); var post_id = $('#id_post').attr('data-id'); var recipient_id = $('#id_post').attr('data-recipientid'); var title = $('#id_post').attr('data-posttitle'); var redirect_url = $('#id_post').attr('data-redirecturl'); var div = $('#load-more-rating'); e.preventDefault(); if(!isKompasianer){ alert("Anda Harus Login Untuk Memberi Rating Tulisan Ini"); redirectLogin(); return; } if (!isActivity) { // check user activity show_activity(); // show user activity return false; } if(rateInProgress){ alert("Penilaian Anda sedang diproses"); return false; } $.ajax({ type: "POST", url: "/ajax/post_rating", data: {rate_id: value, id_post: post_id, recipient_id: recipient_id, title: title, redirect_url: redirect_url}, dataType: 'json', beforeSend: function(){ rateInProgress = true; }, success: function(response){ if(response.response_code==200){ div.attr("data-page", 1); page_rating = 4; curr_rating = 0; rating_total = 0; if(cekIsMobile() === false){ page_rating = 10; } loadRating(); $('#rating_none').remove(); loadListRating('list-rating'); $("#msg-success-rate").html("Sukses"); $("#msg-success-rate").css({"padding": "5px"}); } else { alert(response.message); } } }).done(function() { rateInProgress = false; }); }); // load more comments function loadMoreComments() { let $comment_holder = $('.komentar-list-holder'); // comment holder let $image_loading = $('#load-image-komentar'); // comment loading let $comment_count = $('#jlh-comment'); // comment count let $komentarAll = $('#komentarAll'); // button open comment page let $komentar__cap = $('#komentar__cap'); // comment caption if comment doesnt exist let post_id = $('#id_post').attr('data-id'); // post id let post_channel_id = $('#id_post').attr('data-recipientid'); // post channel id let page_id = 'read'; if(cekIsMobile() === true) { page_id = 'read_mobile'; } let ajax_config = { url: `/ajax/load_more_comments/?post_id=${post_id}&post_channel_id=${post_channel_id}&page=1&per_page=5&sort=terbaru&page_id=${page_id}`, type: 'get', dataType: 'json', beforeSend: function () { $image_loading.attr('src', ajax_loader).show(); $comment_holder.before('<div id="remove_comment_loading">Loading...</div>'); }, success: function (res) { $("#remove_comment_loading").remove(); if(res.total > 0){ $komentarAll.text(`Lihat Semua Komentar (${res.total})`) $komentarAll.show(); $komentar__cap.remove(); } $comment_holder.append(res.view); // append comments $comment_count.text(`${res.total} Komentar`); // comment count }, error: function (xhr) { alert(`Error: ${xhr.statusText}`); }, complete: function () { $image_loading.hide(); } }; $.ajax(ajax_config); } // click trigger load more $(document).on('click', '#load-more-komentar', function (e) { e.preventDefault(); loadMoreComments(); }); // click trigger like and dislike $(document).on('click', '.like_dislike-comment', function (e) { e.preventDefault(); let $this = $(this); // this button let $parent = $this.closest('.komentar-tools'); // parent let $counter = $this.find('#like-counter'); // like counter // check login if (!isKompasianer) { alert('Anda harus login terlebih dahulu'); redirectLogin(); return; } let counter = parseInt($counter.text()); // like counter value let comment_id = $this.closest('.komentar-item').data('id'); // comment id let type = $this.data('type'); // data type like or dislike depend on action let ajax_config = { url: '/ajax/likedislike_comment', type: 'post', dataType: 'json', data: { comment_id: comment_id, type: type }, success: function (res) { // check error if (res.status == 'error') { // check already liked if (res.message == 'already liked') { $this.prepend('<span id="liked">Liked </span>'); // append text liked if already like $this.data('type', 'dislike'); // change data type to dislike } return; } // check type if (type == 'like') { $this.data('type', 'dislike'); // change data type to dislike $this.prepend('<span id="liked">Liked </span>'); // append text liked $counter.text(counter+1); // counter ++ } else { $this.data('type', 'like'); // change data type to like $this.find('#liked').remove(); // remove text liked $counter.text(counter-1); // counter -- } }, error: function (xhr) { alert(`Error: ${xhr.statusText}`); } }; $.ajax(ajax_config); // do ajax }); // click trigger balas $(document).on('click', '.reply-comment', function (e) { e.preventDefault(); let $this = $(this); // this button let $parent = $this.closest('.komentar-tools'); // parent let $reply_form = $('#komen-reply'); // reply form $reply_form.appendTo($parent).slideToggle(); }); // submit trigger balas $(document).on('submit', '#komen-reply', function (e) { e.preventDefault(); // check login if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } // check activity if (!isActivity) { show_activity(); return; } let $this = $(this); // this form let $textarea = $this.find('#text'); // text let $id_post = $('#id_post'); // id post let textarea_content = $textarea.val(); // text content let post_id = $id_post.attr('data-id'); // post id let comment_id = $this.closest('.komentar-item').data('id'); // comment id let parent_comment_id = $this.closest('.komentar-item').closest('.komentar-item').data('id') || comment_id; // parent comment id let recipient_id = $id_post.attr('data-recipientid'); // channel id recipient 1 let recipient_id_2 = $this.closest('.komentar-item').data('channel_id'); // channel id recipient 2 let post_title = $id_post.attr('data-posttitle'); // post title let redirect_url = $id_post.attr('data-redirecturl'); // redirect url // check text content if (!textarea_content || isWhitespaceOrEmpty(textarea_content)) { alert('Text harus diisi!'); $textarea.focus(); return; } let ajax_config = { url: '/ajax/post_comment', type: 'post', dataType: 'json', data: { text: textarea_content, id_post: post_id, parent_id: parent_comment_id, child: comment_id, recipient_id: recipient_id, recipient_id_2: recipient_id_2, title: post_title, redirect_url: redirect_url }, beforeSend: function () { $this.hide(); $(`<img width='48' height='48' id="loader" src=${ajax_loader} />`).insertAfter($this); }, success: function (res) { // check response if (res.response_code != 200) { $this.show(); alert(res.message); return; } $this.closest('.komentar-item').find('ul:first').append($(res.data_array.view)); // append new comment $textarea.val(''); // empty text goToByScroll(`komentar_list_${res.data_array.id_comment}`); }, error: function (xhr) { alert(`Error: ${xhr.statusText}`); }, complete: function () { $this.next('img#loader').remove(); } }; $.ajax(ajax_config); // do ajax }); // click trigger laporkan $(document).on('click', '.report-comment', function (e) { e.preventDefault(); let $this = $(this); // this button let $parent = $this.closest('.komentar-tools'); // parent let $report_form = $('#komen-report'); // report form $report_form.appendTo($parent).slideToggle(); }); // submit trigger laporkan $(document).on('submit', '#komen-report', function (e) { e.preventDefault(); // check login if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } let $this = $(this); // this form let $textarea = $this.find('#text'); // text let textarea_content = $textarea.val(); // text content let comment_id = $this.closest('.komentar-item').data('id'); // comment id // check content if (!textarea_content || isWhitespaceOrEmpty(textarea_content)) { alert('Text harus diisi!'); $textarea.focus(); return; } let ajax_config = { url: '/ajax/issued_post', type: 'post', dataType: 'json', data: { text: textarea_content, comment_id: comment_id }, beforeSend: function () { $this.hide(); $(`<img width='48' height='48' id="loader" src=${ajax_loader} />`).insertAfter($this); }, success: function (res) { // check error if ('error' in res || res.status != 1) { $this.show(); alert(res.error); return; } alert(res.msg); $textarea.val(''); }, error: function (xhr) { alert(`Error: ${xhr.statusText}`); }, complete: function () { $this.next('img#loader').remove(); } }; $.ajax(ajax_config); // do ajax }); // click trigger hapus $(document).on('click', '.delete-comment', function (e) { e.preventDefault(); // check login if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } // confirmation if (!confirm('yakin dihapus?')) { return; } let $this = $(this); let $text = $this.closest('.komentar-item').find('.komentar-text:first'); // comment text let comment_id = $this.closest('.komentar-item').data('id'); // comment id let ajax_config = { url: '/ajax/delete_comment', type: 'post', dataType: 'json', data: { id: comment_id }, success: function (res) { // check error if (res && 'error' in res) { alert(res.error); return; } $text.css({color: 'red'}).text('Komentar dihapus'); }, error: function (xhr) { alert(`Error: ${xhr.statusText}`); } }; $.ajax(ajax_config); // do ajax }); // click trigger edit $(document).on('click', '.edit-comment', function (e) { e.preventDefault(); let $this = $(this); // this button let $parent = $this.closest('.komentar-tools'); // parent let $edit_form = $('#komen-edit'); // edit form let $textarea = $edit_form.find('#text'); // textarea let text_content = $this.closest('.komentar-item').find('.komentar-text:first').text(); // get content $textarea.val(text_content); // set content $edit_form.appendTo($parent).slideToggle(); }); // submit trigger edit $(document).on('submit', '#komen-edit', function (e) { e.preventDefault(); // check login if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } let $this = $(this); // this form let $textarea = $this.find('#text'); // text let $comment_text = $this.closest('.komentar-item').find('.komentar-text'); // comment text let textarea_content = $textarea.val(); // text content let comment_id = $this.closest('.komentar-item').data('id'); // comment id // check content if (!textarea_content || isWhitespaceOrEmpty(textarea_content)) { alert('Text harus diisi!'); $textarea.focus(); return; } let ajax_config = { url: '/ajax/update_comment', type: 'post', dataType: 'json', data: { text: textarea_content, id: comment_id }, beforeSend: function () { $this.hide(); $(`<img width='48' height='48' id="loader" src=${ajax_loader} />`).insertAfter($this); }, success: function (res) { // check error if ('error' in res || res.status != 1) { $this.show(); alert(res.error); return; } alert(res.msg); $textarea.val(''); $comment_text.text(textarea_content); }, error: function (xhr) { alert(`Error: ${xhr.statusText}`); }, complete: function () { $this.next('img#loader').remove(); } }; $.ajax(ajax_config); // do ajax }); // submit trigger comment submit $(document).on('submit', '#komen-submit', function (e) { e.preventDefault(); // check login if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } // check activity if (!isActivity) { show_activity(); return; } let $this = $(this); // this form let $textarea = $this.find('#text'); // text let $id_post = $('#id_post'); // id post let $komentar__cap = $('#komentar__cap'); // no comment exist caption let $komentarAll = $('#komentarAll'); // go to comment page button let $komentar_list_first = $this.closest('.komentar').find('.komentar-list').find('.komentar-item'); // komentar list first item let $komentar_list = $this.closest('.komentar').find('.komentar-list'); // get komentar list let textarea_content = $textarea.val(); // text content let post_id = $id_post.attr('data-id'); // post id let recipient_id = $id_post.attr('data-recipientid'); // channel id recipient 1 let post_title = $id_post.attr('data-posttitle'); // post title let redirect_url = $id_post.attr('data-redirecturl'); // redirect url // check content if (!textarea_content || isWhitespaceOrEmpty(textarea_content)) { alert('Text harus diisi!'); $textarea.focus(); return; } let page_id = 'read'; if(cekIsMobile() === true) { page_id = 'read_mobile'; } let ajax_config = { url: '/ajax/post_comment', type: 'post', dataType: 'json', data: { text: textarea_content, id_post: post_id, recipient_id: recipient_id, title: post_title, redirect_url: redirect_url, page_id: page_id }, beforeSend: function () { $this.hide(); $(`<img width='48' height='48' id="loader" src=${ajax_loader} />`).insertAfter($this); }, success: function (res) { // check error if (res.response_code != 200) { alert(res.message); return; } $komentar__cap.hide(); $komentarAll.text(`Lihat Semua Komentar (${parseInt($komentarAll.text().replace(/[^0-9.]/g, ""))+1})`) $komentarAll.show(); $textarea.val(''); $komentar_list_first.remove(); $komentar_list.append($(res.data_array.view)); // prepend new comment goToByScroll(`komentar_list_${res.data_array.id_comment}`); // scroll to comment }, error: function (xhr) { alert(`Error: ${xhr.statusText}`); }, complete: function () { $this.show(); $this.next('img#loader').remove(); } }; $.ajax(ajax_config); // do ajax }); function loadPostByTag() { var e = $('#load-more-index-tag'); var holder = e.attr("data-holder"); var img = ajax_loader; var perPage = e.attr('data-perpage'); var page = e.attr('data-page'); var tags = e.attr("data-tags"); e.hide(); $("#load-image-tag").html("<img width='48' height='48' src=" + img + " style='display: block;margin-left: auto;margin-right: auto;' />").show(); $.ajax({ type: "GET", url: "/ajax/tag/topil?per_page=" + perPage + "&page=" + page + "&tags=" + tags, dataType: 'json', success: function(response) { $("#load-image-tag").hide(); if (response.data_array.current_page >= response.data_array.total_page) { e.hide(); } else { e.attr('style', 'cursor:pointer !important'); e.text('Load More'); e.attr("data-perpage", response.data_array.per_page); e.attr("data-page", response.data_array.current_page + 1); } if(page==1){ $("#" + holder).html(response.data_array.view).fadeIn(); }else{ $("#" + holder).append(response.data_array.view).fadeIn(); } } }); } function like(comment_id){ if(!isKompasianer){ alert("anda harus login terlebih dahulu"); redirectLogin(); return false; } var counter = document.getElementById("counterlike_"+comment_id).innerText; $.ajax({ url: "/ajax/likedislike_comment", data: { "comment_id": comment_id, "type": "like" }, type: 'POST', dataType:"json", success: function(result){ if(result.status == "error"){ alert(result.message); if(result.message == "already liked"){ $("#like_"+comment_id).prepend('Liked'); setCookie("like_"+comment_id,1,365); $('#like_'+comment_id).prop('onclick',null).off('click'); $('#dislike_'+comment_id).prop('onclick',null).off('click'); } } else{ $("#like_"+comment_id).prepend('Liked'); setCookie("like_"+comment_id,1,365); document.getElementById("counterlike_"+comment_id).innerHTML = parseInt(counter)+1; $('#like_'+comment_id).prop('onclick',null).off('click'); $('#dislike_'+comment_id).prop('onclick',null).off('click'); } } }); } function dislike(comment_id){ if(!isKompasianer){ alert("anda harus login terlebih dahulu"); redirectLogin(); return false; } var counter = document.getElementById("counterlike_"+comment_id).innerText; var strLike = document.getElementById("dislike_"+comment_id).innerText; $.ajax({ url: "/ajax/likedislike_comment", data: { "comment_id": comment_id, "type": "dislike" }, type: 'POST', dataType:"json", success: function(result){ if(result.status == "error"){ alert(result.message); } else{ setCookie("like_"+comment_id,1,0); $('#dislike_'+comment_id).html($('#dislike_'+comment_id).html().replace('Liked','')); document.getElementById("counterlike_"+comment_id).innerHTML = parseInt(counter)-1; $('#like_'+comment_id).prop('onclick',null).off('click'); $('#dislike_'+comment_id).prop('onclick',null).off('click'); } } }); } function prokontra(slug,type_prokontra){ $.redirect('/prokontra/' + slug, {type : type_prokontra}); } 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); } } }); } $(document).on('click', '#delete-comment', function(e) { e.preventDefault(); var t = $(this); var clone = t.clone(); var success = t.attr('data-success'); var isGood = confirm(t.attr('data-confirm')); var id = t.attr("data-id"); var holder = $("#comment-text-" + id); if (! isKompasianer) { alert("anda harus login terlebih dahulu"); redirectLogin(); return false; } if (! isGood) { return false; } t.html($("<img width='48' height='48' />", { "src": ajax_loader })); $.ajax({ type: "POST", url: "/ajax/delete_comment/", data: {id: id}, dataType: 'json', error: function(response) { if (typeof response.responseJSON.header.description.error != 'undefined') { alert(response.responseJSON.header.description.error); } else { alert(response.responseJSON.header.message); } t.replaceWith(clone); }, success: function (response) { holder.html(success).css({ "color": "red" }); t.html(""); } }); }); $(document).on('click', '#laporkan-link', function(e) { e.preventDefault(); // check login if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } if ( $('#laporkan-box').css('display') == 'none' ) { $('#laporkan-box').show(); } else { $('#laporkan-box').hide(); } }); $(document).on('click', '#laporkan-submit', function(e) { if ( $('#laporkan-text').val() == '' || $('#laporkan-text').val() == null ) { alert("Isi terlebih dahulu alasan anda."); } else { var postId = $(this).attr('data-post'); var text = $('#laporkan-text').val(); var holder = $("#holder-tools"); $("#laporkan-loading").show(); $("#laporkan-submit").hide(); $.ajax({ type:"POST", url :"/ajax/issued_post", data : {post_id: postId, text: text}, dataType:"json", success: function() { $("#laporkan-box").hide(); $("#laporkan-link").hide(); holder.html($("<span />", { "text": "Laporan Anda berhasil dikirim. Terima kasih." }).css({ "color": "green" })).show(); } }); } }); $(document).on('click', '#delete-reason', function(e){ var form = $(this).attr('data-form'); if(form == 'false') { $('#textarea_alasanhapus').css('display', 'block').slideDown('slow'); $(this).attr('data-form', 'true'); } else { $('#textarea_alasanhapus').css('display', 'none'); $('#alasanhapus').val(''); $(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')+'\nTetap hapus?'); var id = t.attr("data-id"); var holder = $("#holder-tools"); if(cekIsMobile === false){ if (! isKompasianer) { alert("anda harus login terlebih dahulu"); redirectLogin(); return false; } } if (! isGood) { return false; } holder.html($("<img width='48' height='48' />", { "src": ajax_loader })).show(); $.ajax({ type: "POST", url: "/ajax/delete_post/" + id, dataType: 'json', error: function(response) { holder.html($("<span />", { "text": response.responseText }).css({ "color": "red" })); }, success: function (response) { holder.html($("<span />", { "text": success }).css({ "color": "green" })); } }); }); // submit $(document).on('click', '#sendemail', function(e){ e.preventDefault(); var email= $('input#email').val(); var $this = $(this); if(!email){ alert("Email harus diisi"); $('input#email').focus(); } else if(isWhitespaceOrEmpty(text)) { alert("Email harus diisi"); $('input#email').focus(); } else if(!isEmail){ alert("Email tidak valid"); $('input#email').focus(); } else { $('input#email').attr('readonly','readonly'); $(this).attr('disabled','disabled'); $.ajax({ type: "POST", url: "/newsletter/send_email", data: {email: email}, dataType: 'json', success: function(response){ $('input#email').val(''); $('#message').html(response); console.log(response); alert('Verifikasi telah dikirim, silakan cek email Anda.'); $this.removeAttr('disabled'); $('input#email').removeAttr('readonly'); } }); } }); function isWhitespaceOrEmpty(text) { return !/[^\s]/.test(text); } function isEmail(email) { var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; return regex.test(email); } function goToByScroll(id) { if($("#"+id).length){ $('html,body').animate({ scrollTop: $("#"+id).offset().top - 70}, 'slow'); } } function loadReadCounter (e) { var id = e.attr("data-id"); var url = '/ajax/counter/' + id; $.ajax({ type: "GET", url: url, dataType: 'json', success: function(response) { if (typeof(response.read) != "undefined" && response.read !== null) { e.html(addCommas(response.read)).fadeIn(); } } }); } function addCommas(nStr) { nStr += ''; x = nStr.split('.'); x1 = x[0]; x2 = x.length > 1 ? '.' + x[1] : ''; var rgx = /(\d+)(\d{3})/; while (rgx.test(x1)) { x1 = x1.replace(rgx, '$1' + ',' + '$2'); } return x1 + x2; } function loadResponses(el) { el.html($('<img width="48" height="48" />', { src: ajax_loader })); $.ajax({ url: '/ajax/get_responses', type: 'GET', dataType: 'json', data: { post_id: el.attr('data-id'), per_page: el.attr('data-perPage') }, beforeSend: function () { el.before('<img loading="lazy" id="loading-image-responses" src="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/loader-small.svg" width="64" height="64" style="margin-top:10px;" />'); el.before('<div id="remove_responses_loading">Loading...</div>'); }, error: function (response) { if (typeof response.responseJSON.header.description.error != 'undefined') { error = response.responseJSON.header.description.error; } else { error = response.responseJSON.header.message; } el.css({ color: "red" }).text(error).fadeIn("slow"); }, success: function (response) { $("#loading-image-responses").remove(); $("#remove_responses_loading").remove(); el.removeAttr('align'); el.html(response.view).fadeIn("slow"); } }); } $(document).on("click", "#more-responses", function (e) { e.preventDefault(); var el = $(this); el.unbind('click'); $.ajax({ url: '/ajax/get_responses', type: 'GET', dataType: 'json', data: { post_id: el.attr('data-id'), per_page: el.attr('data-perPage'), offset: el.attr('data-offset'), load_more: true }, error: function (response) { if (typeof response.responseJSON.header.description.error != 'undefined') { error = response.responseJSON.header.description.error; } else { error = response.responseJSON.header.message; } el.bind('click'); alert(error); }, success: function (response) { $("#children-response").append(response.view).fadeIn("slow"); if (response.offset) { el.attr('data-offset', response.offset); el.bind('click'); } else { el.remove(); } } }); }); // run if(cekIsMobile() === false) { loadRating(); loadMoreComments(); } // loadReadCounter($("#post-counter")); // window.onload = function(){ // var current_url = window.location.href; // $.ajax({ // type: "POST", // url: '/ajax/analytic', // data: {data_url: current_url}, // dataType: 'json', // success: function(response) { // $("#post-counter").html(response.pageview); // } // }); // } if(cekIsMobile() === false) { if ($("#responses").length) { loadResponses($("#responses")); } } function inArray(needle, haystack) { var length = haystack.length; for(var i = 0; i < length; i++) { if(haystack[i] == needle) return true; } return false; } // $(window).on('load', function() { setTimeout(function(){ if ($('.fr-instagram').length){ $('.fr-instagram').each(function(i, obj) { $(obj).attr('src', obj.src); }); } }, 3000); }); $(document).ready(function() { //js photo slider let slidesSmall = $('.slidesSmall'); if (slidesSmall.is(':visible')) { //show arrow $('.slidesArrow__big').addClass('show'); if ((slidesSmall.length) > 4) { //show arrow thumbnail $('.slidesArrow__small').addClass('show'); $('.slidesFlex').addClass('left'); } } if(cekIsMobile()){ //js photo slider let slidesSmall = $('.slidesSmall'); if (slidesSmall.is(':visible')) { //show arrow $('.slidesArrow__big').addClass('show'); if ((slidesSmall.length) > 3) { //show arrow thumbnail $('.slidesArrow__small').addClass('show'); $('.slidesFlex').addClass('left'); } } } if ($('.fr-instagram').length){ var onload = "$(window).on('message',$.proxy(function(e){if(this.contentWindow!==e.originalEvent.source)return;var obj=$.parseJSON(e.originalEvent.data);if(obj.type==='MEASURE')$(this).height(obj.details.height||500);},this))"; $('.fr-instagram').attr('onload',onload) } var tag = "lyfe"; array_event = ['event', 'blog-competition', 'blog competition', 'blogshop', 'blogtrip', 'drive-and-ride', 'nangkring', 'ngulik', 'rctraveller', 'review', 'unboxing', 'visit', 'coverage', 'seminar nasional', 'kopiwriting', 'akademi', 'perspektif', 'diskusipublik', 'onloc', 'bloggerbucketlist','event komunitas offline', 'event komunitas online','eventkomunitasoffline', 'eventkomunitasonline','event-komunitas-offline', 'event-komunitas-online', 'eventlivestreaming']; if(inArray(tag, array_event)){ var current_url = window.location.href; var url_redirect = "https://event.kompasiana.com/"; var full_url_redirect = current_url.replace("https://www.kompasiana.com/", url_redirect); window.location.href = full_url_redirect; } array_video = ['video']; if(inArray(tag, array_video)){ var current_url = window.location.href; var url_redirect = "https://video.kompasiana.com/"; var full_url_redirect = current_url.replace("https://www.kompasiana.com/", url_redirect); window.location.href = full_url_redirect; } array_thr = ['thrkompasiana','ramadan']; if(inArray(tag, array_thr)){ var current_url = window.location.href; var url_redirect = "https://ramadan.kompasiana.com/"; var full_url_redirect = current_url.replace("https://www.kompasiana.com/", url_redirect); window.location.href = full_url_redirect; } $('.slider .in').slick({ infinite: true, slidesToShow: 3, slidesToScroll: 3, arrows: true }); $('.slider2 .in').slick({ infinite: true, slidesToShow: 3, slidesToScroll: 3, arrows: true }); $('[data-type="tooltips"]').each(function(){ var sf = $(this).data('text'); $(this).append('<div class="tooltips"><span>'+sf+'</span></div>'); $(this).on('mouseover', function(e) { e.preventDefault(); $(this).find('.tooltips').toggleClass('tooltips--show'); }); $(this).on('mouseout', function(e) { e.preventDefault(); $(this).find('.tooltips').toggleClass('tooltips--show'); }); }); if(cekIsMobile() === false) { loadListRating('list-rating'); } document.addEventListener('copy', (e) => { const copy_text = `\n\n\n\nKonten ini telah tayang di Kompasiana.com dengan judul "Sama Kuatnya, Akankah Aghniny Haque Raih Piala Citra Pertamanya di FFI 2024?", Klik untuk baca:\n${document.location.href}\n\nKreator: Raja Lubis\n\n\n\nKompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.\n\nTulis opini Anda seputar isu terkini di Kompasiana.com`; e.clipboardData.setData('text', document.getSelection() + copy_text); e.preventDefault(); }); }); function loadMoreResponseMob(type){ var page = $("#page_"+type).val(); var post_id = $("#post_id").val(); var slug_prokontra = $("#slug_prokontra").val(); document.getElementById("load_more_"+type).innerHTML = "LOADING"; $.ajax({ type: "GET", url: '/ajax/get_more_pro_kontra', data:{page: page, post_id: post_id, slug_prokontra: slug_prokontra}, dataType: 'json', success: function(response) { document.getElementById("load_more_"+type).innerHTML = "LOAD MORE"; document.getElementById('page_'+type).value = response.data_array.page; if(type == "pro"){ $("#komentar_pro").append(response.data_array.pro); if(response.data_array.pro == ""){ $("#load_more_pro").hide(); } } else{ $("#komentar_kontra").append(response.data_array.kontra); if(response.data_array.kontra == ""){ $("#load_more_kontra").hide(); } } } }); } function loadMoreResponseKontra(){ $('.pro-komentar:hidden').slice(0, 5).show(); var count = $('#kontra-more').attr('data-count'); console.log(count); if (parseInt(count) == $('.pro-komentar:visible').length) { $('.load-more').hide(); } } function loadMoreResponse(){ var page = $("#page_prokontra").val(); var post_id = $("#post_id").val(); var slug_prokontra = $("#slug_prokontra").val(); document.getElementById("loadMoreProKontra").innerHTML = "LOADING"; $.ajax({ type: "GET", url: '/ajax/get_more_pro_kontra', data:{page: page, post_id: post_id, slug_prokontra: slug_prokontra}, dataType: 'json', success: function(response) { document.getElementById("loadMoreProKontra").innerHTML = "LOAD MORE"; document.getElementById('page_prokontra').value = response.data_array.page; $("#komentar_pro").append(response.data_array.pro); $("#komentar_kontra").append(response.data_array.kontra); if(response.data_array.pro == "" && response.data_array.kontra == ""){ $("#loadMoreProKontra").hide(); } } }); } function proOpini() { if(document.getElementById("kontra-input").style.display="block"){ document.getElementById("pro-input").style.display="block"; document.getElementById("kontra-input").style.display="none"; } else{ document.getElementById("pro-input").style.display="block"; } } function kontraOpini() { if(document.getElementById("pro-input").style.display="block"){ document.getElementById("kontra-input").style.display="block"; document.getElementById("pro-input").style.display="none"; } else{ document.getElementById("kontra-input").style.display="block"; } } function tulisChild(type, parent_id) { $("#tulis-child-"+type+"-"+parent_id).show(); $("#input-opini-child-"+type+"-"+parent_id).val(''); $("#input-opini-child-"+type+"-"+parent_id).show(); $("#input-opini-child-"+type+"-"+parent_id).focus(); } function submitResponse(e, topic_id, type, parent_id, recipient_id = null, topic_slug = null) { e = e || window.event; if (e.keyCode == 13) { if(!isKompasianer){ alert("anda harus login terlebih dahulu"); redirectLogin(); return false; } if (!isActivity) { // check user activity show_activity(); // show user activity return false; } if(parent_id == null || parent_id == ''){ var text = $("#input-opini-"+type).val(); var data = {text: text, topic_id: topic_id, type: type}; } else { var text = $("#input-opini-child-"+type+"-"+parent_id).val(); var data = {text: text, topic_id: topic_id, type: type, parent_id: parent_id, recipient_id: recipient_id, topic_slug: topic_slug}; } if(!text && parent_id == null || !text){ alert("Text harus diisi"); } else if(isWhitespaceOrEmpty(text) && parent_id == null || !text){ alert("text harus diisi"); } else{ if(parent_id == null || parent_id == ''){ $.ajax({ type: "POST", url: "/ajax/post_response", data: data, dataType: 'json', success: function(response){ if(response.response_code == 200){ if(type == "pro"){ if(cekIsMobile === false){ $('#pro-input').css('display', 'none'); } else{ $("#input-opini-pro").val(''); } $('#showProResp').append(response.view); } else { if(cekIsMobile === false){ $('#kontra-input').css('display', 'none'); } else{ $("#input-opini-kontra").val(''); } $('#showKontraResp').append(response.view); } } else { alert(response.msg) } } }); } else { e = e || window.event; if (e.keyCode == 13) { if(!text){ alert('Opini harus diisi'); } else { $.ajax({ type: "POST", url: "/ajax/post_response", data: data, dataType: 'json', success: function(response){ console.log(response); if(response.response_code == 200){ $("#input-opini-child-"+type+"-"+parent_id).hide(); if(type == "pro"){ $('#showChildPro-'+parent_id).append(response.view); } else { $('#showChildKontra-'+parent_id).append(response.view); } } else { console.log('error'); } } }); } } } } } } /** s: new hapus artikel with warning message */ $(document).on('click','.dropdown-submenu a.btn--hapus', function (e) { e.stopPropagation(); e.preventDefault(); $('.dropdown-submenu > ul').hide(); $(this).next('ul').toggle(); }); $(document).on('click', function () { $('.dropdown-submenu > ul').hide(); }); $(document).on('click','.judul-pelanggaran', function (e) { // handle choose pelanggaran e.preventDefault(); var $this = $(this); // this item $this.removeData(); var judul = $this.data('judul'); // judul pelanggaran var post_title = $('.read-artikel__title > h1').text().trim(); // post title var post_url = window.location.href; // post url var hapus = $this.data('hapus') ? 1 : null; // data hapus ? var berat = $this.data('berat') ? 1 : null; // data hapus ? if(hapus == 1){ var deskripsi = 'Sesuai ketentuan Kompasiana, kami menghapus postingan Anda yang berjudul "'+post_title+'" karena '+$this.data('deskripsi'); // deskripsi pelanggaran }else{ var deskripsi = 'Sesuai ketentuan Kompasiana, kami memberi peringatan postingan Anda yang berjudul "'+post_title+'" karena '+$this.data('deskripsi'); // deskripsi pelanggaran } var $modal = $('#form--pelanggaran'); // modal pelanggaran var $judul = $modal.find('input[name="reason"]'); // judul pelanggaran var $post_title = $modal.find('input[name="post_title"]'); // modal post title var $post_url = $modal.find('input[name="post_url"]'); // modal post url var $deskripsi = $modal.find('textarea'); // judul deskripsi var $hapus = $modal.find('input[name="hapus"]'); // input hapus ? var $berat = $modal.find('input[name="berat"]'); // input hapus ? $judul.val(judul); // set judul $post_title.val(post_title); // set post title $post_url.val(post_url); // set post url $deskripsi.val(deskripsi); // set deskripsi $hapus.val(hapus); // set hapus $berat.val(berat); }); $(document).on('submit', '#form--pelanggaran', function (e) { // handle submit form pelanggaran e.preventDefault(); $this = $(this); // this form data = $this.serializeArray(); // form data action = $this.attr('action'); // form action ajax = { // ajax config url: action, type: 'POST', data: data, success: function (res) { var res = JSON.parse(res); alert(res.message); // console.log(res); if (res.status != 'ok') { // check status return false; } window.location.reload(); }, error: function (xhr) { console.log(xhr) } }; $.ajax(ajax); // do ajax }); // mobile script $(document).on('click','.dropdown', function () { $("#form-hapus").removeClass("in"); }); /** e: new hapus artikel with warning message */ // trigger click .edit-komentar $(document).on('click', '.edit-komentar', function (e) { e.preventDefault(); var $this = $(this); // this button var $parent = $this.parent(); // parent var $container = $('#container-edit-komentar'); // container form var $form = $container.find('form:first'); // form var id = $this.data('comment_id'); // comment id var text = $parent.parent().find('.komentar-text:first').text(); // comment text $form.find('input[name="id"]').val(id); // set id $form.find('textarea[name="text"]').val(text); // set text if ($parent.next().is($container) && $container.is(':visible')) { // check visible $container.slideUp(); } else { $container.insertAfter($parent).hide().slideDown(); // append parent } }); </script> <script> ////////////////////////////////// TAGGING //////////////////////////////////// // tagging show more let tagParent = document.querySelector('.mob-tagging'); if(!!tagParent) { let tagWrap = document.querySelector('.mob-tagging__items'); let tagHeight = tagWrap.offsetHeight; if(tagHeight>78) { let tagMore = document.createElement('button'); tagMore.className = 'mob-tagging__more'; tagMore.append('Selengkapnya'); tagParent.appendChild(tagMore) // let tagMore = document.querySelector('.mob-tagging__more'); if(!!tagMore) { // tagMore.classList.remove('-hide'); tagMore.addEventListener('click', function(){ taggingMore(tagParent, tagMore) }); } // tagMore.style.display = 'block'; // tagWrap.style.maxHeight = '78px' } } function taggingMore(tagParent, tagMore) { tagParent.style.maxHeight = '100%'; tagMore.classList.add('-hide'); return false; } </script> <!-- redirect and ads --> <script type="text/javascript"> !(function() { var time = new Date().getTime(); $(document.body).bind('mousemove keypress', function(e) { time = new Date().getTime(); }); function refresh() { if (new Date().getTime() - time >= 900000) { // 15 Menit window.location.reload(true); } else { setTimeout(refresh, 10000); } } setTimeout(refresh, 10000); })(); </script> <!-- banner horizontal --> <div class="row"> <div class="ads-horizontal banner-horizontal clearfix"> <div class="close-pol -popuppremium2"> <a href="#">X CLOSE</a> </div> <div id='div-gpt-ad-414138224105403936-9'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-414138224105403936-9'); }); </script> </div> </div> </div> <script defer src="https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/js/dev/main.min.js?v=518"></script> <script defer src="https://assets-a1.kompasiana.com/statics/2024/www/js/sso_g_signin_fedcm_nk.min.js?v=2"></script> <script defer src="https://asset.kompas.com/data/2021/sso/js/additional.min.js?v=518"></script> <script defer src="https://assets.kompasiana.com/statics/widget/sso_personalisasi_nk.min.js?v=518"></script> <script defer src="https://asset.kompas.com/data/2023/08/30/sso/js/extender.min.js?v=518"></script> <script defer src="https://asset.kompas.com/data/2022/sso/js/ssouser.min.js?v=518"></script> <script async src="https://cdn.oval.id/tracker/p/kompasiana/oval_web_analytics_latest.js"></script> <script async type="text/javascript" src="https://assets.kompas.com/data/2023/sso/js/sdk-cookie-consent-v2.js"></script> <script> function setCookie(name, value, days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; domain=.kompasiana.com; path=/"; } function getCookie(cname) { let name = cname + "="; let decodedCookie = decodeURIComponent(document.cookie); let ca = decodedCookie.split(';'); for(let i = 0; i <ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } </script> <script> if ('serviceWorker' in navigator) { navigator.serviceWorker.register('/sw-kompasiana.js', { scope: '/sw-kompasiana' // <--- THIS BIT IS REQUIRED }).then(function(registration) { // Registration was successful console.log('ServiceWorker Kompasiana registration successful with scope: ', registration.scope); }, function(err) { // registration failed :( console.log('ServiceWorker Kompasiana registration failed: ', err); }); } </script> <!-- global script for favorit and report --> <script> $(document).on('click', '.postRibbon', function(e){ if (!isKompasianer) { $('.reportbtnMenu').hide(); $('.reportpopup').hide(); alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } }); $(document).on('click', '.btnReportKonten', function(e){ $('#word_alasan').text('Alasan'); $('#laporkan-text-new').attr("placeholder", "Tulis Alasan Anda ..."); $('#laporkan-text-new').val(""); $('input[name="radio_reason"]:checked').removeAttr("checked"); $('#listChoiceReasonKonten').show(); $('#listChoiceReasonUser').hide(); $('#laporkan-submit-new').attr('data-post',$(this).attr('data-post')); $('#laporkan-submit-new').attr('data-type', 'konten'); $('.-reportlanjut').removeClass('active'); }); $(document).on('click', '.btnReportAkun', function(e){ $('#word_alasan').text('Sertakan Bukti'); $('#laporkan-text-new').attr("placeholder", "Masukkan link konten spam, hate speech, atau bukti lain."); $('#laporkan-text-new').val(""); $('input[name="radio_reason"]:checked').removeAttr("checked"); $('#listChoiceReasonKonten').hide(); $('#listChoiceReasonUser').show(); $('#laporkan-submit-new').attr('data-user',$(this).attr('data-user')); $('#laporkan-submit-new').attr('data-type', 'akun'); $('.-reportlanjut').removeClass('active'); }); $(document).on('click', '#laporkan-submit-new', function(e) { $('#msgreport').html('') if ( $('input[name="radio_reason"]:checked').attr('data-reason') == '' || $('input[name="radio_reason"]:checked').attr('data-reason') == null ) { alert("Pilih terlebih dahulu alasan anda."); $(".reportpopupMessage").hide(); $('.reportpopup').show(); } else { var text = $('#laporkan-text-new').val(); var reason = $('input[name="radio_reason"]:checked').attr('data-reason'); if($(this).attr('data-type') == 'konten'){ var postId = $(this).attr('data-post'); var data = {post_id: postId, text: text, reason: reason} }else{ var channelIssuedId = $(this).attr('data-user'); var data = {channel_issued_id: channelIssuedId, text: text, reason: reason} } var holder = $("#holder-tools"); $("#laporkan-loading").show(); $("#laporkan-submit-new").hide(); $(".reportpopupMessage").hide(); $.ajax({ type:"POST", url :"/ajax/issued_post", data : data, dataType:"json", success: function(res) { $("#laporkan-loading").hide(); $('.reportpopup').hide(); $("#laporkan-submit-new").show(); if(res.error !== undefined){ $('#msgreport').html(res.error) }else{ $('#msgreport').html(res.msg) } $(".reportpopupMessage").show(); } }); } }); function new_favorit_narativ(narativId){ if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } else { var img = ajax_loader; $('#msgreport').html("Loading...") $(".reportpopupMessage").show(); $("#"+narativId+"_favorit").hide(); $.ajax({ type:"POST", url :"/ajax/favorite_narativ", data : {narativId: narativId}, dataType:"json", success: function(response) { $('#msgreport').html(response.message); $(".reportpopupMessage").show(); $("#"+narativId+"_favorit").show(); // unfavorit $("#"+narativId+"_favorit").parent().addClass('-marked'); document.getElementById(narativId+"_favorit").setAttribute("onclick","new_unfavorit_narativ('"+narativId+"')"); document.getElementById(narativId+"_favorit").setAttribute("id",narativId+"_unfavorit"); } }); } } function new_unfavorit_narativ(narativId){ if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } else { var img = ajax_loader; $('#msgreport').html("Loading...") $(".reportpopupMessage").show(); $("#"+narativId+"_favorit").hide(); $.ajax({ type:"POST", url :"/ajax/favorite_narativ", data : {narativId: narativId, status:'remove'}, dataType:"json", success: function(response) { $('#msgreport').html(response.message); $(".reportpopupMessage").show(); $("#"+narativId+"_unfavorit").show(); // favorit $("#"+narativId+"_favorit").parent().removeClass('-marked'); document.getElementById(narativId+"_unfavorit").setAttribute("onclick","new_favorit_narativ('"+narativId+"')"); document.getElementById(narativId+"_unfavorit").setAttribute("id",narativId+"_favorit"); } }); } } function new_favorit(post_id){ if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } else { var img = ajax_loader; $("#"+post_id+"_load-image-favorit").html("Loading...").show(); $("#"+post_id+"_favorit").hide(); $.ajax({ type:"POST", url :"/ajax/favorite_artikel", data : {post_id: post_id}, dataType:"json", success: function(response) { $("#"+post_id+"_load-image-favorit").hide(); $('#msgreport').html(response.message); $(".reportpopupMessage").show(); $("#"+post_id+"_favorit").show(); // unfavorit $("#"+post_id+"_favorit").parent().addClass('-marked'); document.getElementById(post_id+"_favorit").setAttribute("onclick","newun_favorit('"+response.post_id+"','"+response.favorita_id+"')"); document.getElementById(post_id+"_favorit").setAttribute("id",post_id+"_unfavorit"); } }); } } // newun_favorit function newun_favorit(post_id, favorit_id){ if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } else { var img = ajax_loader; $("#"+post_id+"_load-image-favorit").html("Loading...").show(); $("#"+post_id+"_unfavorit").hide(); $.ajax({ type:"POST", url :"/ajax/un_favorite_artikel", data : {post_id: post_id, favorit_id: favorit_id}, dataType:"json", success: function(response) { $("#"+post_id+"_load-image-favorit").hide(); $('#msgreport').html(response.message); $(".reportpopupMessage").show(); $("#"+post_id+"_unfavorit").show(); // favorit $("#"+post_id+"_unfavorit").parent().removeClass('-marked'); document.getElementById(post_id+"_unfavorit").setAttribute("onclick","new_favorit('"+post_id+"')"); document.getElementById(post_id+"_unfavorit").setAttribute("id",post_id+"_favorit"); } }); } } function close_msg(){ $(".reportpopupMessage").hide(); } $('.reportpopupContent').click(function() { if($('input[type="radio"]').is(':checked')) { $('.-reportlanjut').addClass('active'); } }); $(document).on('click', '#send-article', function(e){ e.preventDefault(); var $t = $(this); var tags = $(this).data('tags'); var channel = $(this).data('channel'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } $.redirect(base_url+channel+'/dashboard/write', {tags_topic : tags}); }); </script> <script defer src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/widget-experiment.min.js?v=518"></script> <script defer src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/script-narativ.min.js?v=518"></script> <!-- s : popup verifikasi --> <div class="popup__overlay" data-popup="left" id="pver"> <div class="popupContent align-center text-center"> <div class="popupContent__wrap"> <button class="popupClose" aria-label="Close Popup" data-popup-button="dismiss">×</button> <div class="popupImage"> <span class="icon-verif"></span> </div> <div class="popupContent__title">Akun Terverifikasi</div> <div class="popupContent__body"> Diberikan kepada Kompasianer aktif dan konsisten dalam membuat konten dan berinteraksi secara positif. </div> <a href="https://www.kompasiana.com/kompasiana/63aa5d517bda02428d4f8c95/kriteria-terbaru-verifikasi-biru-kompasiana" class="popupContent__cta mt10">Pelajari selanjutnya.</a> </div> </div> </div> <!-- e : popup verifikasi --> <script type="text/javascript"> // s:popup verifikasi // let icoo = document.querySelectorAll('.-tver') // if (!!icoo) { // icoo.forEach(function (item) { // item.addEventListener('click', function (e) { // showModals(this) // e.preventDefault() // }) // }) // } $(document).on('click','.-tver',function(e){ e.preventDefault(); showModals(this) }); document.addEventListener('click', function (e) { if (e.target.matches('.popupClose')) { let ss = document.querySelectorAll('.popup__overlay') if (!!ss) { ss.forEach(function (item) { ss.forEach(el => el.classList.remove('active')); }) } e.preventDefault() } }); function showModals(targt) { var cl = document.getElementById('pver'); if (!!targt) { if (!!cl) { var fc = targt.parentElement; let jk = fc.querySelector('.popup__overlay') if (!!jk) { jk.remove() } var ox = cl.cloneNode(true); fc.appendChild(ox); fc.querySelector('.popup__overlay').classList.add('active'); } else { console.log('unknown modal target'); return; } } else { console.log('template modals not found'); return; } } // e:popup verifikasi function wa_share(title,url) { url = url+'?utm_source=Whatsapp&utm_medium=Refferal&utm_campaign=Sharing_Desktop'; u = url; t = title; window.open('https://api.whatsapp.com/send?text='+encodeURIComponent(t)+'%0a %0a'+encodeURIComponent(u),'sharer','toolbar=0,status=0,width=626,height=436');return false; } </script> <script> $(document).ready(function() { $(document.body).on('touchmove', onScroll_do_sidebar); // for mobile $(window).bind('scroll', onScroll_do_sidebar); }); function onScroll_do_sidebar(){ if ($("#populer-rekom-base").length > 0) { if ($(window).scrollTop() >= $("#populer-rekom-base").position().top) { // remove div $('#populer-rekom-base').remove(); get_populer_rekom() } } if ($("#trending-base").length > 0) { if ($(window).scrollTop() >= $("#trending-base").position().top) { // remove div $('#trending-base').remove(); get_other_sidebar() } } // if ($("#ramadan-pakar-base").length > 0) { // if ($(window).scrollTop() >= $("#ramadan-pakar-base").position().top) { // // remove div // $('#ramadan-pakar-base').remove(); // get_ramadan_pakar() // } // } if ($("#topik-pilihan-base").length > 0) { if ($(window).scrollTop() >= $("#topik-pilihan-base").position().top) { // remove div $('#topik-pilihan-base').remove(); get_topik_pilihan() } } if ($("#topik-kkn-base").length > 0) { if ($(window).scrollTop() >= $("#topik-kkn-base").position().top) { // remove div $('#topik-kkn-base').remove(); get_topik_kkn() } } if ($("#series-pilihan-base").length > 0) { if ($(window).scrollTop() >= $("#series-pilihan-base").position().top) { // remove div $('#series-pilihan-base').remove(); get_series_pilihan() } } if ($("#isu-terkini-base").length > 0) { if ($(window).scrollTop() >= $("#isu-terkini-base").position().top) { // remove div $('#isu-terkini-base').remove(); get_isu_terkini() } } if ($("#kompasiana-arena-base").length > 0) { if ($(window).scrollTop() >= $("#kompasiana-arena-base").position().top) { // remove div $('#kompasiana-arena-base').remove(); get_arena() } } if ($("#tren-pekan-base").length > 0) { if ($(window).scrollTop() >= $("#tren-pekan-base").position().top) { // remove div $('#tren-pekan-base').remove(); get_tren_pekan() } } if ($("#kgnow-widget-base").length > 0) { if ($(window).scrollTop() >= $("#kgnow-widget-base").position().top) { // remove div $('#kgnow-widget-base').remove(); get_kgnow_widget() } } if ($("#read-kgnow-base").length > 0) { if ($(window).scrollTop() >= $("#read-kgnow-base").position().top) { // remove div $('#read-kgnow-base').remove(); get_kgnow_read() } } if ($("#sorot_div_base").length > 0) { if ($(window).scrollTop() >= $("#sorot_div_base").position().top) { $('#sorot_div_base').remove(); get_sorot(); } } if ($("#komunitas_pilihan_base").length > 0) { if ($(window).scrollTop() >= $("#komunitas_pilihan_base").position().top) { $('#komunitas_pilihan_base').remove(); get_komunitas_pilihan(); } } } var load_get_sorot = false; function get_sorot(){ if (load_get_sorot == false) { load_get_sorot = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_sorot", success: function(res) { data = JSON.parse(res); $('#sorot_div').after(data['sorot']); $('#sorot_div').remove(); }, error : function(e) { console.log(e); } }); } } var load_get_populer_rekom = false; function get_populer_rekom(){ if (load_get_populer_rekom == false) { load_get_populer_rekom = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_popular_rekom", data: {view_data: location.pathname.substring(1), view_type: 'desktop'}, beforeSend: function() { $('#populer_rekom').before('<img loading="lazy" id="loading-image-populer-rekom" src="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/loader-small.svg" width="64" height="64" style="margin-top:10px;" />'); $('#populer_rekom').html('Loading...'); }, success: function(res) { data = JSON.parse(res); $("#loading-image-populer-rekom").remove(); $('#populer_rekom').html(data); }, error : function(e) { console.log(e); } }); } } var load_get_ramadan_pakar = false; function get_ramadan_pakar(){ if (load_get_ramadan_pakar == false) { load_get_ramadan_pakar = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/ajax/get_ramadan_pakar", data: {show: 'read'}, 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: "1"}, 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{ $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_series_pilihan", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); // $('.video-box-wrap').css('margin-top',120); $('#kompasiana-arena-body').before('<link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-narativ-slider.min.css?v=518" rel="preload" as="style"><link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-narativ-slider.min.css?v=518" rel="stylesheet"><link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-narativ.min.css?v=518" rel="preload" as="style"><link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-narativ.min.css?v=518" rel="stylesheet">'); $('#kompasiana-arena-body').html(data); $("#naraslide").slick({infinite:!1,speed:300,slidesToShow:3,slidesToScroll:1,centerMode:!1,arrow:!0,dots:!1,cssEase:"linear",variableWidth:!0}); }, error : function(e) { console.log(e); } }); } }, 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>