CINXE.COM
BISA NGGAK YA PENDIDIKAN NONFORMAL JADI HARAPAN BARU PENDIDIKAN? - Kompasiana.com
<!DOCTYPE html> <html lang="id"> <head> <script> var arr_edit_url = []; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ "title": "BISA NGGAK YA PENDIDIKAN NONFORMAL JADI HARAPAN BARU PENDIDIKAN? - Kompasiana.com", "url": "https://www.kompasiana.com/topic/bisa-nggak-ya-pendidikan-nonformal-jadi-harapan-baru-pendidikan", "content_category": "topic", "content_subcategory": "bisa-nggak-ya-pendidikan-nonformal-jadi-harapan-baru-pendidikan", "content_id": "", "content_location": "ID", "content_type": "article", "content_PublishedDate": "2024-07-08T11:36:17+0700", "content_author": "Kompasiana.com", "content_level": "", "content_art_length": "", "content_shorturl": "", "content_authorstatus": "", "content_author_id": "", "content_lipsus": "", "content_tag": "BISA NGGAK YA PENDIDIKAN NONFORMAL JADI HARAPAN BARU PENDIDIKAN?", "content_tags": "BISA NGGAK YA PENDIDIKAN NONFORMAL JADI HARAPAN BARU PENDIDIKAN?", "content_total_words": "" }); </script> <!-- google tag --> <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-P7HQ38'); </script> <!-- meta --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta content="text/html; charset=UTF-8" name="Content-Type"> <meta name="google" content="notranslate"> <meta name="description" content=""> <meta name="content_tags" content="BISA NGGAK YA PENDIDIKAN NONFORMAL JADI HARAPAN BARU PENDIDIKAN?" /> <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="BISA NGGAK YA PENDIDIKAN NONFORMAL JADI HARAPAN BARU PENDIDIKAN?" /> <meta property="og:url" content="https://www.kompasiana.com/topic/bisa-nggak-ya-pendidikan-nonformal-jadi-harapan-baru-pendidikan" /> <meta property="article:author" content="" /> <meta property="article:publisher" content="" /> <meta name="msvalidate.01" content="94D7C64651DB01DACCF13907E3748127" /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="#71C2EA"> <meta name="apple-mobile-web-app-title" content="Kompasiana"> <link rel="apple-touch-icon" href="https://assets.kompasiana.com/statics/2018_kompasiana/icons/152.png" sizes="152x152"> <link rel="manifest" href="https://assets-a1.kompasiana.com/statics/2018_kompasiana/manifest.json?v=45"> <meta name="msapplication-TitleImage" content="https://assets.kompasiana.com/statics/2018_kompasiana/icons/152.png"> <meta name="msapplication-TitleColor" content="#000"> <meta name="theme-color" content="#71C2EA"> <meta name='dailymotion-domain-verification' content='dm59upmqfqt5m76ei' /> <meta name='dailymotion-domain-verification' content='dmxyl7pslj4g1we65' /> <link rel="dns-prefetch" href="https://www.googletagservices.com" /> <link rel="dns-prefetch" href="https://jsc.mgid.com" /> <link rel="dns-prefetch" href="https://eus.rubiconproject.com" /> <link rel="dns-prefetch" href="https://securepubads.g.doubleclick.net" /> <link rel="dns-prefetch" href="https://ads.us.e-planning.net" /> <link rel="dns-prefetch" href="https://assets-a1.kompasiana.com" /> <link rel="dns-prefetch" href="https://ads.pubmatic.com" /> <link rel="dns-prefetch" href="https://tpc.googlesyndication.com" /> <link rel="dns-prefetch" href="https://delivery.r2b2.io" /> <link rel="dns-prefetch" href="https://s.adtelligent.com" /> <link rel="dns-prefetch" href="https://adsimg.kompas.com" /> <link rel="dns-prefetch" href="https://image6.pubmatic.com" /> <link rel="dns-prefetch" href="https://cdn.id5-sync.com" /> <link rel="dns-prefetch" href="https://eb2.3lift.com" /> <link rel="dns-prefetch" href="https://pixel.rubiconproject.com" /> <link rel="dns-prefetch" href="https://ajax.googleapis.com" /> <link rel="dns-prefetch" href="https://js.genieessp.com" /> <link rel="dns-prefetch" href="https://fonts.gstatic.com" /> <link rel="dns-prefetch" href="https://static.criteo.net" /> <link rel="dns-prefetch" href="https://accounts.google.com" /> <link rel="dns-prefetch" href="https://cdn.jsdelivr.net" /> <link rel="dns-prefetch" href="https://www.google-analytics.com" /> <link rel="dns-prefetch" href="https://ib.adnxs.com" /> <link rel="dns-prefetch" href="https://ssum.casalemedia.com" /> <link rel="preconnect" href="https://www.googletagservices.com" /> <link rel="preconnect" href="https://jsc.mgid.com" /> <link rel="preconnect" href="https://eus.rubiconproject.com" /> <link rel="preconnect" href="https://securepubads.g.doubleclick.net" /> <link rel="preconnect" href="https://ads.us.e-planning.net" /> <link rel="preconnect" href="https://assets-a1.kompasiana.com" /> <link rel="preconnect" href="https://ads.pubmatic.com" /> <link rel="preconnect" href="https://tpc.googlesyndication.com" /> <link rel="preconnect" href="https://delivery.r2b2.io" /> <link rel="preconnect" href="https://s.adtelligent.com" /> <link rel="preconnect" href="https://adsimg.kompas.com" /> <link rel="preconnect" href="https://image6.pubmatic.com" /> <link rel="preconnect" href="https://cdn.id5-sync.com" /> <link rel="preconnect" href="https://eb2.3lift.com" /> <link rel="preconnect" href="https://pixel.rubiconproject.com" /> <link rel="preconnect" href="https://ajax.googleapis.com" /> <link rel="preconnect" href="https://js.genieessp.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" /> <link rel="preconnect" href="https://static.criteo.net" /> <link rel="preconnect" href="https://accounts.google.com" /> <link rel="preconnect" href="https://cdn.jsdelivr.net" /> <link rel="preconnect" href="https://www.google-analytics.com" /> <link rel="preconnect" href="https://ib.adnxs.com" /> <meta name="adx:sections" content="Topic" /> <meta name="content_category" content="topic" /> <meta name="content_subcategory" content="bisa-nggak-ya-pendidikan-nonformal-jadi-harapan-baru-pendidikan" /> <meta name="content_location" content="ID" /> <meta name="content_type" content="article" /> <meta name="content_PublishedDate" content="" /> <meta name="content_author" content="Kompasiana.com" /> <meta name="content_level" content="" /> <meta name="content_source" content="" /> <meta name="content_tag" content="" /> <meta name="content_total_words" content="" /> <meta name="keywords" content="BISA NGGAK YA PENDIDIKAN NONFORMAL JADI HARAPAN BARU PENDIDIKAN?"> <meta property="og:image" content="http://assets.kompasiana.com/items/album/2024/08/01/topil-kolaborasi-pendidikan-1-ba-66ab285e34777c3afa1758a2.jpg" /> <meta property="og:type" content="article" /> <title>BISA NGGAK YA PENDIDIKAN NONFORMAL JADI HARAPAN BARU PENDIDIKAN? - 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/topic/bisa-nggak-ya-pendidikan-nonformal-jadi-harapan-baru-pendidikan"> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://www.kompasiana.com/", "potentialAction": { "@type": "SearchAction", "target": "https://www.kompasiana.com/search_artikel?q={search_term_string}", "query-input": "required name=search_term_string" } } </script> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "Organization", "url": "https://www.kompasiana.com/", "logo": "https://assets-a1.kompasiana.com/statics/kompasiana2015/images/logo-kompasiana-beta.png", "sameAs" : [ "https://www.facebook.com/KOMPASIANAcom", "https://www.twitter.com/kompasiana", "https://instagram.com/kompasianacom" ] } </script> <!-- preload banner ultah --> <!-- style core --> <!-- s: preload --> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style.min.css?v=518" rel="stylesheet"> <!-- maintain belt--> <style type="text/css"> .maintenance{background:#ff6969;display:table;width:100%;font-family:Roboto,sans-serif;box-sizing:border-box;padding:15px}.maintenance p{color:#ff6969}.maintenance b{display:block}.maintenance a{text-decoration:underline}.maintenance--img,.maintenance--outline{float:left}.maintenance--img-bottom{position:absolute;bottom:0;right:65px}.maintenance__content{height:120px;width:885px;margin:auto;position:relative;text-align:center}.maintenance--wrapper{padding:10px 205px;clip-path:polygon(80% 0,83% 50%,80% 100%,20% 100%,17% 50%,20% 0);background:#fff;height:120px;width:820px;margin:auto;text-align:center}.maintenance--outline,.maintenance--wrapper{-webkit-clip-path:polygon(80% 0,85% 48%,80% 100%,20% 100%,14% 48%,20% 0)}.maintenance--outline{clip-path:polygon(80% 0,85% 48%,80% 100%,20% 100%,14% 48%,20% 0);height:125px;width:965px;float:none}.header-sticky b{display:inline}.header-sticky .maintenance__content{width:999px;height:75px}.header-sticky .maintenance--outline{width:999px}.header-sticky .maintenance--wrapper{padding:10px 250px 1px;font-size:12px;width:100%;height:auto;-webkit-clip-path:polygon(80% 0,85% 48%,80% 100%,20% 100%,14% 48%,20% 0);clip-path:polygon(80% 0,82% 50%,80% 100%,20% 100%,18% 50%,20% 0)}.header-sticky .maintenance--img-left{height:85px}.header-sticky .maintenance--img-bottom{position:absolute;bottom:-15px;right:109px;height:38px} </style> <!-- style reward --> <!-- style kotak suara --> <!-- style politik --> <!-- style olah raga --> <!-- style new world --> <!-- style indexnews --> <!-- style write --> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-ab-test.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-ab-test.min.css?v=518" rel="stylesheet"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-ads-placeholder.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-ads-placeholder.min.css?v=518" rel="stylesheet"> <!-- style meta menu bar rekomendasi --> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-header-news.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-header-news.min.css?v=518" rel="stylesheet"> <!-- style header footer --> <link href="https://assets-a1.kompasiana.com/statics/2024/www/desktop/style-header-footer.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2024/www/desktop/style-header-footer.min.css?v=518" rel="stylesheet"> <!-- 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 || []; </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/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/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/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/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/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/read', 'div-gpt-ad-162687188723508243-oop').setTargeting('Pos',['Overlay']).setTargeting('kg_pos', ['overlay']).addService(googletag.pubads()); gptadslots[4923]= googletag.defineOutOfPageSlot('/31800665/KOMPASIANA.COM/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/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/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/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/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('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 > <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="active" 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> <div class="container"> </div> <!-- halaman biasa --> <div class=" container js-giant-wp-sticky-parent mt10"> <div id="cerita-pemilih-sosok"></div> <div class="leftside event-read col-lg-8 col-md-8 col-sm-8 clearfix"> <div class="title-dash mt20 mb20"><span>TOPIK PILIHAN</span></div> <!-- s : halaman baca --> <div class="read-section read-section--nbox mt20"> <div class="read-artikel mb40 sticky-parent"> <!-- <div class="artikel--tag"><span>headline</span></div> --> <div class="read-artikel__title"> <h1>BISA NGGAK YA PENDIDIKAN NONFORMAL JADI HARAPAN BARU PENDIDIKAN? <!-- <span class="permanent" title="Artikel permanen (tidak bisa diedit atau dihapus)"><svg class="icon icon-permanent"><use xlink:href="#icon-permanent"></use></svg></span> --> </h1> </div> <div class="read-artikel__caption clearfix"> <div class="shared shared__right clearfix"> <span class="shared-tw"><a href="javascript:void(0);" onclick="tweet_share('BISA NGGAK YA PENDIDIKAN NONFORMAL JADI HARAPAN BARU PENDIDIKAN? https://www.kompasiana.com/topic/bisa-nggak-ya-pendidikan-nonformal-jadi-harapan-baru-pendidikan')"><svg class="icon icon-twitter"><use xlink:href="#icon-twitter"></use></svg></a></span> <span class="shared-fb"><a href="javascript:void(0);" onclick="fb_share('BISA NGGAK YA PENDIDIKAN NONFORMAL JADI HARAPAN BARU PENDIDIKAN?','https://www.kompasiana.com/topic/bisa-nggak-ya-pendidikan-nonformal-jadi-harapan-baru-pendidikan')"><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/topic/bisa-nggak-ya-pendidikan-nonformal-jadi-harapan-baru-pendidikan')"><svg class="icon icon-linkedin"><use xlink:href="#icon-linkedin"></use></svg></a></span> </div> </div> <div class="read-count mt10 mb20 clearfix"> <span class="count-item">8 Juli 2024 18:36</span> <span class="count-item">Diperbarui: 11 September 2024 22:19</span> </div> <button class="text-size mb10" id="small"><svg class="icon icon-text-down"><use xlink:href="#icon-text-down"></use></svg></button> <button class="text-size mb10" id="big"><svg class="icon icon-text-up"><use xlink:href="#icon-text-up"></use></svg></button> <!-- s : countdown --> <div class="clearfix"> <div class="clock mb20"> <button class="btn-register float-none" id="send-article-topic" data-channel="" data-tags="pendidikan nonformal" >KIRIM TULISAN</button> </div> </div> <!-- e : countdown --> <div class="read-artikel__img photo"> <img loading="lazy" src="https://assets.kompasiana.com/items/album/2024/08/01/topil-kolaborasi-pendidikan-1-ba-66ab285e34777c3afa1758a2.jpg?t=o&v=770" alt="BISA NGGAK YA PENDIDIKAN NONFORMAL JADI HARAPAN BARU PENDIDIKAN?"> </div> <div class="row clearfix"> <div class="ads ads__skyscraper banner-sky banner-center sticky-right col-lg-3 col-md-3 col-sm-3 col-xs-3 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> <div class="read-content col-lg-9 col-md-9 col-sm-9 col-xs-9"> <div class="read-content--inner"> <p></p><p>Topik Pilihan Kolaborasi datang lagi! Kali ini Kompasiana berkolaborasi dengan Kompasianer Dayu Rifanto, pendiri inisiatif Bukuntukpapua serta taman baca Pinjam Pustaka, untuk menantang sekaligus mengajak para Kompasianer berbagi opini hingga pengalaman terkait pendidikan nonformal atau pendidikan masyarakat dalam program Topik Pilihan Kolaborasi Kompasiana.</p><p>Nah, Kompasianer, menurutmu apakah pendidikan formal saat ini cukup untuk memenuhi pendidikan bagi anak-anak kita? Ataukah pendidikan nonformal yang justru lebih memberikan harapan baru? Atau bagaimana peran keduanya agar bisa saling melengkapi?</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>Bagaimana perasaanmu saat melihat atau mengetahui anak-anak begitu antusias datang ke taman baca? Apakah anak-anak juga antusias datang ke perpustakaan sekolah? Ataukah ada yang perlu dibenahi?</p><p>Kemudian apa pendapatmu mengenai pendidikan nonformal atau pendidikan masyarakat saat ini? Menurut kamu perlukah pendidikan nonformal semakin diperkuat dan dikedepankan? Sejauh mana pendidikan nonformal dapat melengkapi pendidikan formal demi memberikan pendidikan yang utuh bagi anak-anak?</p><p>Kami juga ingin mendengar cerita dan pengalamanmu tentang taman baca yang ada di sekitarmu. Apakah di tempatmu ada taman baca untuk anak-anak? Bagaimana koleksi bacaan, fasilitas dan kondisinya? Apakah banyak anak yang tertarik untuk mengunjunginya?</p><p>Yuk, ikutan ajakan dan tantangan Kompasianer Dayu Rifanto terkait hal ini di Kompasiana sekarang. Jangan lupa untuk menyematkan label <strong>Pendidikan Nonformal</strong> pada tiap konten yang kamu buat, ya!</p></p> <!-- 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); googletag.pubads().refresh([slotOsm]); }); } } </script> <!-- DFP OSM End --> <!-- kgnow --> <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> <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": "668b6cc1115144603d7e6152", "current_url": "https://www.kompasiana.com/topic/bisa-nggak-ya-pendidikan-nonformal-jadi-harapan-baru-pendidikan", } 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> </div> </div> <!-- <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9 pull-right clearfix"> <p class="load-more load-more--event pull-right"><a href="#">Selanjutnya</a></p> <p class="load-more close--event pull-right"><a href="#">Tutup</a></p> </div> --> </div> </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> <!-- s: event footer --> <div class="event-footer"> <div class="event-menu clearfix mt10 mb10"> <h1 class="event-title">KUMPULAN ARTIKEL TOPIK PILIHAN</h1> </div> <!-- s : artikel --> <div id="index_tag"></div> <div id="load-image-tag"></div> <!-- e : artikel --> <div class="text-center mt20"> <a data-tags="pendidikan nonformal" data-perpage="20" data-page="1" data-holder="index_tag" id="load-more-index-tag" class="load-more" href="javascript:void(0)" onclick="loadPostByTag()">Load More</a> </div> </div> <!-- e: event footer --> </div> <!-- e : halaman baca --> </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 --> <!-- s : topik pilihan --> <div class="topik-pilihan mb20"> <a href="https://www.kompasiana.com/topic"><h2 class="title-dash"><span>TOPIK PILIHAN</span></h2></a> <div class="topik-pilihan--poin"> <a href="https://www.kompasiana.com/topic/ppn-naik-jadi-12-persen"> <img src="https://assets-a2.kompasiana.com/items/album/2024/03/14/ppn-12-persen-65f2f1ccc57afb26c30ce065.png?t=o&v=410" alt="PPN NAIK JADI 12 PERSEN?" class="topik-pilihan--img" loading="lazy" width="300" height="170"> </a> <div class="topik-pilihan--content"> <div class="topik-pilihan--item"> <div class="thumb-user clearfix"> <div class="user-img mr10"> <a href="https://www.kompasiana.com/merzagamal8924"><img loading="lazy" src="https://assets-a1.kompasiana.com/images/avatar/merza-3-4-body03-629ee6b6aa3ccd36741b8863.jpg?t=t&v=40&x=40" alt="Sebuah Ironi yang Menyayat Hati tentang Peringkat Indonesia di Global Hunger Index (GHI) 2023" width="40" height="40"></a> </div> <div class="user-box col-lg-12 col-md-12 col-sm-12 col-xs-12"> <h3 class="title-side"><a href="https://www.kompasiana.com/merzagamal8924/67447abdc925c46ab77fd552/sebuah-ironi-yang-menyayat-hati-tentang-kebenaran-di-global-hunger-index-ghi-2023" class="title">Sebuah Ironi yang Menyayat Hati tentang Peringkat Indonesia di Global Hunger Index (GHI) 2023</a></h3> <a href="https://www.kompasiana.com/merzagamal8924" class="user-name">Merza Gamal <svg class="icon icon-verifikasi icon-blue -tver"><use xlink:href="#icon-verifikasi"></use></svg> </a> </div> </div> </div> <div class="topik-pilihan--item"> <div class="thumb-user clearfix"> <div class="user-img mr10"> <a href="https://www.kompasiana.com/margiono77215"><img loading="lazy" src="https://assets-a1.kompasiana.com/images/avatar/fb-img-1708276943980-67442797ed6415665b2869c2.jpg?t=t&v=40&x=40" alt="Apakah Reformasi Hukum Bisa Tercapai di Era Prabowo Subianto?" width="40" height="40"></a> </div> <div class="user-box col-lg-12 col-md-12 col-sm-12 col-xs-12"> <h3 class="title-side"><a href="https://www.kompasiana.com/margiono77215/67443093ed64155bf51ed122/apakah-reformasi-hukum-bisa-tercapai-di-era-prabowo-subianto" class="title">Apakah Reformasi Hukum Bisa Tercapai di Era Prabowo Subianto?</a></h3> <a href="https://www.kompasiana.com/margiono77215" class="user-name">Margiono </a> </div> </div> </div> </div> </div> <hr> <div class="topik-pilihan--poin"> <a href="https://www.kompasiana.com/topic/pilkada-serentak-2024-yuk-nyoblos"> <img src="https://assets-a2.kompasiana.com/items/album/2024/11/23/topil-landscape-new-2024-67417b11ed64157f286b5ca2.png?t=o&v=410" alt="Pilkada Serentak 2024: Yuk, Nyoblos!" class="topik-pilihan--img" loading="lazy" width="300" height="170"> </a> <div class="topik-pilihan--content"> <div class="topik-pilihan--item"> <div class="thumb-user clearfix"> <div class="user-img mr10"> <a href="https://www.kompasiana.com/kabarjambiterbaru"><img loading="lazy" src="https://assets-a1.kompasiana.com/images/avatar/img-20230505-134557-67323a03c925c4775f737313.jpg?t=t&v=40&x=40" alt="Serangan Fajar Menuju Pilkada: Strategi dan Dampaknya dalam Pilkada" width="40" height="40"></a> </div> <div class="user-box col-lg-12 col-md-12 col-sm-12 col-xs-12"> <h3 class="title-side"><a href="https://www.kompasiana.com/kabarjambiterbaru/67447cbac925c402386199b4/serangan-pajar-menuju-pilkada-strategi-dan-dampaknya-dalam-pemilihan-kepala-daerah" class="title">Serangan Fajar Menuju Pilkada: Strategi dan Dampaknya dalam Pilkada</a></h3> <a href="https://www.kompasiana.com/kabarjambiterbaru" class="user-name">Sandika Wandara </a> </div> </div> </div> <div class="topik-pilihan--item"> <div class="thumb-user clearfix"> <div class="user-img mr10"> <a href="https://www.kompasiana.com/alyssafatinnaziha7267"><img loading="lazy" src="https://assets-a1.kompasiana.com/images/avatar/img-20241116-wa0076-67446667c925c42c6c161a52.jpg?t=t&v=40&x=40" alt="Serangan Fajar yang Semakin Gencar Menjelang Pilkada Serentak 2024" width="40" height="40"></a> </div> <div class="user-box col-lg-12 col-md-12 col-sm-12 col-xs-12"> <h3 class="title-side"><a href="https://www.kompasiana.com/alyssafatinnaziha7267/6744683c34777c36de78b902/serangan-fajar-yang-semakin-gencar-menjelang-pilkada-serentak-2024" class="title">Serangan Fajar yang Semakin Gencar Menjelang Pilkada Serentak 2024</a></h3> <a href="https://www.kompasiana.com/alyssafatinnaziha7267" class="user-name">ALYSSA FATIN NAZIHA </a> </div> </div> </div> </div> </div> <div class="topik-pilihan--poin"> <a href="https://www.kompasiana.com/topic/utang-pesta-pernikahan-bahagia-di-pelaminan-sengsara-di-tagihan"> <img src="https://assets-a2.kompasiana.com/items/album/2024/11/21/topil-landscape-new-2024-673edbc9ed64151dd3016e52.png?t=o&v=410" alt="Utang Pesta Pernikahan: Bahagia di Pelaminan, Sengsara di Tagihan" class="topik-pilihan--img" loading="lazy" width="300" height="170"> </a> <div class="topik-pilihan--content"> <div class="topik-pilihan--item"> <div class="thumb-user clearfix"> <div class="user-img mr10"> <a href="https://www.kompasiana.com/sitikhusnulkhotimah9490"><img loading="lazy" src="https://assets-a1.kompasiana.com/images/avatar/screenshot-20231015-201800-6540ae84edff76666a4f2f92.jpg?t=t&v=40&x=40" alt="Semusim" width="40" height="40"></a> </div> <div class="user-box col-lg-12 col-md-12 col-sm-12 col-xs-12"> <h3 class="title-side"><a href="https://www.kompasiana.com/sitikhusnulkhotimah9490/67444760ed64151ee52ee772/semusim" class="title">Semusim</a></h3> <a href="https://www.kompasiana.com/sitikhusnulkhotimah9490" class="user-name">Siti Khusnul Khotimah </a> </div> </div> </div> <div class="topik-pilihan--item"> <div class="thumb-user clearfix"> <div class="user-img mr10"> <a href="https://www.kompasiana.com/sari90336"><img loading="lazy" src="https://assets-a1.kompasiana.com/images/avatar/img-20180813-wa0020-672c49dac925c4250c2f16e2.jpg?t=t&v=40&x=40" alt="Masyarakat Komunal, Habis Menikah Terbitlah Utang!" width="40" height="40"></a> </div> <div class="user-box col-lg-12 col-md-12 col-sm-12 col-xs-12"> <h3 class="title-side"><a href="https://www.kompasiana.com/sari90336/67441766ed641570097ceda2/habis-menikah-terbitlah-utang-untung-apa-buntung" class="title">Masyarakat Komunal, Habis Menikah Terbitlah Utang!</a></h3> <a href="https://www.kompasiana.com/sari90336" class="user-name">sari rachmah </a> </div> </div> </div> </div> </div> </div> <!-- e : topik pilihan --> <!-- 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="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> <!-- kompasianer pilihan --> <div class="kompasianer-pilihan clearfix mb20" id="channel_pilihan"></div> <!-- 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 --> <!-- 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 = 'topil_read'; var page_id = 'read'; var currentState = location.pathname.substring(1); var next_url = 'aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20vdG9waWMvYmlzYS1uZ2dhay15YS1wZW5kaWRpa2FuLW5vbmZvcm1hbC1qYWRpLWhhcmFwYW4tYmFydS1wZW5kaWRpa2Fu'; $.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'] == "topic"){ 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/topic/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==/aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20vdG9waWMvYmlzYS1uZ2dhay15YS1wZW5kaWRpa2FuLW5vbmZvcm1hbC1qYWRpLWhhcmFwYW4tYmFydS1wZW5kaWRpa2Fu'; } </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"> $(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" data-id='+cid+'><span>UNFOLLOW</span></a>'; } else { var replace = '<a href="#" data-location="friends" id="unfollow" data-id='+cid+'><span>UNFOLLOW</span></a>'; } $.ajax({ type: "POST", url: "/ajax/follow", data: {cid: cid}, dataType: 'json', success: function(response) { $t.replaceWith(replace).fadeIn(); } }); //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" data-id='+cid+'><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 }); function loadListRating(from){ if(from == 'list-rating'){ var e = $("#id_post"); } else if(from == "load-more-rating"){ var e = $("#id_post"); } 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 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}, dataType: 'json', success: function(response) { 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(); } else{ $("#more-stories-rating").hide(); } $("#load-image-rating").hide(); $("#load-more-rating").attr("data-page", response.data_array.current_page+1); if(from == "list-rating"){ $('#listRating').html(response.data_array.list_rate); } else{ $('#listRating').append(response.data_array.list_rate); } $('#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}); }); $(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}); }); 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 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() { $(document).ready(function() { $(".sticky-right").stick_in_parent({ parent: ".sticky-parent", inner_scrolling: false, spacer: false, offset_top: 30, }).on('sticky_kit:bottom', function(e) { // console.log('stuck'); // $(this).parent().css('position', 'static'); }).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 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, 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(); } } $(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; } $.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', success: function(response){ if(response.response_code==200){ div.attr("data-page", 1); $("#msg-success-rate").html("Sukses"); // loadRating(); loadListRating('list-rating'); } else { alert(response.message); } } }); }); // comentar function loadComments() { var e = $('#load-more-komentar'); var img = ajax_loader; var perPage = e.attr('data-perpage'); var holder = e.attr("data-holder"); var page = e.attr('data-page'); var id = $('#id_post').attr('data-id'); var post_channel_id = $('#id_post').attr('data-recipientid'); // channel id e.hide(); $("#load-image-komentar").html("<img src=" + img + " style='display: block;margin-left: auto;margin-right: auto;' />").show(); var cooks=[]; var x = document.cookie; var y = x.split(";"); for(i=0;i<y.length; i++){ if(y[i].search('like_') != -1){ cooks.push(y[i]); } } $.ajax({ type: "GET", url: "/ajax/comments?per_page=" + perPage + "&id_post="+id+"&post_channel_id="+post_channel_id+"&page="+page+"&cooks="+cooks, dataType: 'json', success: function(response) { $("#load-image-komentar").hide(); if (response.data_array.current_page >= response.data_array.total_page) { e.hide(); } else { e.attr('style', 'cursor:pointer !important'); e.text('Selanjutnya'); e.attr("data-perpage", response.data_array.per_page); e.attr("data-page", response.data_array.current_page + 1); } if(page==1){ $('#post-comment').text(response.data_array.total_comments); $("ul#" + holder).html(response.data_array.view).fadeIn(); }else{ $("#"+ holder).append(response.data_array.view).fadeIn(); } } }); } 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 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(); } } }); } loadPostByTag(); // submit comment $(document).on('click', '#submit', function(e) { e.preventDefault(); var id= $('#id_post').attr('data-id'); var text= $('textarea#text').val(); var img = ajax_loader; var recipient_id = $('#id_post').attr('data-recipientid'); var title = $('#id_post').attr('data-posttitle'); var redirect_url = $('#id_post').attr('data-redirecturl'); if (!isKompasianer) { alert("anda harus login terlebih dahulu"); redirectLogin(); return false; } if (!isActivity) { // check user activity show_activity(); // show user activity return false; } if (!text) { alert("text harus diisi"); $('textarea#text').focus(); return false; } if (isWhitespaceOrEmpty(text)) { alert("text harus diisi"); $('textarea#text').focus(); return false; } $('textarea#text').attr('readonly','readonly'); $(this).attr('disabled','disabled'); $this = $(this); // ref to this button $.ajax({ type: "POST", url: "/ajax/post_comment", data: {text: text, id_post: id, recipient_id: recipient_id, title: title, redirect_url: redirect_url}, dataType: 'json', success: function(response) { if (response.response_code != 200) { alert(response.message); return false; } $('#submit').prop('disabled',false); $('textarea#text').prop('readonly',false); $('textarea#text').val(''); $("ul#komentar").prepend(response.data_array.view).fadeIn(); goToByScroll('komentar_list_'+response.data_array.id_comment); }, complete: function () { $this.removeAttr('disabled'); } }); }); // box buat reply $(document).on('click', 'a#balas', function(e) { e.preventDefault(); var key = $(this).attr('data-keys'); if ( $('#reply_komentar_'+key).children().length > 0 ) { $('#reply_komentar_'+key+' #textarea_comment').remove(); }else { $('#textarea_comment').clone().appendTo( '#reply_komentar_'+key).hide().slideDown('slow'); $('#reply_komentar_'+key).find('#submit').prop('id','submit_reply'); $('#reply_komentar_'+key).find('#text').prop('id','text_reply'); // $('#reply_komentar_'+key).find('#loader-komentar').prop('id','loader-komentar-reply'); } }); $(document).on('click', '#submit_reply', function(e){ if (!isActivity) { // check user activity show_activity(); // show user activity return false; } if ($('#loader-komentar-reply').css('display') == 'none') { $('#loader-komentar-reply').show(); } e.preventDefault(); var id= $('#id_post').attr('data-id'); var id_comment = $(this).parents('.reply_komentar').attr('data-id'); var text= $('#reply_komentar_'+id_comment).find('textarea#text_reply').val(); var keys =$('#reply_komentar_'+id_comment).attr('data-keys'); var img = ajax_loader; var child = $('#reply_komentar_'+id_comment).attr('data-child'); var recipient_id = $('#id_post').attr('data-recipientid'); var recipient_id_2 = $('#reply_komentar_'+id_comment).attr('data-recipient2'); var title = $('#id_post').attr('data-posttitle'); var redirect_url = $('#id_post').attr('data-redirecturl'); if (!isKompasianer) { alert("anda harus login terlebih dahulu"); redirectLogin(); return false; } if (!text) { alert("text harus diisi"); $('#reply_komentar_'+id_comment).find('textarea#text_reply').focus(); return false; } if (isWhitespaceOrEmpty(text)) { alert("text harus diisi"); $('textarea#text_reply').focus(); return false; } $('#reply_komentar_'+id_comment).find('textarea#text_reply').attr('readonly','readonly'); $(this).attr('disabled','disabled'); $this = $(this); // ref to this button $("#loader-komentar-reply").html("<img src="+img+" /><br><br>"); $.ajax({ type: "POST", url: "/ajax/post_comment", data: {text: text, id_post: id, parent_id: id_comment, child: child, recipient_id: recipient_id, recipient_id_2: recipient_id_2, title: title, redirect_url: redirect_url}, dataType: 'json', success: function(response) { if (response.response_code != 200) { alert(response.message); return false; } $('#loader-komentar-reply').hide(); $('#submit_reply').prop('disabled',false); $('#reply_komentar_'+id_comment).find('textarea#text_reply').prop('readonly',false); $('#reply_komentar_'+id_comment).find('textarea#text_reply').val(''); $('#reply_komentar_'+id_comment).slideUp('slow'); setTimeout(function(){ $(response.data_array.view).prependTo('ul#child_'+id_comment).hide().slideDown('slow'); }, 1000); }, complete: function () { $this.removeAttr('disabled'); } }); }); 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 />", { "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(""); } }); }); // delete pro kontra comment $(document).on('click', '#laporkan', function(e){ e.preventDefault(); var key = $(this).attr('data-keys'); if ( $('#laporkan_komentar_'+key).children().length > 0 ) { $('#laporkan_komentar_'+key+' #textarea_laporkan').remove(); } else { $('#textarea_comment').clone().appendTo( '#laporkan_komentar_'+key).hide().slideDown('slow'); $('#laporkan_komentar_'+key+' #textarea_comment').prop('id','textarea_laporkan'); $('#laporkan_komentar_'+key).find('#submit').prop('id','submit_laporkan'); $('#laporkan_komentar_'+key).find('#text').prop('id','text_laporkan'); $('#laporkan_komentar_'+key).find('#submit_reply').prop('id','submit_laporkan'); $('#laporkan_komentar_'+key).find('#text_reply').prop('id','text_laporkan'); $('#laporkan_komentar_'+key).find('#text_laporkan').prop('placeholder','Tuliskan Alasan Anda'); $('#laporkan_komentar_'+key).find('#loader-komentar').prop('id','loader-komentar-laporkan'); $('#laporkan_komentar_'+key).find('#loader-komentar-reply').prop('id','loader-komentar-laporkan'); } }); $(document).on('click', '#submit_laporkan', function(e) { if ($('#loader-komentar-laporkan').css('display') == 'none') { $('#loader-komentar-laporkan').show(); } e.preventDefault(); var id_comment = $(this).parents('.laporkan_komentar').attr('data-id'); var text= $('#laporkan_komentar_'+id_comment).find('textarea#text_laporkan').val(); var keys =$('#laporkan_komentar_'+id_comment).attr('data-keys'); var img = ajax_loader; if(!isKompasianer) { alert("Anda harus login terlebih dahulu"); redirectLogin(); return false; } if(!text){ alert("Text harus diisi"); $('#laporkan_komentar_'+id_comment).find('textarea#text_laporkan').focus(); } else { $("#loader-komentar-laporkan").html("<img src="+img+" /><br><br>"); $.ajax({ type: "POST", url: "/ajax/issued_post", data: {text: text, comment_id: id_comment}, dataType: 'json', success: function(response){ $("#loader-komentar-laporkan").hide(); $('#laporkan_komentar_'+id_comment).hide(); $('.laporkan_'+id_comment).hide(); } }); } }); $(document).on('click', '#laporkan-link', function(e) { 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')); 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 />", { "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) { $('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 />', { 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') }, 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) { 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 // loadRating(); // loadComments(); 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; } $(document).ready(function() { var tag = ""; 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']; 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 = ['tebar hikmah ramadan','ceritaramlan','fiksiislami','sehat saat puasa','sehatsaatpuasa','thrkompasiana']; // if(inArray(tag, array_thr)){ // var current_url = window.location.href; // var url_redirect = "http://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'); }); }); // loadListRating('list-rating'); }); 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 ? 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 ? $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 }); $(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 */ </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: 'topil_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: ""}, 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>