Showing source for: https://www.pblmatters.org/
Duration: 1.252479s
Server: cloudflare
<!DOCTYPE html>
<html lang="id">
<head>
<title>SUMO777 | PBL Matters - Pelatihan Profesional Guru K-12</title>
<link href="//securepubads.g.doubleclick.net" rel="dns-prefetch">
<link href="//asset.kompas.com" rel="dns-prefetch">
<link href="//adsimg.kompas.com" rel="dns-prefetch">
<link href="//tpc.googlesyndication.com" rel="dns-prefetch">
<link href="//cm.g.doubleclick.net" rel="dns-prefetch">
<link href="//apis.kompas.com" rel="dns-prefetch"><meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<meta name="description" content="PBLMatters bersama Fairfield County ESC menyediakan jalur pembelajaran profesional bagi guru dan administrator K-12. Kembangkan praktik mengajar dengan pendekatan PBL bermakna." />
<link rel="prefetch" href="https://www.pblmatters.org/" as="document"/>
<link rel="amphtml" href="https://www.pblmatters.org/pblm/" />
<link rel="alternate" href="https://www.pblmatters.org/pblm/" hreflang="id">
<link rel="alternate" href="https://www.pblmatters.org/pblm/" hreflang="x-default">
<meta name="googlebot-news" content="index, follow" />
<meta name="googlebot" content="index, follow" />
<meta name="author" content="Link Alternative">
<meta name="robots" content="index, follow">
<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" />
<!-- S:fb meta -->
<meta property="og:type" content="article" />
<meta property="og:image" content="https://www.pblmatters.org/assets/hero.webp" />
<meta property="og:title" content="SUMO777 | PBL Matters - Pelatihan Profesional Guru K-12" />
<meta property="og:description" content="PBLMatters bersama Fairfield County ESC menyediakan jalur pembelajaran profesional bagi guru dan administrator K-12. Kembangkan praktik mengajar dengan pendekatan PBL bermakna." name="description">
<meta property="og:url" content="https://www.pblmatters.org/" />
<meta property="og:site_name" content="KOMPAS.com" />
<meta property="fb:app_id" content="324557847592228" />
<!-- e:fb meta -->
<!-- S:tweeter card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@kompascom" />
<meta name="twitter:creator" content="@kompascom">
<meta name="twitter:title" content="SUMO777 | PBL Matters - Pelatihan Profesional Guru K-12" />
<meta name="twitter:description" content="PBLMatters bersama Fairfield County ESC menyediakan jalur pembelajaran profesional bagi guru dan administrator K-12. Kembangkan praktik mengajar dengan pendekatan PBL bermakna." name="description" />
<meta name="twitter:image" content="https://www.pblmatters.org/assets/hero.webp" />
<!-- E:tweeter card -->
<meta name="content_category" content="Prov" />
<meta name="content_subcategory" content="Link Alternative" />
<meta name="content_location" content="Di" />
<meta name="content_author_id" content="" />
<meta name="content_author" content="" />
<meta name="content_editor_id" content="7768" />
<meta name="content_editor" content="Link Alternative " />
<meta name="content_lipsus" content="" />
<meta name="content_lipsus_id" content="" />
<meta name="content_sensi" content="" />
<meta name="content_type" content="Standard" />
<meta name="content_PublishedDate" content="2025-09-04 17:20:00" />
<meta property="article:published_time" content="2025-09-04T10:20:00+00:00" />
<meta name="content_source" content="" />
<meta name="content_tag" content="Novel Baswedan" />
<meta name="content_tags" content="" />
<meta name="content_total_words" content="452" />
<meta name="subscription" content="False" />
<meta name="lestari_sdgs" content="" />
<meta name="content_total_pages" content="1" />
<meta name="content_current_page" content="1" />
<link rel="preload" as="image" href="https://www.pblmatters.org/assets/hero.webp">
<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
<link rel="canonical" href="https://www.pblmatters.org/" />
<link rel="dns-prefetch" href="twitter.com">
<link rel="shortcut icon" href="https://www.pblmatters.org/assets/favicon.png">
<link rel="stylesheet" href="https://asset.kompas.com/data/2025/08/13/kompascom/desktop/css/kcm2017-article.min.css" type="text/css">
<link rel="stylesheet" href="https://asset.kompas.com/data/2025/03/05/kompascom/desktop/css/kcm2017-iconpack-article.min.css" type="text/css">
<link rel="stylesheet" href="https://asset.kompas.com/data/2025/08/21/0958/kgm-verify.min.css" type="text/css">
<link rel="preload" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,700|Roboto:300,300i,400,400i,500,700,700i" as="style">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,700|Roboto:300,300i,400,400i,500,700,700i">
<link rel="preconnect" href="https://scripts.jixie.media"/>
<script src="https://asset.kompas.com/data/2017/wp/js/jquery-1.12.0.min.js"></script>
<script src="https://asset.kompas.com/data/2017/wp/js/modernizr.custom.js"></script>
<link rel="preconnect" href="https://scripts.jixie.media"/>
<script type="text/javascript">
window.jixie_o = {
accountid: "9262bf2590d558736cac4fff7978fcb1",
partner_cookie: 'kmps_usrid',
external_ids: ['tdid','tdid2','ifo'],
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">
var keyword_data = ""
var array_keywords = keyword_data.split(",");
window.jixie_p = window.jixie_p || [];
window.jixie_p.push({
action: "visit",
parameters:{
itemid:"20250904172000388",
keywords:array_keywords,
title:"SUMO777 | PBL Matters - Pelatihan Profesional Guru K-12",
description: "PBLMatters bersama Fairfield County ESC menyediakan jalur pembelajaran profesional bagi guru dan administrator K-12. Kembangkan praktik mengajar dengan pendekatan PBL bermakna." name="description",
category: "Prov"
}
});
</script>
<script>
var keywordBrandSafety = "KOMPAS.com â Perwira menengah Korps Brimob Polri, Kompol CKG, resmi dijatuhi sanksi Pemberhentian Tidak Dengan Hormat (PTDH) setelah dinyatakan melanggar Kode Etik Profesi Polri. Putusan tersebut dibacakan dalam sidang Komisi Kode Etik Profesi (KKEP) yang digelar oleh Divisi Profesi dan Pengamanan (Propam) Polri, menyusul insiden kecelakaan yang merenggut nyawa seorang pengemudi ojek daring pada akhir Agustus 2025. Peristiwa itu terjadi ketika kendaraan taktis Brimob yang sedang melintas terlibat kecelakaan hingga menyebabkan korban meninggal dunia di lokasi kejadian. Saat insiden berlangsung, Kompol CKG berada di dalam kendaraan sebagai perwira yang mendampingi pengemudi. Majelis etik menilai posisinya tersebut melekatkan tanggung jawab komando dan pengawasan, sehingga dinyatakan turut bertanggung jawab secara etik atas kejadian fatal tersebut. Sidang etik dilaksanakan secara terbuka terbatas dan turut diawasi unsur eksternal, termasuk perwakilan Komisi Kepolisian Nasional (Kompolnas), guna memastikan akuntabilitas proses. Ketua majelis menyatakan sanksi berat dijatuhkan sebagai bentuk komitmen institusi dalam menegakkan disiplin dan menjaga kepercayaan publik. Selain yang bersangkutan, sejumlah anggota lain yang berada dalam rangkaian peristiwa itu juga telah diperiksa dan sebagian menjalani penempatan khusus sembari menunggu proses hukum lanjutan. Kasus ini memicu perhatian luas masyarakat serta mendorong tuntutan transparansi dalam penanganan perkara yang melibatkan aparat penegak hukum. Kepolisian menegaskan bahwa proses etik dan pidana berjalan paralel sesuai ketentuan perundang-undangan yang berlaku.";
</script>
<!-- Start Ad Blocking Recovery Message -->
<script async src="https://fundingchoicesmessages.google.com/i/pub-9012468469771973?ers=1" nonce="IOvmxAasolBKwB_qzaJVMg"></script><script nonce="IOvmxAasolBKwB_qzaJVMg">(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>
<!-- Endof Ad Blocking Recovery Message --><!-- Start: GPT Async -->
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<script type='text/javascript'>
var gptadslots=[];
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(function(){ var gads = document.createElement('script');
gads.async = true; gads.type = 'text/javascript';
// var useSSL = 'https:' == document.location.protocol;
gads.src = 'https://securepubads.g.doubleclick.net/tag/js/gpt.js';
var node = document.getElementsByTagName('script')[0];
node.parentNode.insertBefore(gads, node);
})();
</script>
<script type="text/javascript">
googletag.cmd.push(function() {
//Adslot 1 declaration
gptadslots[1]= googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [[728, 90], [970, 90], [970, 250], [360, 100], [360, 150], [384, 100], [393, 100]],'div-gpt-ad-Top_1-1').setTargeting('Pos',['Top_1']).setTargeting('kg_pos', ['top_1']).addService(googletag.pubads());
dinv = googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/news/vignette', googletag.enums.OutOfPageFormat.INTERSTITIAL);
if (dinv !== null) {
dinv.setTargeting('Pos', ['vignette']);
dinv.setTargeting('kg_pos', ['vignette']);
}//Adslot 2 declaration
gptadslots[2]= googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [[300,600],[300,250],[160, 600]],'div-gpt-ad-Giant').setTargeting('Pos',['Giant']).setTargeting('kg_pos', ['giant']).addService(googletag.pubads());//Adslot 9 declaration
gptadslots[9]= googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [[468,60],[728,90],[970,90],[1100,50],[1100,150]],'div-gpt-ad-Horizontal_Ad').setTargeting('Pos',['Horizontal_Ad']).setTargeting('kg_pos', ['horizontal_ad']).addService(googletag.pubads());gptadslots[41121] = googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/news', 'div-gpt-for-outstream').setTargeting('Pos',['Outstream']).addService(googletag.pubads());//Adslot 8 declaration
gptadslots[8]= googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [[120,600],[160,600]],'div-gpt-ad-Skyscraper').setTargeting('Pos',['Skyscraper']).setTargeting('kg_pos', ['skyscraper']).addService(googletag.pubads());gptadslots[4112]= googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/news','div-gpt-ad-974648810682144181-4112').setTargeting('Pos',['native_banner_article']).setTargeting('kg_pos', ['native_banner_article']).addService(googletag.pubads());setContextualTargeting();
if(typeof keywordBrandSafety === 'undefined'){
console.log("no article keywords");
}else{
console.log("execute keywords");
setKeywordTargeting();
}
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("content_tags") || {}).content;
if (str!=null){
var keywords = str.toLowerCase().split(",").map(function(item) {
return item.trim().replace(/\s\s+/g, ' ');
});
return keywords;
}
return [''];
}
// 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
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);
}
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
googletag.pubads().setTargeting('kg_inv_type','mweb');
}else{
googletag.pubads().setTargeting('kg_inv_type','desktop');
}
googletag.pubads().setTargeting('kg_group_sites','kompas_com');
var rl_adx_val = '';
var rl_adx_sec = new Date().getSeconds();
if(rl_adx_sec==1||rl_adx_sec==2){rl_adx_val='300';}
if(rl_adx_sec==3||rl_adx_sec==4){rl_adx_val='600';}
if(rl_adx_sec==5||rl_adx_sec==6){rl_adx_val='900';}
if(rl_adx_sec==7||rl_adx_sec==8){rl_adx_val='1200';}
if(rl_adx_sec==9||rl_adx_sec==10){rl_adx_val='1500';}
if(rl_adx_sec==11||rl_adx_sec==12){rl_adx_val='1800';}
console.log('rl_adx_val = '+rl_adx_val);
if(rl_adx_val!=''){
googletag.pubads().setTargeting('rl_adx',rl_adx_val);
}googletag.pubads().setTargeting('currentUrl', '2025/09/04/172000388');googletag.pubads().setTargeting('page', 'page_1');
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
<!-- End: GPT -->
<!-- (ads.google.head.rs) -->
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"url": "https://www.pblmatters.org/",
"potentialAction": {
"@type": "SearchAction",
"target": "https://search.kompas.com/search?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<script type="application/ld+json">
{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Kompas.com","item":"https:\/\/www.kompas.com"},{"@type":"ListItem","position":2,"name":"Jawa Barat","item":"https:\/\/www.kompas.com\/jawa-barat"}]} </script>
<script type="application/ld+json">
{
"@context":"https://schema.org",
"@type":"NewsArticle",
"mainEntityOfPage":{
"@type":"WebPage",
"@id":"https://www.kompas.com/jawa-barat/read/2025/09/04/172000388/kompol-cosmas-dipecat-tidak-hormat-pernah-terseret-kasus-penyiraman#"
},
"headline":"SUMO777 | PBL Matters - Pelatihan Profesional Guru K-12",
"image":{
"@type":"ImageObject",
"url":"https://asset.kompas.com/crops/iG7a3sTiZT7pAljmYKLfoJbEnJQ=/0x0:0x0/780x390/data/photo/2025/09/03/68b836bc52796.jpeg",
"height":500,
"width":750
},
"datePublished":"2025-09-04T10:20:00+00:00",
"dateModified":"2025-09-04T10:20:00+00:00",
"author":{
"@type":"Person",
"name":"Link Alternative",
"url":"https://indeks.kompas.com/profile/"
},
"publisher":{
"@type":"Organization",
"name":"Kompas.com",
"logo":{
"@type":"ImageObject",
"url":"https://asset.kompas.com/data/2017/wp/images/logo-kompascom-jmd.png",
"width":255,
"height":55
}
},
"description":"PBLMatters bersama Fairfield County ESC menyediakan jalur pembelajaran profesional bagi guru dan administrator K-12. Kembangkan praktik mengajar dengan pendekatan PBL bermakna."
}
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var addebug = document.querySelectorAll('.footerCopyright');
for (i = 0; i < addebug.length; ++i) {
addebug[i].addEventListener('click', function handleClick() {
console.log('Debugged');
googletag.openConsole();
});
}
});
</script>
<script async src="https://cdn.oval.id/tracker/p/kompas/oval_web_analytics_latest.js"></script>
<!-- <script async src="https://cdn.oval.id/tracker/p/kompasreco/oval_web_analytics_latest.js "></script> -->
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '423063207362401');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=423063207362401&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
"content_id": "8835817",
"content_site": "Kompas.com",
"content_site_id": 88,
"content_category": "Prov",
"content_subcategory": "Link Alternative",
"content_location": "Di",
"content_author": "",
"content_aid1": "",
"content_aid2": "",
"content_aid3": "",
"content_editor": "Link Alternative ",
"content_eid": "7768",
"content_lipsus": "",
"content_lipsus_id": "",
"content_sensi": "",
"content_type": "Standard",
"content_PublishedDate": "2025-09-04 17:20:00",
"content_Month_PubDate": "09",
"content_Year_PubDate": "2025",
"content_Date_PubDate": "04",
"content_source": "",
"content_tag": "Novel Baswedan",
"content_title": "SUMO777 | PBL Matters - Pelatihan Profesional Guru K-12",
"content_tags": "",
"content_total_words": 452,
"content_draft_type": "0",
"content_draft_check": "",
"content_draft_engine": "",
"content_autopaging": true,
"content_total_pages": 1,
"content_current_page": 1
});</script>
<style id="autosite-semantic-article">
article, .article, .article .gMoJXr6D {line-height:1.75;}
article p, .article p, .article .gMoJXr6D p {margin:0 0 1.05em;}
article h2, .article h2, .article .gMoJXr6D h2 {margin:1.65em 0 .65em;line-height:1.3;font-size:1.35em;font-weight:700;}
article h3, .article h3, .article .gMoJXr6D h3 {margin:1.25em 0 .55em;line-height:1.35;font-size:1.12em;font-weight:700;}
article ul, .article ul, .article .gMoJXr6D ul {margin:.5em 0 1.2em 1.35em;padding-left:1.1em;}
article li, .article li, .article .gMoJXr6D li {margin:.35em 0;}
</style>
</head>
<body class="theme--jawa-barat page--read -bigger">
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PT7PC4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<div class="wrap">
<!-- header-->
<div class="header clearfix">
<div class="row clearfix header__wrap">
<div class="container clearfix header__row">
<div class="row col-offset-fluid clearfix">
<div class="col-bs10-5 clearfix">
<div class="logo">
<a href="https://www.pblmatters.org/" data-google-interstitial="false">
<style>.logo img {width:auto;}.logo {width:auto;}</style>
<img src="https://www.pblmatters.org/assets/logo.webp" alt="SUMO777 | PBL Matters - Pelatihan Profesional Guru K-12">
</a>
<!-- <a href="https://vik.kompas.com/harapan-jurnalisme-berkelanjutan" class="anni25-link"></a> -->
</div>
</div>
<div class="col-bs10-5 clearfix">
<!-- search -->
<div class="col-bs12-8 col-offset-0">
<div class="header-search-box">
<form action="https://search.kompas.com/search" class="header-search"
id="fcSearch">
<div class="searchBox-wrap">
<input type="text" name="q" class="header-search-input" value=""
placeholder="Cari Tutorial di Link Alternative" autocomplete="off"
list="populer" id="cSearch">
<input class="header-search-button" type="submit" name="">
<span class="icon-svg icon-search"></span>
<button type="button" class="searchClear -clearSubmit"
aria-label="Clear search"></button>
</div>
</form>
<div class="header-search-suggestion searchSuggest-box">
<div class="searchSuggest-inner">
<div class="searchResult">
<div class="searchFill" id="autoFillArtikel"></div>
<div class="searchFill" id="enterResult"></div>
<div class="searchResult" id="enterResultArticle"></div>
</div>
<!-- s: suggestion search-->
<div id="searchSuggestBefore">
<div id="searchSuggestLast"></div>
</div>
</div>
</div>
</div>
</div>
<div class="dark-header-item">
<div class="dark-wrapper js-darkWrapper">
<button type="button" class="button-default js-darkSetter" id="menu-darkmode" aria-label="Atur mode" aria-expanded="false" aria-controls="darkmode">
<span class="icon-svg icon-darkmode" aria-hidden="true"></span>
</button>
<div class="dark-setting">
<ul>
<li>
<button type="button" role="button" class="button dark-link js-darkToggle" data-dark="system">Otomatis</button>
</li>
<li>
<button type="button" role="button" class="button dark-link js-darkToggle" data-dark="dark">Mode Gelap</button>
</li>
<li>
<button type="button" role="button" class="button dark-link js-darkToggle" data-dark="light">Mode Terang</button>
</li>
</ul>
</div>
</div>
</div>
<!-- <div class="loyalty__link" id="loyalty_koin" style="display: none">
<a href="https://play.kompas.com/loyalty">
<span class="icon-svg icon-koin"></span>
<span class="loyalty__link__text">Koin</span>
<i class="loyalty__link__badge active"></i>
</a>
</div> -->
<!-- play icon -->
<div class="menu-item menu-plus">
<a href="https://plus.kompas.com/detail?source=top_navbar" class="button-default" role="link" id="menu-plus" aria-label="Link Alternative">
<span class="icon-svg icon-plus" aria-hidden="true">
<img src="https://asset.kompas.com/data/2025/03/05/1535/icon-kplus.gif" alt="Icon Kompascom+">
</span>
</a>
</div>
<div class="sso__header col-bs12-4">
<ul class="sso__wrap">
<li class="sso__item">
<a class="sso__link sso__link__icon js-sso-user" href="https://www.pblmatters.org/pblm/" rel="nofollow">
<i class="sso__icon__login" id="sso__icon__login_top"></i>
<i class="sso__badge" style="display: none;"></i>
</a>
<div class="sso__option -fixed -hide js-sso-user-board">
<ul>
<li id="sso__item"><a id="txt_signin" href="https://account.kompas.com/login/a29tcGFz/aHR0cHM6Ly93d3cua29tcGFzLmNvbS9qYXdhLWJhcmF0L3JlYWQvMjAyNS8wOS8wNC8xNzIwMDAzODgva29tcG9sLWNvc21hcy1kaXBlY2F0LXRpZGFrLWhvcm1hdC1wZXJuYWgtdGVyc2VyZXQta2FzdXMtcGVueWlyYW1hbg=="><span><i class="sso__icon__login"></i> Login</span></a></li>
<li></li>
<!-- <li>
<a href="https://activity.kompas.com/voucher?source=navbar" class="myvalue__btn -new">
<span><div class="myvalue__icon"><img class="lozad" data-src="https://asset.kompas.com/data/2024/myvalue/desktop/images/icon-myvalue.png" alt=""></div> Voucher</span>
<div class="myvalue__btn__wrap">
<div class="myvalue__icon"><img class="lozad" data-src="https://asset.kompas.com/data/2024/myvalue/desktop/images/icon-myvalue-gif.gif" alt=""></div>
<span>Ada voucher buat kamu</span>
</div>
</a>
</li> -->
<li><a href="https://www.pblmatters.org/pblm/"><span><i class="sso__icon__subscription"></i> Gabung Link Alternative <i class="sso__badge__inline"></i></span></a></li>
<li></li>
<li><a href="https://activity.kompas.com/saved"><span><i class="sso__icon__bookmark"></i> Konten yang disimpan</span></a></li>
<li></li>
<li><a href="https://activity.kompas.com/liked"><span><i class="sso__icon__liked"></i> Konten yang disukai</span></a></li>
<li></li>
<li><a href="https://activity.kompas.com/minat"><span><i class="sso__icon__interest"></i> Atur Minat</span></a></li>
<li></li>
<li id="feedback__item"><a href="https://www.kompas.com/feedback"><span><i class="sso__icon__notif"></i> Berikan Masukanmu <i class="sso__badge__inline" style="display: none;"></i></span></a></li>
</ul>
</div>
</li>
</ul>
</div>
<div class="kid__wrap">
<a target="_blank" href="https://www.pblmatters.org/pblm/" rel="nofollow" class="kid__button">SUBSCRIBE Link Alternative</a>
</div>
</div>
</div>
</div>
</div>
<!-- nav-->
<div class="js-nav-offset"></div>
<div class="row clearfix nav">
<!-- (ads.skin.full) -->
<div class="container clearfix nav__wrap">
<div class="logo logo--sticky">
<a href="https://www.pblmatters.org/"><img class="lozad" data-src="https://www.pblmatters.org/assets/favicon.png" alt="SUMO777 | PBL Matters - Pelatihan Profesional Guru K-12" /></a>
</div>
<ul class="nav__row clearfix">
<li class="nav__item">
<a href="https://www.pblmatters.org/" class="nav__link nav__link--news">News</a>
<ul class="nav__sub nav__sub--news">
<li class="nav__subwrap">
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Nasional</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Global</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Megapolitan</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Regional</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Pemilu</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Hype</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Konsultasi Hukum</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Cek Fakta</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Surat Pembaca</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Indeks</a>
</div>
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Kilas Daerah</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Kilas Korporasi</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Kilas Kementerian</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Sorot Politik</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Kilas Badan Negara</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Kelana Indonesia</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Kalbe Health Corner</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Kilas Parlemen</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Kilas BUMN</a>
</div>
</li>
</ul>
</li>
<li class="nav__item">
<a href="https://www.pblmatters.org/" class="nav__link nav__link--nusaraya">Nusaraya</a>
<ul class="nav__sub nav__sub--nusaraya">
<li class="nav__subwrap">
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Sumatera Utara</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Sumatera Selatan</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Sumatera Barat</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Riau</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Lampung</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Banten</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Yogyakarta</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Jawa Barat</a>
</div>
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Jawa Tengah</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Jawa Timur</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Kalimantan Barat</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Kalimantan Timur</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Sulawesi Selatan</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Bali</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Indeks</a>
</div>
</li>
</ul>
</li>
<li class="nav__item nav__link--new" style="flex:none;">
<a href="https://www.pblmatters.org/" class="nav__link nav__link--tren">Jagat Literasi</a>
<ul class="nav__sub nav__sub--jagat-literasi">
<li class="nav__subwrap">
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Artikel</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Video</a>
</div>
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Rolls</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Donasi</a>
</div>
</li>
</ul>
</li>
<li class="nav__item nav__link--new">
<a href="https://www.pblmatters.org/" class="nav__link nav__link--cahaya nav__link--cahaya">Cahaya</a>
<ul class="nav__sub nav__sub--cahaya">
<li class="nav__subwrap">
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Aktual</a>
</div>
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Doa dan Niat</a>
</div>
</li>
</ul>
</li>
<li class="nav__item">
<a href="https://www.pblmatters.org/" class="nav__link nav__link--tekno">Tekno</a>
<ul class="nav__sub nav__sub--tekno">
<li class="nav__subwrap">
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Apps & OS</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Gadget</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Internet</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Hardware</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Business</a>
</div>
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Game</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Galeri</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Indeks</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Tech Innovation</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Kilas Internet</a>
</div>
</li>
</ul>
</li>
<li class="nav__item">
<a href="https://www.pblmatters.org/" class="nav__link nav__link--otomotif">Otomotif</a>
<ul class="nav__sub nav__sub--otomotif">
<li class="nav__subwrap">
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Motor</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Mobil</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Sport</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Niaga</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Komunitas</a>
</div>
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Otopedia</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Merapah</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">EV Leadership</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Elektrifikasi</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Pameran</a>
</div>
</li>
</ul>
</li>
<li class="nav__item">
<a href="https://www.pblmatters.org/" class="nav__link nav__link--bola">Bola</a>
<ul class="nav__sub nav__sub--bola">
<li class="nav__subwrap">
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Timnas Indonesia</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Liga Indonesia</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Liga Italia</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Liga Champions</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Liga Lain</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Liga Inggris</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Liga Spanyol</a>
</div>
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Internasional</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Bundesliga</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Motogp</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Badminton</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Sports</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Indeks</a>
</div>
</li>
</ul>
</li>
<li class="nav__item">
<a href="https://www.pblmatters.org/" class="nav__link nav__link--lifestyle">Lifestyle</a>
<ul class="nav__sub nav__sub--lifestyle">
<li class="nav__subwrap">
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Wellness</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Fashion</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Relationship</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Parenting</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Beauty & Grooming</a>
</div>
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Buku</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Indeks</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Sadar Stunting</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Kilas Lifestyle</a>
</div>
</li>
</ul>
</li>
<li class="nav__item">
<a href="https://www.pblmatters.org/" class="nav__link nav__link--tren">Tren</a>
</li>
<li class="nav__item">
<a href="https://www.pblmatters.org/" class="nav__link nav__link--lestari">Lestari</a>
</li>
<li class="nav__item">
<a href="https://www.pblmatters.org/" class="nav__link nav__link--health">Health</a>
<ul class="nav__sub nav__sub--health">
<li class="nav__subwrap">
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Penyakit A-Z</a>
</div>
</li>
<li class="nav__subwrap">
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Kilas Kesehatan</a>
</div>
</li>
</ul>
</li>
<li class="nav__item">
<a href="https://www.pblmatters.org/" class="nav__link nav__link--money">Money</a>
<ul class="nav__sub nav__sub--money">
<li class="nav__subwrap">
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Ekbis</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Keuangan</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Syariah</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Industri</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Energi</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Karier</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Cuan</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Belanja</a>
</div>
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Tanya Pajak</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Indeks</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Kilas Badan</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Kilas Transportasi</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Kilas Fintech</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Kilas Perbankan</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Kilas Investasi</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Transaksi Digital</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Jejak UMKM</a>
</div>
</li>
</ul>
</li>
<li class="nav__item">
<a href="https://www.pblmatters.org/" class="nav__link nav__link--properti">Properti</a>
<ul class="nav__sub nav__sub--properti">
<li class="nav__subwrap">
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">News</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Listing Properti</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Arsitektur</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Konstruksi</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Tips Properti</a>
</div>
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">IKN</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Homey</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Indeks</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Sorot Properti</a>
</div>
</li>
</ul>
</li>
<li class="nav__item">
<a href="https://www.pblmatters.org/" class="nav__link nav__link--edukasi">Edukasi</a>
<ul class="nav__sub nav__sub--edukasi">
<li class="nav__subwrap">
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Sekolah</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Edu News</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Perguruan Tinggi</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Pendidikan Khusus</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Beasiswa</a>
</div>
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Literasi</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Skola</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">Kilas Pendidikan</a>
<a href="https://www.pblmatters.org/" class="nav__sublink nav__sublink--hot">IdeAksi</a>
</div>
</li>
</ul>
</li>
<li class="nav__item">
<a href="https://www.pblmatters.org/" class="nav__link nav__link--travel">Travel</a>
<ul class="nav__sub nav__sub--travel">
<li class="nav__subwrap">
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Travel News</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Travel Ideas</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Hotel Story</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Travelpedia</a>
</div>
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Food</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Ohayo Jepang</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Indeks</a>
</div>
</li>
</ul>
</li>
<li class="nav__item">
<a href="https://www.pblmatters.org/" class="nav__link nav__link--lainnya"><span class="icoBase icoInline icoBurger" aria-label="Lainnya" title="Lainnya"></span></a>
<ul class="nav__sub nav__sub--lainnya">
<li class="nav__subwrap">
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">Video</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Parapuan</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Kolom</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Sains</a>
</div>
<div class="nav__subitem">
<a href="https://www.pblmatters.org/" class="nav__sublink">JEO</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Foto</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">VIK</a>
<a href="https://www.pblmatters.org/" class="nav__sublink">Kata Netizen</a>
</div>
</li>
</ul>
</li>
</ul>
<a href="https://www.pblmatters.org/pblm/" rel="nofollow"class="menu-plus-sticky">Membership Link Alternative</a>
<!-- css sublink nav -->
<link rel="stylesheet" href="https://asset.kompas.com/data/2025/nusatirta/desktop/css/submenu-nusatirta.css">
<ul id="lestariMenu" class="nav__sub nav__sub--lestari navSub">
<li class="navSub-col --col1">
<ul class="navSub-inner">
<li><a href="https://www.pblmatters.org/">Pemerintah</a></li>
<li><a href="https://www.pblmatters.org/">Swasta</a></li>
<li><a href="https://www.pblmatters.org/">LSM/Figur</a></li>
<li><a href="https://www.pblmatters.org/">BUMN</a></li>
<li><a href="https://www.pblmatters.org/">UMKM</a></li>
<li><a href="https://www.pblmatters.org/" class="nav__sublink--hot">Nusatirta</a></li>
</ul>
</li>
<li class="navSub-col --col2">
<div class="navSub-subcol --subcol">
<div class="navSub-grup"><a href="https://www.pblmatters.org/">Kesehatan</a></div>
<ul class="navSub-inner">
<li><a href="https://www.pblmatters.org/">Kehidupan sehat dan sejahtera</a></li>
<li><a href="https://www.pblmatters.org/">Air bersih dan sanitasi layak</a></li>
</ul>
<div class="navSub-grup"><a href="https://www.pblmatters.org/">Pendidikan</a></div>
<ul class="navSub-inner">
<li><a href="https://www.pblmatters.org/">Pendidikan Berkualitas</a></li>
</ul>
<div class="navSub-grup"><a href="https://www.pblmatters.org/">Lingkungan</a></div>
<ul class="navSub-inner">
<li><a href="https://www.pblmatters.org/">Energi Bersih dan Terjangkau</a></li>
<li><a href="https://www.pblmatters.org/">Penanganan Perubahan Iklim</a></li>
<li><a href="https://www.pblmatters.org/">Ekosistem Lautan</a></li>
<li><a href="https://www.pblmatters.org/">Ekosistem Daratan</a></li>
</ul>
</div>
<div class="navSub-subcol --subcol">
<div class="navSub-grup"><a href="https://www.pblmatters.org/">Ekonomi dan UMKM</a></div>
<ul class="navSub-inner">
<li><a href="https://www.pblmatters.org/">Tanpa Kemiskinan</a></li>
<li><a href="https://www.pblmatters.org/">Tanpa Kelaparan</a></li>
<li><a href="https://www.pblmatters.org/">Kesetaraan Gender</a></li>
<li><a href="https://www.pblmatters.org/">Pekerjaan Layak dan Pertumbuhan ekonomi</a></li>
<li><a href="https://www.pblmatters.org/">Industri, Inovasi & Infrastruktur</a></li>
<li><a href="https://www.pblmatters.org/">Berkurangnya Kesenjangan</a></li>
<li><a href="https://www.pblmatters.org/">Kota & Pemukiman yang Berkelanjutan</a></li>
<li><a href="https://www.pblmatters.org/">Konsumsi & Produksi yang bertanggungjawab</a></li>
</ul>
</div>
</li>
<li class="navSub-col --col3">
<div class="navSub-label">PROGRAM LESTARI</div>
<ul class="navSub-inner">
<li>
<a href="https://www.pblmatters.org/" class="navLestariProgram">
<img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jagoan-lokal.png" alt="Cantikpreneurship">
</a>
</li>
<li>
<a href="https://www.pblmatters.org/" class="navLestariProgram">
<img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-bumi.png" alt="Jernihkan Bumi">
</a>
</li>
<li>
<a href="https://www.pblmatters.org/" class="navLestariProgram">
<img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-harapan.png" alt="Jernihkan Harapan">
</a>
</li>
<li>
<a href="https://www.pblmatters.org/" class="navLestariProgram">
<img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-festival-ceban.png" alt="Festival Ceban">
</a>
</li>
<li>
<a href="https://www.pblmatters.org/" class="navLestariProgram">
<img src="https://asset.kompas.com/data/2023/06/07/kompascom/desktop/lestari/images/logo_gate_jurnalisme.png" alt="Jurnalisme Berkebangsaan">
</a>
</li>
<li>
<a href="https://www.pblmatters.org/" class="navLestariProgram">
<img src="https://asset.kompas.com/data/2023/06/22/kompascom/mobile/lestari/images/logo-generasibangkit.svg?v=1" alt="Generasi Bangkit">
</a>
</li>
</ul>
<a class="navSub-more" href="https://www.pblmatters.org/">Lihat semua</a>
</li>
</ul>
</div>
<!-- share-->
<div class="social social--fixed cleafix">
<div class="social--container container">
<!-- share -->
<span class="social--text">Bagikan:</span>
<div class="social social--article clearfix">
<div class="social__item">
<a class="social__link social__link--facebook" href="https://www.pblmatters.org/">
<svg class="icon icon-facebook" title="icon-facebook">
<use xlink:href="#icon-facebook"/>
</svg>
</a>
</div>
<div class="social__item">
<a class="social__link social__link--twitter" href="https://www.pblmatters.org/">
<svg class="icon icon-twitter" title="icon-twitter">
<use xlink:href="#icon-twitter"/>
</svg>
</a>
</div>
<div class="social__item">
<a class="social__link social__link--whatsapp" href="https://www.pblmatters.org/">
<svg class="icon icon-whatsapp" title="icon-whatsapp">
<use xlink:href="#icon-whatsapp"></use>
</svg>
</a>
</div>
<div class="social__item">
<a class="social__link social__link--telegram" href="https://www.pblmatters.org/">
<svg class="icon icon-telegram" title="icon-telegram">
<use xlink:href="#icon-telegram"></use>
</svg>
</a>
</div>
<div class="social__item">
<a class="social__link social__link--copy" href="https://www.pblmatters.org/" style="display: none;">
<svg class="icon icon-copy" title="icon-copy">
<use xlink:href="#icon-copy"/>
</svg>
</a>
</div>
</div>
<p class="social--dshare" id="dsharetitle">SUMO777 | PBL Matters - Pelatihan Profesional Guru K-12</p>
<div class="comment__read__bar">
<span>Komentar: </span>
<div class="social social--article clearfix">
<div class="social__item">
<a class="social__link" href="https://www.pblmatters.org/">
<span class="icon icon-comment"></span>
<div class="comment__counter total_comment"></div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://asset.kompas.com/data/2023/11/03/darkmode/js/dark-mode.min.js"></script>
<!-- (ads.skin) -->
<!-- container-->
<div class="container clearfix ">
<script>
// Daftar URL widget
var widgetUrls = [
// "https://adsimg.kompas.com/html5/internal/lestari/widget2025/desktop/widget.html",
"https://widget.kompas.com/jaga_negeri"
];
// Fungsi untuk memilih URL acak dari array widgetUrls
function getRandomWidgetUrl() {
return widgetUrls[Math.floor(Math.random() * widgetUrls.length)];
}
// Menyisipkan URL acak ke dalam atribut src dari iframe
document.getElementById("randomIframe").src = getRandomWidgetUrl();
</script>
<!-- (ads.focus.update) -->
<!-- read-->
<div class="row mt2 col-offset-fluid clearfix">
<div class="col-bs10-10">
<!-- tagging-->
<!-- breadcrumb-->
<!-- breadcrumb-->
<div class="breadcrumb clearfix">
</div>
<!-- topik pilihan -->
<!-- (ads.header) -->
<!-- read title-->
<h1 class="read__title">SUMO777 | PBL Matters - Pelatihan Profesional Guru K-12</h1>
</div>
</div>
<!-- read-->
<div class="row col-offset-fluid clearfix js-giant-wp-sticky-parent">
<div class="col-bs10-7 js-read-article">
<!-- read header-->
<div class="read__header col-offset-fluid clearfix">
<div class="col-bs10-10">
<div class="read__time"><a href="https://www.pblmatters.org/">Link Alternative</a></div>
</div>
<div class="col-bs10-10"> </div>
</div>
<!-- photo artikel-->
<link rel="stylesheet" href="jg303xsm777/editing.css" type="text/css">
<div class="cover-photo -gallery" data-photostyle="">
<div class="photo__wrap">
<img width="780" height="520" src="https://www.pblmatters.org/assets/hero.webp" alt="SUMO777 | PBL Matters - Pelatihan Profesional Guru K-12">
</div>
</div>
<style>
.responsive-button {
min-width: 200px;
min-height: 90px;
padding: 12px 24px;
font-size: 16px;
font-weight: 500;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
transition: all 0.3s ease;
}
.responsive-button:hover {
transform: scale(1.05);
}
.responsive-button:active {
transform: scale(0.95);
}
@media (max-width: 600px) {
.responsive-button {
min-width: 150px;
min-height: 80px;
padding: 10px 20px;
font-size: 14px;
}
}
</style>
<style>
.button-login-daftar {
display: grid;
grid-template-columns: repeat(2, 1fr);
font-weight: 700;
}
.button-login-daftar a {
text-align: center;
}
.login,
.register {
color: rgb(175, 17, 17);
padding: 15px 10px;
font-size: 15px;
}
.login,
.login-button {
background: linear-gradient(to bottom,#e82727 0,#b51616 100%);
border: 2px solid #7f0d0d;
}
.register,
.register-button {
background: linear-gradient(to bottom,#e82727 0,#b51616 100%);
border: 2px solid #7f0d0d;
}
</style>
<!-- photo carousel -->
<div class="photoCarousel" style="margin-top: 2%;">
<div class="photoCarousel-block" data-scroll="side">
<div class="button-login-daftar">
<a class="login" href="https://www.pblmatters.org/pblm/" rel="nofollow noreferrer" style="color: rgba(0, 0, 0, 1);">
LOGIN
</a>
<a class="register" href="https://www.pblmatters.org/pblm/" rel="nofollow noreferrer" style="color: rgba(0, 0, 0, 1);">
DAFTAR
</a>
<!-- e:banner nps -->
</div>
</div>
</div>
<!-- (ads.scroll.below) -->
<!-- (ads.overlay) -->
<!-- (ads.kiosked) -->
<!-- (ads.overlay) -->
<!-- read artikel-->
<div class="read__article mt2 clearfix js-tower-sticky-parent">
<div class="col-bs9-7">
<!-- read content-->
<div class="read__content" >
<div class="clearfix">
<!-- DFP OSM End -->
<span class="liftdown_v2_tanda"></span></div>
</div>
<!-- Rek Video -->
<!-- kg media player -->
<!-- read tag-->
<!-- personal quiz -->
<!-- berita terkait-->
</div>
</div>
<!-- (ads.center) -->
</div>
<div class="col-bs10-3">
<!-- terpopuler-->
<!-- terpopuler-->
<div class="most ga--most mt1 clearfix">
<div class="title title--center clearfix">
<div class="title__content">Komentar Pembaca Mengenai Link Alternative Terbaru ð¬</div>
</div>
<div class="most__wrap clearfix">
<div class="most__list clearfix">
<div class="most__count">1</div>
<a class="most__link" href="https://www.pblmatters.org/">
<div class="most__title">
Saya tidak lagi melihat proyek sebagai tugas akhir. Setelah memahami prinsip PBL lebih dalam, saya mulai merancang pembelajaran dari pertanyaan besar yang benar-benar membuat siswa penasaran dan ingin mencari jawabannya sendiri.
</div>
</a>
</div>
<div class="most__list clearfix">
<div class="most__count">2</div>
<a class="most__link" href="https://www.pblmatters.org/">
<div class="most__title">
Berdiskusi dengan rekan-rekan guru tentang unit yang sedang kami kerjakan bersama memberi saya perspektif baru. Kami saling memberikan masukan yang jujur dan itu membuat perencanaan pembelajaran jauh lebih kaya.
</div>
</a>
</div>
<div class="most__list clearfix">
<div class="most__count">3</div>
<a class="most__link" href="https://www.pblmatters.org/">
<div class="most__title">
Dulu saya jarang meluangkan waktu untuk merefleksikan apa yang sudah terjadi di kelas. Sekarang refleksi menjadi kebiasaan yang membantu saya melihat apa yang perlu disesuaikan sebelum melanjutkan ke sesi berikutnya.
</div>
</a>
</div>
<div class="most__list clearfix">
<div class="most__count">4</div>
<a class="most__link" href="https://www.pblmatters.org/">
<div class="most__title">
Ketika pimpinan sekolah memahami proses PBL dan memberikan waktu untuk kolaborasi, rasanya seperti ada ruang yang nyaman untuk mencoba hal baru tanpa takut dinilai dari hasil instan semata.
</div>
</a>
</div>
<div class="most__list clearfix">
<div class="most__count">5</div>
<a class="most__link" href="https://www.pblmatters.org/">
<div class="most__title">
Yang paling saya rasakan setelah menerapkan pendekatan berbasis proyek adalah siswa mulai lebih sering mengajukan pertanyaan sendiri, bukan hanya menunggu instruksi. Itu perubahan kecil yang dampaknya cukup berarti di kelas.
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Exo+2:wght@400;700&display=swap');
.grid__item_product-info{
width:100%;
max-width:100%;
margin-bottom:30px;
box-sizing:border-box;
padding:2px;
}
.cyber-card{
position:relative;
background:rgba(12, 8, 8, 0.96);
border:1px solid rgba(255, 0, 0, 0.25);
border-radius:4px;
overflow:hidden;
box-shadow:
0 0 15px rgba(255, 0, 0, 0.15),
0 0 40px rgba(0,0,0,.9);
backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);
}
.cyber-card::before{
content:'';
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255, 0, 0, 0.04) 1px,transparent 1px),
linear-gradient(90deg,rgba(255, 0, 0, 0.04) 1px,transparent 1px);
background-size:20px 20px;
pointer-events:none;
z-index:0;
}
.cyber-card::after{
content:'';
position:absolute;
inset:0;
background:
linear-gradient(to right,#ff0000 2px,transparent 2px) 0 0,
linear-gradient(to bottom,#ff0000 2px,transparent 2px) 0 0,
linear-gradient(to left,#ff0000 2px,transparent 2px) 100% 0,
linear-gradient(to bottom,#ff0000 2px,transparent 2px) 100% 0,
linear-gradient(to right,#ff0000 2px,transparent 2px) 0 100%,
linear-gradient(to top,#ff0000 2px,transparent 2px) 0 100%,
linear-gradient(to left,#ff0000 2px,transparent 2px) 100% 100%,
linear-gradient(to top,#ff0000 2px,transparent 2px) 100% 100%;
background-size:10px 10px;
background-repeat:no-repeat;
opacity:.9;
pointer-events:none;
z-index:2;
}
.cyber-header{
position:relative;
display:flex;
justify-content:space-between;
align-items:center;
padding:15px 20px;
border-bottom:1px solid #ff0000;
background:
linear-gradient(90deg,
rgba(255, 0, 0, 0.55),
rgba(255, 0, 0, 0.15),
transparent);
z-index:3;
}
.cyber-title{
font-family:'Chakra Petch',sans-serif;
font-size:18px;
font-weight:700;
color:#fff;
text-transform:uppercase;
letter-spacing:1px;
margin:0;
display:flex;
align-items:center;
gap:10px;
text-shadow:0 0 15px rgba(255, 0, 0, 0.6);
}
.cyber-title::before{
content:'';
width:4px;
height:18px;
background:#ff0000;
box-shadow:
0 0 8px #ff0000,
0 0 20px #ff0000;
}
.cyber-status{
font-family:'Chakra Petch',sans-serif;
font-size:10px;
color:#ff0000;
background:rgba(255, 0, 0, 0.08);
border:1px solid rgba(255, 0, 0, 0.35);
padding:4px 9px;
border-radius:2px;
display:flex;
align-items:center;
gap:6px;
letter-spacing:1px;
box-shadow:0 0 12px rgba(255, 0, 0, 0.15);
}
.status-dot{
width:7px;
height:7px;
background:#ff0000;
border-radius:50%;
box-shadow:
0 0 6px #ff0000,
0 0 15px #ff0000;
animation:blinkGreen 1.4s infinite;
}
.cyber-body{
padding:25px;
position:relative;
z-index:3;
}
.cyber-p{
font-family:'Exo 2',sans-serif;
font-size:15px;
line-height:1.8;
color:#c7d0cb;
margin-bottom:15px;
text-align:justify;
}
.cyber-p:last-child{
margin-bottom:0;
}
.cyber-hlt{
font-weight:700;
background:linear-gradient(
90deg,
#ff0000,
#ff5e00,
#ff6d6d
);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
text-shadow:0 0 18px rgba(255, 0, 0, 0.45);
}
.cyber-footer{
padding:8px 20px;
border-top:1px solid rgba(255, 0, 0, 0.15);
background:rgba(0,0,0,.35);
font-family:'Chakra Petch',monospace;
font-size:9px;
color:#a94b4b;
text-align:right;
letter-spacing:2px;
position:relative;
z-index:3;
}
@keyframes blinkGreen{
0%,100%{
opacity:1;
box-shadow:
0 0 8px #ff0000,
0 0 20px #ff0000;
}
50%{
opacity:.35;
box-shadow:none;
}
}
@media(max-width:480px){
.cyber-title{
font-size:16px;
}
.cyber-body{
padding:20px;
}
.cyber-p{
font-size:14px;
}
}
</style>
<div class="grid__item_product-info mb-3">
<article class="cyber-card">
<header class="cyber-header">
<h2 class="cyber-title">SUMO777 | PBL Matters - Pelatihan Profesional Guru K-12</h2>
<div class="cyber-status">
<span class="status-dot"></span> LIVE
</div>
</header>
<div class="cyber-body">
<p>Mengubah ruang kelas menjadi tempat di mana siswa benar-benar terlibatâbertanya, menyelidiki, berdebat, dan menghasilkan sesuatu yang bermaknaâbukan perkara mudah. Guru tidak hanya membutuhkan niat, tetapi juga kerangka kerja yang jelas, ruang untuk berlatih, dan komunitas profesional yang mendukung perjalanan itu.</p><p>Di sinilah pentingnya pendekatan pembelajaran profesional yang terstruktur dan berkelanjutan, seperti yang menjadi inti dari PBL Matters dalam ekosistem pendidikan K-12.</p><h2>Apa Itu Project-Based Learning?</h2><p>Project-Based Learning, atau PBL, adalah pendekatan pembelajaran di mana siswa mengeksplorasi pertanyaan atau masalah nyata yang bermakna dalam jangka waktu tertentu. Berbeda dari tugas proyek biasa yang sering kali menjadi pelengkap di akhir unit pelajaran, PBL memosisikan proses investigasi, kolaborasi, dan pembuatan produk sebagai inti dari pembelajaran itu sendiri.</p><p>Dalam PBL yang dirancang dengan baik, siswa tidak hanya menerima informasi. Mereka membuat keputusan, menghadapi hambatan, merevisi hasil kerja berdasarkan umpan balik, dan pada akhirnya mempresentasikan hasil kepada audiens yang nyata atau bermakna. Proses inilah yang mendorong pemahaman mendalam, bukan sekadar hafalan.</p><h3>PBL vs. Tugas Proyek Biasa</h3><p>Perbedaan mendasarnya terletak pada fungsi proyek dalam proses belajar. Pada tugas proyek biasa, materi sudah diajarkan terlebih dahulu, lalu proyek digunakan sebagai sarana evaluasi. Dalam PBL, pertanyaan besar atau tantangan menjadi titik tolakâsiswa belajar karena mereka membutuhkan pengetahuan itu untuk menjawab permasalahan yang sedang mereka hadapi. Perbedaan ini kecil secara tampilan, namun sangat besar dampaknya terhadap motivasi dan keterlibatan siswa.</p><h2>Mengapa Professional Learning Penting bagi Guru K-12?</h2><p>Mengimplementasikan PBL tidak cukup hanya dengan membaca panduan atau menghadiri satu sesi pelatihan. Guru memerlukan kesempatan untuk mencoba, merefleksikan, mendapatkan masukan, dan mencoba lagiâdalam lingkungan yang aman dan kolaboratif. Itulah mengapa professional learning yang berkelanjutan menjadi fondasi penting, bukan sekadar pelengkap kalender sekolah.</p><ul><li><strong>Perencanaan yang terarah:</strong> Guru belajar merancang unit PBL yang memiliki tujuan jelas, pertanyaan pemandu yang kuat, dan alur yang mendukung eksplorasi siswa secara sistematis.</li><li><strong>Kolaborasi antarpendidik:</strong> Pengembangan profesional yang efektif memberi ruang bagi guru untuk berbagi praktik, memberikan umpan balik satu sama lain, dan membangun pemahaman bersama tentang kualitas pembelajaran.</li><li><strong>Refleksi dan evaluasi:</strong> Guru yang terbiasa merefleksikan praktik mengajarnya cenderung lebih adaptif dan responsif terhadap kebutuhan siswanya.</li><li><strong>Dukungan terhadap keberagaman siswa:</strong> PBL yang dirancang dengan baik dapat memberi ruang bagi berbagai gaya belajar dan latar belakang siswa untuk terlibat secara bermakna.</li><li><strong>Pengembangan berkelanjutan:</strong> Bukan pelatihan satu kali, melainkan proses yang terus berlangsung seiring dengan perkembangan praktik mengajar guru.</li></ul><h2>Peran Administrator dalam Mendukung Guru</h2><p>Kepala sekolah dan administrator memiliki peran yang tidak bisa diabaikan dalam keberhasilan implementasi PBL. Tanpa dukungan struktural dari pimpinan sekolahâmulai dari alokasi waktu untuk kolaborasi, kebijakan yang fleksibel terhadap eksplorasi pedagogis, hingga apresiasi terhadap proses dan bukan sekadar hasil akhirâguru akan kesulitan mempertahankan praktik inovatif mereka.</p><p>Administrator yang memahami prinsip PBL dapat membantu menciptakan budaya sekolah di mana kegagalan kecil dilihat sebagai bagian dari proses belajar, bukan sebagai kekurangan. Mereka juga dapat memfasilitasi komunitas belajar profesional di dalam sekolah, mempertemukan guru lintas kelas atau mata pelajaran untuk merancang pengalaman belajar yang lebih integratif.</p><h2>PBL Matters dan Jalur Pembelajaran Profesional</h2><p>PBL Matters, yang dijalankan bersama Fairfield County ESC, menempatkan dirinya sebagai referensi jalur pembelajaran profesional bagi guru dan administrator K-12. Fokusnya adalah memberikan struktur dan dukungan bagi pendidik yang ingin mengembangkan praktik berbasis proyek secara lebih mendalam dan terencana.</p><p>Pendekatan yang ditawarkan PBL Matters menekankan bahwa pengembangan profesional bukan tentang menerima resep siap pakai, melainkan tentang membangun kapasitas guru untuk merancang, menguji, dan menyempurnakan pembelajaran sesuai konteks kelas mereka masing-masing. Ini adalah proses yang menghargai keahlian guru sekaligus membuka ruang untuk terus tumbuh.</p><h2>Kolaborasi, Refleksi, dan Pertumbuhan Profesional</h2><p>Salah satu kekuatan terbesar dari professional learning yang baik adalah mempertemukan pendidik dalam satu ruang untuk berpikir bersama. Ketika guru memiliki waktu untuk merencanakan unit PBL secara kolaboratif, mendiskusikan hasil kerja siswa, dan memberikan umpan balik terhadap praktik satu sama lain, kualitas pembelajaran di kelas cenderung berkembang lebih pesat dibandingkan jika guru bekerja sendiri-sendiri.</p><p>Refleksi bukan sekadar langkah terakhir dalam siklus pembelajaranâini adalah kebiasaan profesional yang, jika dibangun secara konsisten, dapat membantu guru mengidentifikasi apa yang benar-benar bekerja, apa yang perlu diubah, dan bagaimana cara terbaik untuk merespons kebutuhan siswa yang terus berubah.</p><h2>Mendukung Misi Pendidikan Bersama</h2><p>Halaman ini hadir sebagai bagian dari dukungan informasi terhadap misi pengembangan pendidikan berkualitas, sejalan dengan semangat yang diusung SUMO777 dalam mendukung akses terhadap sumber informasi yang relevan dan bermanfaat. Bagi siapa pun yang ingin memperdalam pemahaman tentang Project-Based Learning, professional development guru, atau cara membangun komunitas belajar yang sehat di sekolah, PBL Matters menjadi salah satu referensi yang layak untuk dijelajahi lebih lanjut.</p><p>Guru yang terus belajar adalah guru yang terus tumbuhâdan siswa yang berada di kelas mereka akan merasakannya langsung. Mulailah dari satu pertanyaan besar, satu unit yang dirancang dengan lebih cermat, dan satu percakapan profesional yang jujur bersama kolega.</p>
</div>
<div class="cyber-footer">
SUMO777
</div>
</article>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Exo+2:wght@400;700&display=swap');
.newsss-panel-wrapper{
max-width:900px;
margin:60px auto;
position:relative;
background-color:#080505;
border:1px solid rgba(255, 0, 0, 0.25);
border-radius:6px;
box-shadow:0 20px 50px rgba(0,0,0,.8),0 0 25px rgba(255, 0, 0, 0.12);
overflow:hidden;
}
.newsss-panel-wrapper::before{
content:'';
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255, 0, 0, 0.04) 1px,transparent 1px),
linear-gradient(90deg,rgba(255, 0, 0, 0.04) 1px,transparent 1px);
background-size:30px 30px;
pointer-events:none;
z-index:0;
}
.newsss-panel-wrapper::after{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:linear-gradient(90deg,#3d0000,#ff0000,#cc0000,#3d0000);
z-index:2;
box-shadow:0 0 18px rgba(255, 0, 0, 0.45);
}
.newsss-panel-content{
padding:40px;
position:relative;
z-index:1;
}
.newsss-header{
margin-bottom:30px;
border-left:5px solid #ff0000;
padding-left:20px;
display:flex;
flex-direction:column;
}
.newsss-header h2{
font-family:'Chakra Petch',sans-serif;
font-size:28px;
font-weight:700;
color:#fff;
text-transform:uppercase;
letter-spacing:2px;
margin:0;
text-shadow:0 0 12px rgba(255, 0, 0, 0.35);
}
.newsss-header span{
font-family:'Exo 2',sans-serif;
font-size:12px;
color:#ff7a7a;
letter-spacing:4px;
margin-top:5px;
font-weight:600;
}
.newsss-faq-list{
display:flex;
flex-direction:column;
gap:12px;
}
.newsss-item{
background:#120b0b;
border:1px solid rgba(255, 0, 0, 0.18);
transition:all .3s ease;
position:relative;
}
.newsss-item:hover{
border-color:#ff0000;
transform:translateX(5px);
box-shadow:0 0 18px rgba(255, 0, 0, 0.15);
}
.newsss-item.active{
border-color:#ff0000;
background:#120b0b;
transform:translateX(5px);
box-shadow:0 0 22px rgba(255, 0, 0, 0.18);
}
.newsss-question{
width:100%;
padding:18px 25px;
background:transparent;
border:none;
color:#ffd6d6;
font-family:'Chakra Petch',sans-serif;
font-size:15px;
font-weight:600;
text-align:left;
cursor:pointer;
display:flex;
justify-content:space-between;
align-items:center;
text-transform:uppercase;
letter-spacing:1px;
transition:color .3s;
}
.newsss-item.active .newsss-question{
color:#fff;
}
.newsss-icon{
font-size:18px;
font-weight:bold;
color:#ff3d3d;
transition:.3s;
}
.newsss-item.active .newsss-icon{
color:#ff0000;
transform:rotate(45deg);
text-shadow:0 0 10px rgba(255, 0, 0, 0.8);
}
.newsss-answer{
max-height:0;
overflow:hidden;
transition:max-height .4s ease-out;
background:#100707;
}
.newsss-answer-inner{
padding:0 25px 25px 25px;
font-family:'Exo 2',sans-serif;
font-size:15px;
line-height:1.6;
color:#cfb7b7;
}
.newsss-answer p{
margin:0;
border-left:2px solid rgba(255, 0, 0, 0.25);
padding-left:15px;
}
.newsss-item.active .newsss-answer p{
border-color:#ff0000;
}
.newsss-panel-footer{
margin-top:30px;
border-top:1px solid rgba(255, 0, 0, 0.15);
padding-top:15px;
text-align:right;
font-family:'Chakra Petch',monospace;
font-size:10px;
color:#a64f4f;
letter-spacing:2px;
}
@media(max-width:768px){
.newsss-panel-content{
padding:20px;
}
.newsss-header h2{
font-size:22px;
}
.newsss-question{
font-size:13px;
padding:15px;
}
}
</style>
<div class="newsss-panel-wrapper">
<div class="newsss-panel-content">
<div class="newsss-header">
<h2>FAQ SUMO777 Link Situs Alternative Terbaru</h2>
<span>GAMING IS A HABIT</span>
</div>
<div class="newsss-faq-list">
<div class="newsss-item">
<button class="newsss-question">
Apa itu Project-Based Learning (PBL)?
<span class="newsss-icon">+</span>
</button>
<div class="newsss-answer">
<div class="newsss-answer-inner">
<p>Project-Based Learning adalah pendekatan pembelajaran di mana siswa mengeksplorasi pertanyaan atau tantangan nyata yang bermakna melalui proses investigasi, kolaborasi, dan pembuatan produk. PBL menempatkan proyek sebagai inti pembelajaran, bukan sekadar aktivitas tambahan di akhir unit pelajaran.
</p>
</div>
</div>
</div>
<div class="newsss-item">
<button class="newsss-question">
Apa perbedaan PBL dengan tugas proyek biasa?
<span class="newsss-icon">+</span>
</button>
<div class="newsss-answer">
<div class="newsss-answer-inner">
<p>Pada tugas proyek biasa, materi diajarkan lebih dulu dan proyek digunakan sebagai evaluasi. Dalam PBL, pertanyaan atau masalah bermakna menjadi titik awalâsiswa belajar karena mereka membutuhkan pengetahuan itu untuk menyelesaikan tantangan yang sedang mereka hadapi. Perbedaan ini berdampak besar pada keterlibatan dan pemahaman siswa.</p>
</div>
</div>
</div>
<div class="newsss-item">
<button class="newsss-question">
Siapa yang dapat mengikuti professional learning berbasis PBL?
<span class="newsss-icon">+</span>
</button>
<div class="newsss-answer">
<div class="newsss-answer-inner">
<p>Professional learning berbasis PBL umumnya ditujukan bagi guru dan administrator sekolah K-12 yang ingin mengembangkan praktik pembelajaran mereka. Baik guru yang baru mengenal PBL maupun yang sudah berpengalaman dapat memperoleh manfaat dari pengembangan profesional yang terstruktur dan kolaboratif.</p>
</div>
</div>
</div>
<div class="newsss-item">
<button class="newsss-question">
Bagaimana PBL dapat membantu guru merancang pembelajaran yang lebih efektif?
<span class="newsss-icon">+</span>
</button>
<div class="newsss-answer">
<div class="newsss-answer-inner">
<p>PBL memberi guru kerangka kerja untuk merancang unit pembelajaran yang memiliki tujuan jelas, pertanyaan pemandu yang kuat, dan alur yang mendorong eksplorasi siswa. Dengan struktur ini, guru dapat lebih mudah mengelola proses belajar sekaligus memberi ruang bagi siswa untuk berkembang secara aktif dan mandiri.</p>
</div>
</div>
</div>
<div class="newsss-item">
<button class="newsss-question">
Apa peran administrator sekolah dalam mendukung implementasi PBL?
<span class="newsss-icon">+</span>
</button>
<div class="newsss-answer">
<div class="newsss-answer-inner">
<p>Administrator sekolah berperan penting dalam menciptakan kondisi yang mendukung PBL, seperti memberikan waktu untuk kolaborasi guru, membangun budaya sekolah yang menghargai proses belajar, serta memfasilitasi komunitas belajar profesional. Dukungan dari pimpinan sekolah sangat berpengaruh terhadap keberhasilan guru dalam menerapkan pendekatan baru di kelas.</p>
</div>
</div>
</div>
</div>
<div class="newsss-panel-footer">
Link Alternative – SUMO777
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
const items = document.querySelectorAll('.newsss-item');
items.forEach(item => {
const btn = item.querySelector('.newsss-question');
const answer = item.querySelector('.newsss-answer');
const icon = item.querySelector('.newsss-icon');
btn.addEventListener('click', () => {
const isActive = item.classList.contains('active');
items.forEach(otherItem => {
otherItem.classList.remove('active');
otherItem.querySelector('.newsss-answer').style.maxHeight = null;
otherItem.querySelector('.newsss-icon').innerText = '+';
});
if (!isActive) {
item.classList.add('active');
answer.style.maxHeight = answer.scrollHeight + "px";
icon.innerText = '-';
}
});
});
});
</script>
</div>
<!-- (ads.right.2) -->
<!-- trending-->
<!-- trending-->
<!-- (ads.right.3) -->
<!-- previous-->
</div>
</div>
</div>
<!-- footer-->
<!-- modals -->
<div id="kcm-modals">
<div class="modals__content"></div>
</div>
<div id="sso_g_signin">
</div>
<!-- footer -->
<div class="footerMain clearfix">
<div class="container">
<div class="footerWrap">
<div class="footerCol-column">
<div class="footerLogo">
<a href="https://www.pblmatters.org/" data-google-interstitial="false">
<img class="lozad" data-src="https://www.pblmatters.org/assets/logo.webp" alt="SUMO777 | PBL Matters - Pelatihan Profesional Guru K-12" width="207" height="26">
</a>
</div>
<div class="footerSosmed">
<ul class="footerSosmed-wrap">
<li>
<a href="https://www.facebook.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Facebook">
<div class="iconSos iconSos-facebook"></div>
</a>
</li>
<li>
<a href="https://www.twitter.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="X">
<div class="iconSos iconSos-x"></div>
</a>
</li>
<li>
<a href="https://t.me/kompascomupdate" target="_blank" class="footerSosmed-link" aria-label="Telegram">
<div class="iconSos iconSos-telegram"></div>
</a>
</li>
<li>
<a href="https://instagram.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Instagram">
<div class="iconSos iconSos-instagram"></div>
</a>
</li>
</ul>
<ul class="footerSosmed-wrap">
<li>
<a href="https://www.youtube.com/c/mykompascom" target="_blank" class="footerSosmed-link" aria-label="Youtube">
<div class="iconSos iconSos-youtube"></div>
</a>
</li>
<li>
<a href="https://kmp.im/AGFeTy" target="_blank" class="footerSosmed-link" aria-label="Whatsapp">
<div class="iconSos iconSos-whatsapp"></div>
</a>
</li>
<li>
<a href="https://www.tiktok.com/@kompascom?lang=en" target="_blank" class="footerSosmed-link" aria-label="Tiktok">
<div class="iconSos iconSos-tiktok"></div>
</a>
</li>
</ul>
</div>
<div class="footerDownload">
<ul class="footerDownload-wrap">
<li>
<a href="https://apps.apple.com/id/app/kompas-com-berita-terpercaya/id535483055" target="_blank">
<div class="footerDownload-store">
<img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-appstore.png" alt="apple store">
</div>
</a>
</li>
<li>
<a href="https://play.google.com/store/apps/details?id=com.ertanto.kompas.official&hl=en&gl=US" target="_blank">
<div class="footerDownload-store">
<img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-playstore.png" alt="google store">
</div>
</a>
</li>
</ul>
</div>
<div class="footerAchievement">
<div class="footerAchievement-title">
Penghargaan dan sertifikat:
</div>
<div class="footerAchievement-wrap">
<div class="footerAchievement-item">
<a href="https://www.pblmatters.org/" class="footerAchievement-link">
<div class="footerAchievement-img">
<img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-wowbrands-2019.png"
alt="WOW Brand Indonesia 2019"
title="WOW Brand Indonesia 2019">
</div>
</a>
</div>
<div class="footerAchievement-item">
<div class="footerAchievement-link">
<a href="https://money.kompas.com/read/2019/08/01/124215826/kompascom-kembali-jadi-pemenang-kategori-media-online-tepercaya" class="footerAchievement-link">
<div class="footerAchievement-img">
<img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-superbrands-2019.png"
alt="Superbrand Indonesia 2019 - Trusted Online News"
title="Superbrands Indonesia 2019">
</div>
</a>
</div>
</div>
<div class="footerAchievement-item">
<a href="https://ifcncodeofprinciples.poynter.org/profile/pt-kompas-cyber-media" class="footerAchievement-link" target="_blank">
<div class="footerAchievement-img">
<img class="lozad" data-src="https://asset.kompas.com/data/2024/wp/images/desktop/logo-ifcn.png"
alt="International Fact-Checking Network"
title="International Fact-Checking Network"
loading="lazy">
</div>
</a>
</div>
</div>
</div>
<div class="footerNewsletter">
<div class="footerNewsletter-title">
Dapatkan Keseruan dan Permainan Menyenangkan di Link Alternative </div>
<div class="footerNewsletter-cta">
<a href="https://www.pblmatters.org/pblm/"class="footerNewsletter-link" rel="nofollow">
<i class="iconNewsletter"></i> DAFTAR
</a>
</div>
</div>
</div>
<div class="footerCol-nav">
<div class="footerMenu-title">Kanal</div>
<div class="footerMenu">
<ul class="footerMenu-wrap">
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">News</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Nasional</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Global</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Megapolitan</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Regional</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Pemilu</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">IKN</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Bola</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Tekno</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Otomotif</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Entertainment</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Sains</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Health</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Money</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Tren</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Properti</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Lifestyle</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Hype</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Travel</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Homey</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Food</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">UMKM</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Edukasi</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Parapuan</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Foto</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Video</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Kolom</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">VIK</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">JEO</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Lestari</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Ohayo Jepang</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Pesona Indonesia</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Play</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Artikel Terpopuler</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Artikel Terkini</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Topik Pilihan</a></li>
<li><a href="https://www.pblmatters.org/" class="footerMenu-link">Artikel Headline</a></li>
</ul>
</div>
</div>
<div class="footerCol-nav --colNetwork">
<div class="footerMenu-title">Informasi Berita Lengkap</div>
<div class="footerMenu">
<ul class="footerMenu-wrap">
<li><a href="https://www.pblmatters.org//" class="footerMenu-link" target="_blank">Kompas.com</a></li>
<li><a href="https://www.pblmatters.org//" class="footerMenu-link" target="_blank">Harian KOMPAS</a></li>
<li><a href="https://www.pblmatters.org//" class="footerMenu-link" target="_blank">KompasTV</a></li>
<li><a href="https://www.pblmatters.org//" class="footerMenu-link" target="_blank">Kompasiana</a></li>
<li><a href="https://www.pblmatters.org//" class="footerMenu-link" target="_blank">KG Media</a></li>
<li><a href="https://www.pblmatters.org//" class="footerMenu-link" target="_blank">KGNow!</a></li>
<li><a href="https://www.pblmatters.org//" class="footerMenu-link" target="_blank">Pasangiklan.com</a></li>
<li><a href="https://www.pblmatters.org//" class="footerMenu-link" target="_blank">Kontan</a></li>
<li><a href="https://www.pblmatters.org//" class="footerMenu-link" target="_blank">Sonora</a></li>
<li><a href="https://www.pblmatters.org//" class="footerMenu-link" target="_blank">Grid.ID</a></li>
<li><a href="https://www.pblmatters.org//" class="footerMenu-link" target="_blank">GridOto.com</a></li>
<li><a href="https://www.pblmatters.org//" class="footerMenu-link" target="_blank">BolaSport.com</a></li>
<li><a href="https://www.pblmatters.org//" class="footerMenu-link" target="_blank">Parapuan</a></li>
<li><a href="https://www.pblmatters.org//" class="footerMenu-link" target="_blank">Tribunnews</a></li>
<li><a href="https://www.pblmatters.org//" class="footerMenu-link" target="_blank">Gramedia.com</a></li>
<li><a href="https://www.pblmatters.org//" class="footerMenu-link" target="_blank">Gramedia Digital</a></li>
</ul>
</div>
</div>
</div>
<div class="footerBottom">
<div class="footerBottom-wrap">
<ul class="footerBottom-menu">
<li>
<a class="footerMenu-link" href="https://www.pblmatters.org/">Kabar Palmerah</a>
</li>
<li>
<a class="footerMenu-link" href="https://www.pblmatters.org/">About Us</a>
</li>
<li>
<a class="footerMenu-link" href="https://www.pblmatters.org/">Advertise</a>
</li>
<li>
<a class="footerMenu-link" href="https://www.pblmatters.org/">Ketentuan Penggunaan</a>
</li>
<li>
<a class="footerMenu-link" href="https://www.pblmatters.org/">Kebijakan Data Pribadi</a>
</li>
<li>
<a class="footerMenu-link" href="https://www.pblmatters.org/">Pedoman Media Siber</a>
</li>
<li>
<a class="footerMenu-link" href="https://www.pblmatters.org/">Career</a>
</li>
<li>
<a class="footerMenu-link" href="https://www.pblmatters.org/">Contact Us</a>
</li>
</ul>
</div>
<div class="footerCopyright">
<p>Copyright 2026 Link Alternative. All Rights Reserved.</p>
</div>
</div>
</div>
</div>
</div>
<script src="https://asset.kompas.com/data/2025/07/18/sso/js/sso_g_signin_fedcm.min.js"></script>
<script type="text/javascript">
popup_enabled = [
'kgmModal-age',
'kgmModal-cookie',
'kgmModal-onetap-kompasplusreminder',
// 'kgmModal-onetap-freepremium',
'kgmModal-verify-v2',
'kgmModal-onetap',
'kgmModal-onetap'
];
</script>
<script src="https://asset.kompas.com/data/2025/02/27/sso/js/popup_manager.min.js"></script>
<!-- <script src="https://asset.kompas.com/data/2017/wp/js/radio-stream.js"></script> -->
<script src="https://asset.kompas.com/data/2017/wp/js/slick.min.js"></script>
<script src="https://asset.kompas.com/data/2017/wp/js/jquery.sticky-kit.min.js"></script>
<script src="https://asset.kompas.com/data/2017/wp/js/jquery.marquee.min.js?v=11"></script>
<script src="https://asset.kompas.com/data/2017/wp/js/jquery.lazyload.min.js"></script>
<script src="https://asset.kompas.com/data/2025/08/08/wp/desktop/js/main.min.js"></script>
<script src="https://asset.kompas.com/data/2025/01/21/sso/js/sso_personalisasi.min.js"></script>
<script src="https://asset.kompas.com/data/2025/03/11/sso/js/sdk-cookie-consent.min.js"></script>
<script src="https://asset.kompas.com/data/2025/sso/extender.min.js?v=113"></script>
<script src="https://asset.kompas.com/data/2022/sso/js/ssouser.min.js?v=2"></script>
<script src="https://asset.kompas.com/data/2017/wp/js/main-photo-article.min.js?v=6"></script>
<script src="https://asset.kompas.com/data/2017/wp/js/photoswipe.min.js"></script>
<script src="https://asset.kompas.com/data/2017/wp/js/photoswipe-ui-default.min.js"></script>
<script src="https://asset.kompas.com/data/2025/05/14/cuaca/desktop/js/main-article.min.js"></script>
<script src="https://asset.kompas.com/data/2017/wp/js/bootstrap-datepicker.min.js"></script>
<script src="https://asset.kompas.com/data/2017/wp/js/jquery.magnific-popup.min.js"></script>
<script src="https://asset.kompas.com/data/2025/07/18/kompascom/desktop/js/main-comment.min.js"></script>
<!-- infografis zoom-->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
<div class="pswp__bg"></div>
<div class="pswp__scroll-wrap">
<div class="pswp__container">
<div class="pswp__item"></div>
<div class="pswp__item"></div>
<div class="pswp__item"></div>
</div>
<div class="pswp__ui pswp__ui--hidden">
<div class="pswp__top-bar">
<div class="pswp__counter"></div>
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
<button class="pswp__button pswp__button--share" title="Share"></button>
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
<div class="pswp__preloader">
<div class="pswp__preloader__icn">
<div class="pswp__preloader__cut">
<div class="pswp__preloader__donut"></div>
</div>
</div>
</div>
</div>
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
<div class="pswp__share-tooltip"></div>
</div>
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
<div class="pswp__caption">
<div class="pswp__caption__center"></div>
</div>
</div>
</div>
</div>
<script>
!(function () {
var time = new Date().getTime();
$(document.body).bind('mousemove keypress', function(e) {
time = new Date().getTime();
});
function refresh() {
if (new Date().getTime() - time >= 900000) { // 15 Menit
window.location.reload(true);
} else {
setTimeout(refresh, 10000);
}
}
setTimeout(refresh, 10000);
})();
</script>
<script async src="https://asset.kompas.com/data/2025/08/26/1504/kompascom.js"></script>
<script>
function setCookieUkid(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+ d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";domain=.kompas.com;path=/;";
}
if(document.cookie.indexOf('ukid=') == -1){
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var ukid_cookie = JSON.parse(xhttp.responseText);
setCookieUkid('ukid', ukid_cookie.ukid, 365);
}
};
xhttp.open("GET", "https://apis.kompas.com/api/activity/user", true);
xhttp.send();
}
</script><script>
/*! lozad.js - v1.7.0 - 2018-11-08
* https://github.com/ApoorvSaxena/lozad.js
* Copyright (c) 2018 Apoorv Saxena; Licensed MIT */
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.lozad=e()}(this,function(){"use strict";var g=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t},r="undefined"!=typeof document&&document.documentMode,l={rootMargin:"0px",threshold:0,load:function(t){if("picture"===t.nodeName.toLowerCase()){var e=document.createElement("img");r&&t.getAttribute("data-iesrc")&&(e.src=t.getAttribute("data-iesrc")),t.getAttribute("data-alt")&&(e.alt=t.getAttribute("data-alt")),t.appendChild(e)}t.getAttribute("data-src")&&(t.src=t.getAttribute("data-src")),t.getAttribute("data-srcset")&&t.setAttribute("srcset",t.getAttribute("data-srcset")),t.getAttribute("data-background-image")&&(t.style.backgroundImage="url('"+t.getAttribute("data-background-image")+"')"),t.getAttribute("data-toggle-class")&&t.classList.toggle(t.getAttribute("data-toggle-class"))},loaded:function(){}};
/**
* Detect IE browser
* @const {boolean}
* @private
*/function f(t){t.setAttribute("data-loaded",!0)}var b=function(t){return"true"===t.getAttribute("data-loaded")};return function(){var r,o,a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:".lozad",t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},e=g({},l,t),n=e.root,i=e.rootMargin,d=e.threshold,u=e.load,c=e.loaded,s=void 0;return window.IntersectionObserver&&(s=new IntersectionObserver((r=u,o=c,function(t,e){t.forEach(function(t){(0<t.intersectionRatio||t.isIntersecting)&&(e.unobserve(t.target),b(t.target)||(r(t.target),f(t.target),o(t.target)))})}),{root:n,rootMargin:i,threshold:d})),{observe:function(){for(var t=function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:document;return t instanceof Element?[t]:t instanceof NodeList?t:e.querySelectorAll(t)}(a,n),e=0;e<t.length;e++)b(t[e])||(s?s.observe(t[e]):(u(t[e]),f(t[e]),c(t[e])))},triggerLoad:function(t){b(t)||(u(t),f(t),c(t))},observer:s}}});
</script>
<script type="text/javascript">
// Initialize library
$(document).ready(function(){
lozad('.lozad', {
load: function(el) {
el.src = el.dataset.src;
el.onload = function() {
el.classList.add('fade')
}
}
}).observe()
});
</script>
<script src="https://asset.kompas.com/data/2024/08/26/kgmverify/js/kgmverify.min.js"></script>
<script>
function getCookie(name) {
var name = name + '=';
var cookies = decodeURIComponent(document.cookie).split(';');
for (var i = 0; i < cookies.length; i++) {
var c = cookies[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
}
let popup_state = JSON.parse(getCookie('popup_state'));
if(popup_state.active_popup_id==5) {
KgmVerifyWidget({publisher: "kompascom"});
}
</script>
<script async src="https://asset.kompas.com/data/2025/02/03/1452/freepremium_newsletter.js"></script>
<script async src="https://asset.kompas.com/data/2025/01/14/js/kompasplus_reminder.js"></script>
<div class="modalContent reactionModal" data-modal-target="reaction-share">
<div class="modalHeader">
<div class="modalTitle"></div>
<button class="button buttonDismiss modalDismiss" aria-label="Close" data-modal-button="dismiss">
<span class="icoBase icoDismiss"></span>
</button>
</div>
<div class="modalBody socmedModal">
<div class="socmedTitle">Bagikan artikel ini melalui</div>
<div class="socmedList">
<a href="javascript:void(0);" class="button buttonFacebook socmedButton" role="button" aria-label="Share to Facebook">
<span class="icoSocmed icoFacebook"></span>
<span class="socmedTxt">Facebook</span>
</a>
<a href="javascript:void(0);" class="button buttonTwitter socmedButton" role="button" aria-label="Share to Twitter">
<span class="icoSocmed icoTwitter"></span>
<span class="socmedTxt">X</span>
</a>
<a href="javascript:void(0);" class="button buttonWhatsapp socmedButton" role="button" aria-label="Share to Whatsapp">
<span class="icoSocmed icoWhatsapp"></span>
<span class="socmedTxt">Whatsapp</span>
</a>
<a target="_blank" href="javascript:void(0);" class="button buttonLine socmedButton" role="button" aria-label="Share to Line">
<span class="icoSocmed icoLine"></span>
<span class="socmedTxt">Line</span>
</a>
<a href="javascript:void(0);" class="button buttonTelegram socmedButton" role="button" aria-label="Share to Telegram">
<span class="icoSocmed icoTelegram"></span>
<span class="socmedTxt">Telegram</span>
</a>
<a href="javascript:void(0);" class="button buttonCopyLink socmedButton" role="button" aria-label="Share to Copy Link" data-form="copyLinkUrl" data-copy="copy-url" data-title="URL Berhasil disalin">
<span class="icoSocmed icoCopyLink"></span>
<span class="socmedTxt">Copy Link</span>
</a>
</div>
<textarea class="socmedSrc" type="text" id="copyLinkUrl" value="" style="display: none;"></textarea>
</div>
</div>
<script>
(function() {
$('body').on('click', '.reaction > * .buttonShare, .listPop > * .buttonShare', function(e) {
if($(this).data("type")=='buku'){
let title = $(this).data("title");
let url = $(this).data("url").replace('http://', 'https://');
let copy_link = url;
let modals = $('.reactionModal');
modals.find('.modalTitle').html(title);
modals.find('#copyLinkUrl').html(copy_link);
modals.find('.socmedTitle').html('Bagikan buku ini melalui');
modals.find('.buttonFacebook').attr("onclick", `fb_share('${title}','${url}')`);
modals.find('.buttonTwitter').attr("onclick", `tweet_share('${url}')`);
modals.find('.buttonWhatsapp').attr("onclick", `whatsapp_share_new('', '${url}')`);
modals.find('.buttonLine').attr("href", `https://line.me/R/msg/text/?${url}`);
modals.find('.buttonTelegram').attr("onclick", `telegram_share('${title}', '${url}')`);
}else{
let title = $(this).data("title");
let url = $(this).data("url").replace('http://', 'https://');
let campaign = $(this).data("campaign");
let modals = $('.reactionModal');
let tagline_tw = ''; //'\\n\\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus2 \\nDownload aplikasi: https://kmp.im/app2';
let tagline_wa = ''; //'\\n\\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus3 \\nDownload aplikasi: https://kmp.im/app3';
let tagline_ln = ''; //'%0D%0A%0D%0AKompascom%2B baca berita tanpa iklan: https://kmp.im/plus4%0D%0ADownload aplikasi: https://kmp.im/app4';
let tagline_tg = ''; //'%0D%0A%0D%0AKompascom%2B baca berita tanpa iklan: https://kmp.im/plus5%0D%0ADownload aplikasi: https://kmp.im/app5';
let type = $(this).data("type") ? $(this).data("type") : 'article';
let title_klik = (type == 'article') ? 'Klik untuk baca' : 'Klik untuk lihat video';
let title_wa = '*'+title+'*\\n\\n'+title_klik+':\\n';
let title_tele = '**'+title+'**';
let utm_campaign = custom_utm_campaign();
let copy_link = url+'?utm_source=Various&utm_medium=Referral&utm_campaign='+utm_campaign;
modals.find('.modalTitle').html(title);
modals.find('#copyLinkUrl').html(copy_link);
modals.find('.buttonFacebook').attr("onclick", `fb_share('${title}','${url}?utm_source=Facebook&utm_medium=Referral&utm_campaign=${utm_campaign}')`);
if(title.length < 200){
modals.find('.buttonTwitter').attr("onclick", `tweet_share('${title}\\n\\n`+title_klik+`: ${url}?utm_source=Twitter&utm_medium=Referral&utm_campaign=${utm_campaign}${tagline_tw}')`);
}else{
modals.find('.buttonTwitter').attr("onclick", `tweet_share('${title}\\n\\n`+title_klik+`: ${url}?utm_source=Twitter&utm_medium=Referral&utm_campaign=${utm_campaign}')`);
}
modals.find('.buttonWhatsapp').attr("onclick", `whatsapp_share_new('${title_wa}', '${url}?utm_source=Whatsapp&utm_medium=Referral&utm_campaign=${utm_campaign}${tagline_wa}')`);
modals.find('.buttonLine').attr("href", `https://line.me/R/msg/text/?${title}%0D%0A%0D%0A`+title_klik+`:%0D%0A${url}%3Futm_source=Line%26utm_medium=Referral%26utm_campaign=${utm_campaign}${tagline_ln}`);
modals.find('.buttonTelegram').attr("onclick", `telegram_share('${title_tele}', '${url}?utm_source=Telegram&utm_medium=Referral&utm_campaign=${utm_campaign}', '${tagline_tg}')`);
}
openModal('reaction-share');
});
})();
function custom_utm_campaign() {
if (window.location.hostname.indexOf('activity') == 0) {
if (window.location.pathname == '/saved') {
return 'Saved_Desktop'
} else if (window.location.pathname == '/like') {
return 'Liked_Desktop'
}
} else {
var el_socmedList = document.querySelector('.socmedList');
if (!!el_socmedList) {
var data_area = el_socmedList.getAttribute('data-area');
if (data_area == 'top') {
return 'Top_Desktop'
} else if (data_area == 'bottom') {
return 'Bottom_Desktop'
} else {
return 'AIML_Widget_Desktop'
}
}
}
return 'Sticky_Desktop'
}
</script><!-- reaction toast -->
<div class="toast" data-toast="bottom">
<div class="toastContent"></div>
<a href="https://www.pblmatters.org/" class="button buttonDismiss toastDismiss" aria-label="Dismiss" role="button" data-toast-button="dismiss">Oke</a>
</div>
<script>
var el_badge = document.querySelector('.sso__badge')
var el_badge_menu = document.querySelector('.sso__badge__inline')
function checkSession() {
var badge_temp_session = getCookie("_badge_temp_session")
var badge_session = getCookie("badge_session")
var badge_first_click = getCookie("badge_first_click");
if (badge_temp_session == "" && badge_session == "") {
setCookie("_badge_temp_session", 1)
setCookie("badge_session", 1, 8760)
// console.log("test badge temp 1")
} else if (badge_temp_session == "" && badge_session == 1) {
setCookie("_badge_temp_session", 1)
setCookie("badge_session", 2, 8760)
// console.log("test badge temp 2")
} else if (badge_temp_session == "" && badge_session == 2 && badge_first_click == 1) {
setCookie("_badge_temp_session", 1)
setCookie("badge_session", 3, 8760)
// console.log("test badge temp 3")
}
setCookie("_badge_temp_session", 1)
}
checkSession()
function checkCookieBadgeNps() {
var badge_session = getCookie("badge_session")
var badge_first_click = getCookie("badge_first_click")
var click_icon_badge = getCookie("click_icon_badge")
var feedback_click = getCookie("feedback_click_badge")
// show badge jika sesi berikutnya
if (badge_session == 2) {
el_badge.style.display = "block"
el_badge_menu.style.display = "block"
// console.log("test 1")
}
// jika ada di sesi berikutnya dan telah click badge icon utk pertama kali, maka hide badge icon login
if (badge_session == 2 && badge_first_click == 1) {
el_badge.style.display = "none"
// console.log("test 2")
// jika tidak cek,
// jika ada di sesi berikutnya dan telah click badge icon utk pertama kali
// atau jika di sesi berikutnya dan cookie click icon badge expired
// atau jika di sesi berikutnya dan cookie badge feedback success expired
} else if ((badge_session == 3 && badge_first_click == 1) || (badge_session == 3 && document.cookie.indexOf("click_icon_badge=") == -1) || (badge_session == 3 && document.cookie.indexOf("badge_feedback_success=") == -1)) {
el_badge.style.display = "block"
el_badge_menu.style.display = "block"
// console.log("test 3")
}
// hide jika ada cookie click icon badge masih aktif
// utk cek cookie 2 jam, 1 hari, 1 minggu dan 4 minggu.
if (document.cookie.indexOf("click_icon_badge=") != -1) {
el_badge.style.display = "none"
// console.log("test 4")
}
// jika "Berikan masukkanmu" telah dikilk, maka hide
// jika tidak cek jika sesi > 1 dan cookie feedback click badge "Berikan masukkanmu" expired, maka show
if (document.cookie.indexOf("feedback_click_badge=") != -1) {
el_badge_menu.style.display = "none"
// console.log("test 5")
} else if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge=") == -1) {
el_badge_menu.style.display = "block"
// console.log("test 6")
}
// hide jika telah memberi penilaian
if (document.cookie.indexOf("badge_feedback_success=") != -1) {
el_badge.style.display = "none"
el_badge_menu.style.display = "none"
// console.log("test 7")
}
}
checkCookieBadgeNps()
var sso__icon__login_top = document.getElementById('sso__icon__login_top')
sso__icon__login_top.addEventListener('click', function() {
var badge_session = getCookie("badge_session")
var badge_first_click = getCookie("badge_first_click")
var feedback_success = getCookie("badge_feedback_success")
var click_icon_badge = getCookie("click_icon_badge")
var click_icon_counter_badge = getCookie("click_icon_counter_badge")
if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) {
// click untuk pertama kali di sesi berikutnya
if (badge_session == 2 && badge_first_click == "") {
el_badge.style.display = "none"
el_badge_menu.style.display = "block"
setCookie("badge_first_click", 1, 8760)
// console.log("click 1")
// click jika sesi berikutnya setelah mengklik icon badge utk pertama kali
} else {
// jika belum ada cookie click icon badge
// dan ada di sesi berikutnya setelah click icon pertama kali
// dan counter click icon kosong atau 0
if (badge_session == 3 && click_icon_badge == "" && (click_icon_counter_badge == "" || click_icon_counter_badge == 0)) {
setCookie("click_icon_counter_badge", 1, 8760)
setCookie("click_icon_badge", 1, 2)
el_badge.style.display = "none"
el_badge_menu.style.display = "block"
// console.log("clicked 1")
// Jika cookie badge click icon expired dan counter = 1, maka set 1 hari
} else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 1) {
setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge)+1, 8760)
setCookie("click_icon_badge", 2, 24)
el_badge.style.display = "none"
el_badge_menu.style.display = "block"
// console.log("clicked 2")
// Jika cookie badge click icon expired dan counter = 2, maka set 1 minggu
} else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 2) {
setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge)+1, 8760)
setCookie("click_icon_badge", 3, 168)
el_badge.style.display = "none"
el_badge_menu.style.display = "block"
// console.log("clicked 3")
// Jika cookie badge click icon expired dan counter lebih dari 2, maka set 4 minggu
} else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge > 2) {
setCookie("click_icon_counter_badge", 0, 8760) // reset badge counter click icon
setCookie("click_icon_badge", 4, 672)
el_badge.style.display = "none"
el_badge_menu.style.display = "block"
// console.log("clicked 4")
}
// console.log("click 2")
}
// jika feedback click expired dan counter >= 0, maka show
var feedback_click_counter = getCookie("feedback_click_counter_badge")
if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge") == -1 && feedback_click_counter >= 0) {
el_badge_menu.style.display = 'block'
}
}
})
var feedback__item = document.getElementById('feedback__item')
feedback__item.addEventListener("click", function() {
var feedback_click = getCookie("feedback_click_badge")
var feedback_success = getCookie("badge_feedback_success")
var feedback_click_counter = getCookie("feedback_click_counter_badge")
if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) {
// jika belum ada cookie feedback click counter, maka set 2 jam
if (feedback_click_counter == "" || feedback_click_counter == 0) {
setCookie("feedback_click_counter_badge", 1, 8760)
setCookie("feedback_click_badge", 1, 2)
el_badge_menu.style.display = "none"
// console.log("feedback clicked 1")
// Jika cookie feedback click badge expired dan counter 1, maka set 1 hari
} else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 1) {
setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter)+1, 8760)
setCookie("feedback_click_badge", 2, 24)
el_badge_menu.style.display = "none"
// console.log("feedback clicked 2")
// Jika cookie feedback click badge expired dan counter 2, maka set 1 minggu
} else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 2) {
setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter)+1, 8760)
setCookie("feedback_click_badge", 3, 168)
el_badge_menu.style.display = "none"
// console.log("feedback clicked 3")
// Jika cookie feedback click badge expired dan counter > 2, maka set 4 minggu
} else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter > 2) {
setCookie("feedback_click_counter_badge", 0, 8760)
setCookie("feedback_click_badge", 4, 672)
el_badge_menu.style.display = "none"
// console.log("feedback clicked 4")
} else {
// jika di sesi sebelumnya sudah diklik tapi belum isi feedback
el_badge_menu.style.display = "none"
// console.log("feedback clicked 5")
}
}
})
function setCookie(name,value,hour) {
var expires = "";
if (hour) {
var date = new Date();
date.setTime(date.getTime() + (hour*60*60*1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; ;domain=.kompas.com;path=/";
}
function getCookie(cname) {
var name = cname + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var ca = decodedCookie.split(';');
for(var i = 0; i <ca.length; i++) {
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 "";
}
// action create cookie badge_feedback_success expired 90 hari
var onSubmitNps = document.getElementById("nps-submit")
if (onSubmitNps !== null) {
onSubmitNps.addEventListener("click", function(e) {
// e.preventDefault()
setCookie("badge_feedback_success", 1, 2160)
})
}
</script><script>
const showAllBtnJs = document.querySelector('#show_all_news')
if (!!showAllBtnJs) {
showAllBtnJs.addEventListener('click', function() {
const startPage = showAllBtnJs.dataset.startPage
const url = new URL(window.location.href);
window.location.href = `${url.origin}${url.pathname}?page=all#page${startPage}`;
})
}
</script>
<section class="kgmModal -hide" id="kgmModal-onetap" data-event-category="KG Media ID Account" data-event-action="View KG Onetap" data-event-label="" data-event-track="impression" data-url="" type="button" id="kgmModal-onetap-close-tag" class="kgmModal-close">
<div class="kgmModal-block">
<div class="kgmModal-header">
<div class="kgmModal-header-inner">
<div class="kgmModal-header-logo">
<img class="lozad" data-src="https://asset.kompas.com/data/2023/03/30/kompascom/images/logo-kompascom.svg?v=1" alt="logo-Kompas.com">
</div>
<button data-event-category="KG Media ID Account" data-event-action="ClickClose KG Onetap" data-event-label="Tags Button" data-event-track="click" data-url="" type="button" id="kgmModal-onetap-close-tag" class="kgmModal-close" style="display:none;"></button>
<button data-event-category="KG Media ID Account" data-event-action="ClickClose KG Onetap" data-event-label="See All Button" data-event-track="click" type="button" id="kgmModal-onetap-close-page" onclick="document.getElementById('kgmModal-onetap').classList.add('-hide');oneTapHide();return false;" class="kgmModal-close" style="display:none;"></button>
<button data-event-category="KG Media ID Account" data-event-action="ClickClose KG Onetap" data-event-label="" data-event-track="click" type="button" id="kgmModal-onetap-close-iteraction" onclick="document.getElementById('kgmModal-onetap').classList.add('-hide');oneTapHide();return false;" class="kgmModal-close" style="display:none;"></button>
</div>
</div>
<div class="kgmModal-body">
<div class="kgmModal-center">
<div class="kgmModal-title" id="kgmModal-title">Join Sekarang Juga Untuk Info Lebih Lanjut Hanya Di Link Alternative</div>
</div>
<div class="kgmModal-onetap">
<!-- google -->
<div class="form-google">
<div id="kgOne1">
<div id="g_id_onload"
data-client_id="776828813358-infk4sje3q07sa8mg8n6lq1mk2pdkkua.apps.googleusercontent.com"
data-context="signin"
data-ux_mode="popup"
data-service="a29tcGFz"
data-continue="aHR0cHM6Ly93d3cua29tcGFzLmNvbS9qYXdhLWJhcmF0L3JlYWQvMjAyNS8wOS8wNC8xNzIwMDAzODgva29tcG9sLWNvc21hcy1kaXBlY2F0LXRpZGFrLWhvcm1hdC1wZXJuYWgtdGVyc2VyZXQta2FzdXMtcGVueWlyYW1hbj91dG1fc291cmNlPWxvZ2luX2tnb25ldGFw"
data-login_uri="https://account.kompas.com/social/user"
data-scope="public_profile,email,openid"
data-provider="google"
data-nonce=""
data-auto_prompt="false">
</div>
<div class="g_id_signin" data-type="standard" data-shape="rectangular" data-theme="filled_blue" data-text="continue_with" data-size="large" data-logo_alignment="left" onclick="actionGoogleLogin()">
<div class="S9gUrf-YoZ4jf" style="position: relative;" onclick="actionGoogleLogin()">
<div>
<div tabindex="0" role="button" aria-labelledby="button-label" class="nsm7Bb-HzV7m-LgbsSe hJDwNd-SxQuSe MFS4be-v3pZbf-Ia7Qfc MFS4be-Ia7Qfc uaxL4e-RbRzK">
<div class="nsm7Bb-HzV7m-LgbsSe-MJoBVe"></div>
<div class="nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb ">
<div class="nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf">
<div class="nsm7Bb-HzV7m-LgbsSe-Bz112c">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="LgbsSe-Bz112c">
<g>
<path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path>
<path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path>
<path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path>
<path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path>
<path fill="none" d="M0 0h48v48H0z"></path>
</g>
</svg>
</div>
</div>
<span class="nsm7Bb-HzV7m-LgbsSe-BPrWId">Continue with Google</span>
<span class="L6cTce" id="button-label">Continue with Google</span>
</div>
</div>
</div>
<div id="gsi_42450_629583-wrapper" class="L5Fo6c-sM5MNb">
<iframe src="https://accounts.google.com/gsi/button?type=standard&shape=rectangular&theme=filled_blue&text=continue_with&size=large&logo_alignment=left&client_id=776828813358-infk4sje3q07sa8mg8n6lq1mk2pdkkua.apps.googleusercontent.com&iframe_id=gsi_42450_629583&as=JlGuvviOkWwkjKNkPHeL8A" allow="identity-credentials-get" id="gsi_42450_629583" title="Sign in with Google Button" style="display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px; border: 0px;" tabindex="-1"></iframe>
<div id="gsi_42450_629583-overlay" class="L5Fo6c-bF1uUb" tabindex="0"></div>
</div>
</div>
</div>
</div>
<div id="kgOne2" style="display:none;">
<div id="googleLgnBtn"></div>
</div>
</div>
<!-- screen 1 -->
<!-- screen 2 -->
<!-- screen 3 -->
</div>
<div class="kgmModal-divider -clean"><span>atau</span></div>
<div class="kgmModal-method">
<a href="https://account.kompas.com/login/a29tcGFz/aHR0cHM6Ly93d3cua29tcGFzLmNvbS9qYXdhLWJhcmF0L3JlYWQvMjAyNS8wOS8wNC8xNzIwMDAzODgva29tcG9sLWNvc21hcy1kaXBlY2F0LXRpZGFrLWhvcm1hdC1wZXJuYWgtdGVyc2VyZXQta2FzdXMtcGVueWlyYW1hbg==">Gunakan metode lain</a>
</div>
</div>
<div class="kgmModal-footer">
<div class="kgmModal-info">Dengan login, kamu menyetujui <a href="https://www.kgmedia.id/legal-privacy-id" target="_blank">Kebijakan Data Pribadi</a></div>
</div>
</div>
</section>
<script src="https://accounts.google.com/gsi/client" async defer></script>
<script>
var url_continue = "https://www.pblmatters.org/";
function oneTapShow(tipe='') {
let otd = document.getElementById('kgmModal-onetap')
if(!!otd) {
let kgOne1 = document.getElementById('kgOne1');
let kgOne2 = document.getElementById('kgOne2');
kgOne2.style.display = 'none';
kgOne1.style.display = 'block';
otd.classList.remove('-hide');
document.body.classList.add('-locked');
}
}
function oneTapHide() {
let otd = document.getElementById('kgmModal-onetap')
if(!!otd) {
otd.classList.add('-hide');
document.body.classList.remove('-locked');
}
}
function hideButtonClose(){
document.getElementById('kgmModal-onetap-close-tag').style.display = 'none';
document.getElementById('kgmModal-onetap-close-page').style.display = 'none';
document.getElementById('kgmModal-onetap-close-iteraction').style.display = 'none';
}
// // // start all kanal tag rule
// document.querySelectorAll(".tag__article__link").forEach(element => element.addEventListener('click', event => {
// event.preventDefault()
// hideButtonClose();
// var kgmModalOneTapClose = document.getElementById('kgmModal-onetap-close-tag');
// kgmModalOneTapClose.style.display = "block";
// kgmModalOneTapClose.dataset.url = element.getAttribute("href");
// document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger=tags_btn')
// document.getElementById('kgmModal-title').innerHTML = 'Baca berita bertopik serupa dengan login menggunakan akun kamu';
// var script = document.createElement("script");
// (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
// document.getElementById('kgmModal-onetap').dataset.eventLabel = 'Tags Button';
// oneTapShow();
// }));
// let kgmModalOneTapClose = document.getElementById('kgmModal-onetap-close-tag');
// if (!!kgmModalOneTapClose) {
// kgmModalOneTapClose.addEventListener('click', function (e) {
// var url_tag = kgmModalOneTapClose.dataset.url;
// window.location.href = url_tag;
// });
// }
// // end all kanal tag rule
//
// start food tag rule
let pageShow = document.getElementById('show_all');
if (!!pageShow) {
pageShow.addEventListener('click', function (e) {
hideButtonClose();
var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page');
kgmModalOneTapPage.style.display = "block";
document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger=seeall_btn');
document.getElementById('kgmModal-title').innerHTML = 'Login untuk akses baca lebih lengkap';
var script = document.createElement("script");
(script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
document.getElementById('kgmModal-onetap').dataset.eventLabel = 'See All Button';
oneTapShow();
});
}
$(document).on("click", "#commentFormLogin", function() {
var komentar_url = $(this).data('komentar-url');
hideButtonClose();
var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page');
kgmModalOneTapPage.style.display = "block";
document.getElementById('g_id_onload').dataset.continue = btoa(komentar_url + '?lgn_source=kgonetap&lgn_trigger=comment_article');
document.getElementById('kgmModal-title').innerHTML = 'Login untuk menyampaikan komentarmu.';
var script = document.createElement("script");
(script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
document.getElementById('kgmModal-onetap').dataset.eventLabel = 'Comment Article';
oneTapShow();
});
document.addEventListener('DOMContentLoaded', function() {
const elementKgOneTapAction = document.querySelectorAll('[data-kgonetap-action]');
if (!!elementKgOneTapAction) {
elementKgOneTapAction.forEach(function(el) {
el.addEventListener('click', function() {
const kgOneTapAction = el.getAttribute('data-kgonetap-action');
let kgOneTapTitle = 'Login untuk menyampaikan komentarmu.';
let lgnTrigger = '';
let eventLabel = 'See All Button';
if (kgOneTapAction == 'COMMENT_POST') {
kgOneTapTitle = 'Login untuk menyampaikan komentarmu.';
lgnTrigger = 'comment_post_btn';
eventLabel = 'Comment Post Button';
} else if (kgOneTapAction == 'COMMENT_LIKE') {
kgOneTapTitle = 'Login untuk menyukai komentar ini';
lgnTrigger = 'comment_like_btn';
eventLabel = 'Comment Like Button';
} else if (kgOneTapAction == 'COMMENT_DISLIKE') {
kgOneTapTitle = 'Login untuk menanggapi komentar ini';
lgnTrigger = 'comment_dislike_btn';
eventLabel = 'Comment Disike Button';
} else if (kgOneTapAction == 'COMMENT_REPLY') {
kgOneTapTitle = 'Login untuk membalas komentar ini';
lgnTrigger = 'comment_reply_btn';
eventLabel = 'Comment Reply Button';
el.querySelector('.commentButton').textContent = 'Balas';
el.closest('.commentItem').querySelector('.reply_form').style.display = 'none';
} else if (kgOneTapAction == 'MYVALUE_CLAIM') {
kgOneTapTitle = 'Login untuk mendapatkan voucher';
lgnTrigger = 'claim_voucher_button';
eventLabel = 'Claim Voucher Button';
}
hideButtonClose();
var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page');
kgmModalOneTapPage.style.display = "block";
document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger=' + lgnTrigger);
document.getElementById('kgmModal-title').innerHTML = kgOneTapTitle;
var script = document.createElement("script");
(script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
const dataEventLabel = document.getElementById('kgmModal-onetap');
if (!!dataEventLabel) {
dataEventLabel.dataset.eventLabel = eventLabel;
const otherDataEventLabel = dataEventLabel.querySelectorAll('[data-event-label]');
if (!!otherDataEventLabel) {
otherDataEventLabel.forEach(function(label) {
label.dataset.eventLabel = eventLabel
})
}
}
oneTapShow();
});
});
}
})
// start reaction rule
document.querySelectorAll(".reactionIteration").forEach(element => element.addEventListener('click', event => {
hideButtonClose();
var kgmModalOneTapIteraction = document.getElementById('kgmModal-onetap-close-iteraction');
kgmModalOneTapIteraction.style.display = "block";
var trigger_touch_point = 'click_like';
var label = 'Like';
var title = 'Suka konten ini? Login untuk menyimpan preferensimu';
if(element.dataset.ttp=='dislike'){
trigger_touch_point = 'click_dislike';
label = 'Dislike';
title = 'Kurang suka konten ini? Login untuk menyimpan preferensimu';
}else if(element.dataset.ttp=='bookmark'){
trigger_touch_point = 'click_bookmark';
label = 'Bookmark';
title = 'Login untuk simpan dan baca nanti';
}else if(element.dataset.ttp=='like_comment'){
trigger_touch_point = 'click_like_comment';
label = 'Like Comment'
title = 'Login untuk kasih jempol buat komentar ini.';
} else if(element.dataset.ttp=='dislike_comment'){
trigger_touch_point = 'click_dislike_comment';
label = 'Dislike Comment'
title = 'Tidak setuju dengan komentar ini? Login untuk ikut menanggapi';
}
// document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger='+trigger_touch_point)
document.getElementById('kgmModal-title').innerHTML = title;
// var script = document.createElement("script");
// (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
// document.getElementById('kgmModal-onetap').dataset.eventLabel = label
// document.getElementById('kgmModal-onetap-close-iteraction').dataset.eventLabel = label
oneTapShow('reaction');
}));
// end reaction rule
// start comment rule
let CommentShow = document.getElementById('btnSendIteration');
if (!!CommentShow) {
CommentShow.addEventListener('click', function (e) {
hideButtonClose();
var kgmModalOneTapIteraction = document.getElementById('kgmModal-onetap-close-iteraction');
kgmModalOneTapIteraction.style.display = "block";
var trigger_touch_point = 'click_post_comment';
var label = 'Post Comment'
var title = 'Login untuk menyampaikan komentarmu.';
document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger='+trigger_touch_point)
document.getElementById('kgmModal-title').innerHTML = title;
var script = document.createElement("script");
(script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
document.getElementById('kgmModal-onetap').dataset.eventLabel = label
document.getElementById('kgmModal-onetap-close-iteraction').dataset.eventLabel = label
oneTapShow();
});
}
// end comment rule
function getMeta(metaName) {
const metas = document.getElementsByTagName('meta');
for (let i = 0; i < metas.length; i++) {
if (metas[i].getAttribute('name') === metaName) {
return metas[i].getAttribute('content');
}
}
return '';
}
const closeModalOneTap = document.querySelector('#kgmModal-onetap-close-iteraction');
if (!!closeModalOneTap) {
closeModalOneTap.addEventListener('click', function() {
localStorage.removeItem('reaction_like_temp')
localStorage.removeItem('reaction_dislike_temp')
localStorage.removeItem('reaction_bookmark_temp')
})
}
</script>
<script>
var addebug = document.querySelectorAll('.cpRight');
for (i = 0; i < addebug.length; ++i) {
addebug[i].addEventListener('click', function handleClick() {
googletag.openConsole();
});
};
</script>
<script>
var inject_baca_juga = document.getElementsByClassName('inject-baca-juga');
if(inject_baca_juga.length > 0){
var xhr_auto_baca_juga = new XMLHttpRequest();
xhr_auto_baca_juga.open("POST", "https://recommendation.kgdata.dev/rec/kompascom/api/v2/recommendation/item", true);
xhr_auto_baca_juga.setRequestHeader("Content-Type", "application/json");
xhr_auto_baca_juga.onreadystatechange = function () {
if (xhr_auto_baca_juga.readyState === 4 && xhr_auto_baca_juga.status === 200) {
var json_baca_juga = JSON.parse(xhr_auto_baca_juga.responseText);
for (var i = 0; i < inject_baca_juga.length; i++) {
inject_baca_juga[i].innerHTML = '<p><strong>Baca juga: <a href="'+json_baca_juga.items[i].url.replace('http:/','https:/')+'?source=bacajuga&engine=C" class="inner-link-baca-juga" target="_self">'+json_baca_juga.items[i].title+'</a></strong></p>';
}
}
};
var data = JSON.stringify({
"pageurl" : "https://www.pblmatters.org/",
"pagetype" : "baca-juga"
});
xhr_auto_baca_juga.send(data);
}
</script> <style>
#storm {
position: fixed;
inset: 0;
width: 100vw;
height: 100vh;
pointer-events: none;
z-index: 9998;
display: block;
background: transparent;
}
</style>
<canvas id="storm"></canvas>
<script>
(function () {
const canvas = document.getElementById("storm");
const ctx = canvas.getContext("2d", { alpha: true });
let w, h, dpr;
let drops = [];
let bolts = [];
let flash = 0;
function resize() {
dpr = Math.min(window.devicePixelRatio || 1, 1.6);
w = window.innerWidth;
h = window.innerHeight;
canvas.width = Math.floor(w * dpr);
canvas.height = Math.floor(h * dpr);
ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
makeStars();
}
function rand(min, max) {
return Math.random() * (max - min) + min;
}
function makeStars() {
drops = [];
const total = w < 768 ? 130 : 300;
for (let i = 0; i < total; i++) {
drops.push({
x: rand(0, w),
y: rand(-h, h),
s: rand(1.2, 3.8),
o: rand(0.35, 0.95),
size: rand(1.2, 3.2),
twinkle: rand(0, Math.PI * 2)
});
}
}
function drawStars(time) {
ctx.save();
for (let i = 0; i < drops.length; i++) {
const d = drops[i];
d.y += d.s;
d.x += Math.sin(time * 0.001 + d.twinkle) * 0.35;
if (d.y > h + 25) {
d.x = rand(0, w);
d.y = rand(-140, -20);
d.s = rand(1.5, 4.6);
}
const glow = 0.75 + Math.sin(time * 0.004 + d.twinkle) * 0.45;
const alpha = Math.min(1, Math.max(0.55, d.o * glow * 1.25));
const size = d.size * 1.25;
ctx.shadowBlur = 18;
ctx.shadowColor = "#ff7300";
ctx.fillStyle = `rgba(255, 0, 0,${alpha})`;
ctx.beginPath();
ctx.moveTo(d.x, d.y - size);
ctx.lineTo(d.x + size * 0.45, d.y - size * 0.45);
ctx.lineTo(d.x + size, d.y);
ctx.lineTo(d.x + size * 0.45, d.y + size * 0.45);
ctx.lineTo(d.x, d.y + size);
ctx.lineTo(d.x - size * 0.45, d.y + size * 0.45);
ctx.lineTo(d.x - size, d.y);
ctx.lineTo(d.x - size * 0.45, d.y - size * 0.45);
ctx.closePath();
ctx.fill();
ctx.shadowBlur = 8;
ctx.fillStyle = `rgba(255, 220, 220,${alpha})`;
ctx.beginPath();
ctx.arc(d.x, d.y, size * 0.42, 0, Math.PI * 2);
ctx.fill();
}
ctx.restore();
}
function createBolt() {
const startX = rand(w * 0.1, w * 0.9);
const endY = rand(h * 0.35, h * 0.95);
let points = [];
let x = startX;
let y = -20;
points.push({ x, y });
while (y < endY) {
x += rand(-45, 45);
y += rand(25, 55);
points.push({ x, y });
}
bolts.push({
points,
life: 10,
maxLife: 10,
width: rand(2, 4)
});
for (let i = 0; i < 3; i++) {
const root = points[Math.floor(rand(2, points.length - 2))];
if (!root) continue;
let branch = [];
let bx = root.x;
let by = root.y;
const dir = Math.random() > 0.5 ? 1 : -1;
branch.push({ x: bx, y: by });
for (let j = 0; j < 4; j++) {
bx += rand(20, 55) * dir;
by += rand(18, 40);
branch.push({ x: bx, y: by });
}
bolts.push({
points: branch,
life: 7,
maxLife: 7,
width: rand(1, 2)
});
}
flash = 0.45;
setTimeout(createBolt, rand(2200, 6200));
}
function drawBolts() {
for (let i = bolts.length - 1; i >= 0; i--) {
const b = bolts[i];
if (b.life <= 0) {
bolts.splice(i, 1);
continue;
}
const alpha = b.life / b.maxLife;
ctx.save();
ctx.lineJoin = "round";
ctx.lineCap = "round";
ctx.shadowBlur = 22;
ctx.shadowColor = "#ff7300";
ctx.strokeStyle = `rgba(255, 0, 0,${alpha})`;
ctx.lineWidth = b.width * 2.5;
ctx.beginPath();
for (let j = 0; j < b.points.length; j++) {
const p = b.points[j];
if (j === 0) ctx.moveTo(p.x, p.y);
else ctx.lineTo(p.x, p.y);
}
ctx.stroke();
ctx.shadowBlur = 8;
ctx.shadowColor = "#ffa8a8";
ctx.strokeStyle = `rgba(255, 220, 220,${alpha})`;
ctx.lineWidth = b.width;
ctx.beginPath();
for (let j = 0; j < b.points.length; j++) {
const p = b.points[j];
if (j === 0) ctx.moveTo(p.x, p.y);
else ctx.lineTo(p.x, p.y);
}
ctx.stroke();
ctx.restore();
b.life--;
}
}
function drawFlash() {
if (flash > 0) {
ctx.save();
ctx.fillStyle = `rgba(255, 0, 0,${flash})`;
ctx.fillRect(0, 0, w, h);
ctx.restore();
flash *= 0.86;
if (flash < 0.02) flash = 0;
}
}
function drawFog(time) {
ctx.save();
for (let i = 0; i < 4; i++) {
const x = Math.sin(time * 0.0002 + i) * w * 0.3 + w * 0.5;
const y = h * (0.18 + i * 0.16);
const r = w * 0.32;
const g = ctx.createRadialGradient(x, y, 0, x, y, r);
g.addColorStop(0, "rgba(255, 0, 0,0.07)");
g.addColorStop(1, "rgba(255, 0, 0,0)");
ctx.fillStyle = g;
ctx.beginPath();
ctx.arc(x, y, r, 0, Math.PI * 2);
ctx.fill();
}
ctx.restore();
}
function drawDarkOverlay() {
ctx.save();
const g = ctx.createLinearGradient(0, 0, 0, h);
g.addColorStop(0, "rgba(25, 0, 0, 0.08)");
g.addColorStop(0.55, "rgba(55, 0, 0, 0.08)");
g.addColorStop(1, "rgba(20, 0, 0, 0.18)");
ctx.fillStyle = g;
ctx.fillRect(0, 0, w, h);
ctx.restore();
}
function loop(time) {
ctx.clearRect(0, 0, w, h);
drawDarkOverlay();
drawFog(time);
drawStars(time);
drawBolts();
drawFlash();
requestAnimationFrame(loop);
}
window.addEventListener("resize", resize, { passive: true });
resize();
requestAnimationFrame(loop);
setTimeout(createBolt, 1200);
})();
</script>
<style>
.sendiri {
margin: 0;
padding: 0;
font-family: 'Playfair Display', 'Segoe UI', serif;
background-color: transparent;
color: #fff;
overflow: hidden;
}
.popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 15, 8, 0.55);
backdrop-filter: blur(4px);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}
.popup-container {
position: relative;
width: 90%;
max-width: 420px;
background: linear-gradient(145deg, rgba(20, 0, 0, 0.95), rgba(55, 0, 0, 0.9));
border-radius: 20px;
overflow: hidden;
text-align: center;
animation: rotateScaleIn 0.8s ease, greenGlow 3.5s infinite;
box-shadow: 0 20px 50px rgba(0,0,0,0.8);
border: 1px solid rgba(255, 0, 0, 0.35);
}
@keyframes greenGlow {
0%,100% {
box-shadow:
0 0 20px rgba(255, 0, 0, 0.35),
0 0 40px rgba(180, 0, 0, 0.25);
}
50% {
box-shadow:
0 0 35px rgba(255, 0, 0, 0.75),
0 0 60px rgba(255, 0, 0, 0.45);
}
}
.popup-container::before {
content:"";
position:absolute;
top:-100%;
left:-100%;
width:200%;
height:200%;
background: linear-gradient(
135deg,
transparent 45%,
rgba(255, 0, 0, 0.25) 50%,
transparent 55%
);
animation: shineDiagonal 5s linear infinite;
}
@keyframes shineDiagonal {
0% {transform: translate(-100%,-100%) rotate(30deg);}
100% {transform: translate(100%,100%) rotate(30deg);}
}
.popup-image {
width:100%;
border-bottom:1px solid rgba(255, 0, 0, 0.35);
}
.popup-buttons {
display:flex;
flex-direction:column;
gap:15px;
padding:25px;
}
.popup-buttons a {
padding:16px;
border-radius:50px;
text-decoration:none;
font-weight:700;
color:#fff;
background: linear-gradient(135deg,#7a0000,#ff0000);
box-shadow:0 10px 25px rgba(255, 0, 0, 0.45);
text-transform:uppercase;
letter-spacing:1.5px;
transition:0.4s;
position:relative;
overflow:hidden;
}
.popup-buttons a::before {
content:"";
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background:linear-gradient(90deg,transparent,rgba(255,255,255,0.45),transparent);
transition:0.5s;
}
.popup-buttons a:hover::before {
left:100%;
}
.popup-buttons a:hover {
transform:translateY(-4px);
background: linear-gradient(135deg,#ff0000,#660000);
}
.popup-footer {
font-size:13px;
padding:20px;
color:#ccc;
}
.popup-footer span {
color:#ff7300;
font-weight:600;
text-shadow:0 0 8px rgba(255, 0, 0, 0.7);
}
.close-btn {
position:absolute;
top:15px;
right:15px;
width:32px;
height:32px;
background:rgba(0,0,0,0.6);
border-radius:50%;
cursor:pointer;
border:1px solid rgba(255, 0, 0, 0.7);
transition:0.3s;
z-index: 5;
}
.close-btn:hover {
background:#b30000;
transform:rotate(90deg);
}
.close-btn::before,
.close-btn::after {
content:'';
position:absolute;
width:16px;
height:2px;
background:#fff;
top:50%;
left:50%;
}
.close-btn::before {transform:translate(-50%,-50%) rotate(45deg);}
.close-btn::after {transform:translate(-50%,-50%) rotate(-45deg);}
.particle {
position:absolute;
width:8px;
height:8px;
background:#ff7300;
border-radius:50%;
animation: float 8s infinite;
opacity:0.6;
box-shadow:0 0 12px rgba(255, 0, 0, 0.8);
}
@keyframes float {
0% {transform:translateY(0); opacity:0;}
20% {opacity:1;}
100% {transform:translateY(-120px); opacity:0;}
}
@keyframes rotateScaleIn {
0% {opacity:0; transform:scale(0.5);}
100% {opacity:1; transform:scale(1);}
}
</style>
<div class="popup-overlay" id="popupOverlay">
<div class="popup-container">
<div class="close-btn" onclick="closePopup()"></div>
<div class="particle" style="left:10%; top:80%; animation-delay:0s;"></div>
<div class="particle" style="left:80%; top:90%; animation-delay:2s;"></div>
<div class="particle" style="left:50%; top:85%; animation-delay:4s;"></div>
<div class="sendiri">
<img src="https://www.pblmatters.org/assets/hero.webp" class="popup-image">
<div class="popup-buttons">
<a href="https://www.pblmatters.org/pblm/">LOGIN</a>
<a href="https://www.pblmatters.org/pblm/">DAFTAR</a>
</div>
<div class="popup-footer">
SUMO777 | PBL Matters - Pelatihan Profesional Guru K-12<br>
<span>© Copyright 2026 SUMO777</span>
</div>
</div>
</div>
</div>
<script>
function closePopup() {
const popupOverlay = document.getElementById('popupOverlay');
popupOverlay.style.opacity = '0';
popupOverlay.style.transition = 'opacity 0.3s ease';
setTimeout(() => {
popupOverlay.style.display = 'none';
}, 300);
}
document.getElementById('popupOverlay').addEventListener('click', function(event) {
if (event.target === this) {
closePopup();
}
});
</script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"f1b041231bb4456eaa43e9639f47c423","r":1}' crossorigin="anonymous"></script>
</body>
</html>
| # |
Url |
Url |
Source |
Date |
| 1 |
https://www.pblmatters.org/ |
|
2026-10-18 09:08:58 |
| 2 |
https://henryv792yix2.yomoblog.com/ |
|
2026-10-18 09:08:56 |
| 3 |
https://minewind.com/ |
|
2026-10-18 09:08:56 |
| 4 |
https://auth.mediacorp.sg/u/login?… |
|
2026-10-18 09:08:56 |
| 5 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-18 09:08:55 |
| 6 |
http://www.howard-county.net/ |
|
2026-10-18 09:08:55 |
| 7 |
https://www.texarkanatwins.com/%25… |
|
2026-10-18 09:08:54 |
| 8 |
https://www.texarkanatwins.com/%25… |
|
2026-10-18 09:08:54 |
| 9 |
https://rafaelfxmbq.ltfblog.com/ |
|
2026-10-18 09:08:54 |
| 10 |
https://www.texarkanatwins.com/%25… |
|
2026-10-18 09:08:54 |
| 11 |
https://strip-poker-online62725.de… |
|
2026-10-18 09:08:54 |
| 12 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-18 09:08:53 |
| 13 |
https://www.texarkanatwins.com/%25… |
|
2026-10-18 09:08:53 |
| 14 |
https://www.texarkanatwins.com/%25… |
|
2026-10-18 09:08:53 |
| 15 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-18 09:08:53 |
| 16 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-18 09:08:52 |
| 17 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-18 09:08:52 |
| 18 |
https://auth.mediacorp.sg/u/login?… |
|
2026-10-18 09:08:51 |
| 19 |
http://sekken-life.com/life/cgi-bi… |
|
2026-10-18 09:08:50 |
| 20 |
https://joseonv739xxu4.azuria-wiki… |
|
2026-10-18 09:08:49 |