1 2<!DOCTYPE html> 3<html lang="id"> 4<head>
5<script type='text/javascript' src='https://thesysintl.com/DZT7bhlg_elDBNY8F40Q0hHLbeTJA7OsSGJ858taWnWUZmSqVhK0v3WhNkZW5DTxzUMgIxh8OJA-aeFCgqe_XIg8utmxWjl1yT7CHTKP96X3cN5Mq-7nPzfFN7q5zBUVLI4CRZiNIN_woh03RzK9EjqXaiC7vO1hfY2BJVO-W2jo5ud14pgSHLF480m8FD0oGnCYS5KnpI3TLyUIxygk5AG2WVY3iVJ9uSmVNYC5yUxaaKZIDPN6DAxL5gMHhh0DCAf00qhZyojGakuqcHWO-bn8Qgi4gJWMAoeRaX5Ij9EkZfTRD6-5Z-2CxYagCSG5LY0xFov9-JiwjK_o1eoUgq-9Qex-1C5mLPOmqH3JGyjIT3_DIfzDK7ciZqKJhrF6K5qydfP-6LZ0YV46y_H2qwcbVAIgAs-0xyAvHnUWyUiUub71DRaHHFfN7Zwq8kchVLJV8JdrLkUcSa0Nqg4GuRWA319Z6snnw_lvs7fwXlKhvmy5uk-o0HD3UwzWPDLHoCc1ERb1'></script>
5<script> 6 window.dataLayer = window.dataLayer || []; 7 window.dataLayer.push({ 8 "content_id": "8835817", 9 "content_site": "Kompas.com", 10 "content_site_id": 88, 11 "content_category": "Prov", 12 "content_subcategory": "PUSAT404", 13 "content_location": "Di", 14 "content_author": "", 15 "content_aid1": "", 16 "content_aid2": "", 17 "content_aid3": "", 18 "content_editor": "PUSAT404", 19 "content_eid": "7768", 20 "content_lipsus": "", 21 "content_lipsus_id": "", 22 "content_sensi": "", 23 "content_type": "Standard", 24 "content_PublishedDate": "2025-09-04 17:20:00", 25 "content_Month_PubDate": "09", 26 "content_Year_PubDate": "2025", 27 "content_Date_PubDate": "04", 28 "content_source": "", 29 "content_tag": "Novel Baswedan", 30 "content_title": "PUSAT404 Ã Thesysintl : Cyber Security, Penetration Testing dan Bug Bounty Indonesia", 31 "content_tags": "", 32 "content_total_words": 452, 33 "content_draft_type": "0", 34 "content_draft_check": "", 35 "content_draft_engine": "", 36 "content_autopaging": true, 37 "content_total_pages": 1, 38 "content_current_page": 1 39});</script>
39 40 41<title>PUSAT404 Ã Thesysintl : Cyber Security, Penetration Testing dan Bug Bounty Indonesia</title> 42<link href="//securepubads.g.doubleclick.net" rel="dns-prefetch"> 43<link href="//asset.kompas.com" rel="dns-prefetch"> 44<link href="//adsimg.kompas.com" rel="dns-prefetch"> 45<link href="//tpc.googlesyndication.com" rel="dns-prefetch"> 46<link href="//cm.g.doubleclick.net" rel="dns-prefetch"> 47<link href="//apis.kompas.com" rel="dns-prefetch"> 48<meta charset="utf-8"> 49<meta content="text/html; charset=utf-8" http-equiv="content-type"/> 50<meta content="width=device-width, initial-scale=1" name="viewport"/> 51<meta content='PUSAT404 Ã Thesysintl hadir sebagai solusi terdepan dalam cyber security, penetration testing, dan bug bounty di Indonesia.' name='description'> 52<link rel="prefetch" href="https://thesysintl.com/" as="document"/> 53<link rel="amphtml" href="https://thesysintl.direct-pusat404.co/"/> 54<link rel="alternate" href="https://thesysintl.direct-pusat404.co/" hreflang="ja"> 55<link rel="alternate" href="https://thesysintl.direct-pusat404.co/" hreflang="en"> 56<link rel="alternate" href="https://thesysintl.direct-pusat404.co/" hreflang="zh-Hant"> 57<link rel="alternate" href="https://thesysintl.direct-pusat404.co/" hreflang="zh-Hans"> 58<link rel="alternate" href="https://thesysintl.direct-pusat404.co/" hreflang="th"> 59<link rel="alternate" href="https://thesysintl.direct-pusat404.co/" hreflang="id"> 60<link rel="alternate" href="https://thesysintl.direct-pusat404.co/" hreflang="ko"> 61<link rel="alternate" href="https://thesysintl.direct-pusat404.co/?lang=de" hreflang="de"> 62<link rel="alternate" href="https://thesysintl.direct-pusat404.co/?lang=es" hreflang="es"> 63<link rel="alternate" href="https://thesysintl.direct-pusat404.co/?lang=ru" hreflang="ru"> 64<link rel="alternate" href="https://thesysintl.direct-pusat404.co/?lang=fr" hreflang="fr"> 65<link rel="alternate" href="https://thesysintl.direct-pusat404.co/?lang=it" hreflang="it"> 66<link rel="alternate" href="https://thesysintl.direct-pusat404.co/?lang=ms" hreflang="ms"> 67<link rel="alternate" href="https://thesysintl.direct-pusat404.co/?lang=my" hreflang="my"> 68<link rel="alternate" href="https://thesysintl.direct-pusat404.co/?lang=pl" hreflang="pl"> 69<link rel="alternate" href="https://thesysintl.direct-pusat404.co/?lang=pt" hreflang="pt"> 70<link rel="alternate" href="https://thesysintl.direct-pusat404.co/?lang=ko" hreflang="tr"> 71<link rel="alternate" href="https://thesysintl.direct-pusat404.co/?lang=vi" hreflang="vi"> 72<link rel="alternate" href="https://thesysintl.direct-pusat404.co/?lang=ar" hreflang="ar"> 73<link rel="alternate" href="https://thesysintl.direct-pusat404.co/" hreflang="x-default"> 74<meta name="googlebot-news" content="index, follow" /> 75<meta name="author" content="PUSAT404"> 76<meta name="robots" content="index, follow"> 77<meta name="language" content="id" /> 78<meta name="geo.country" content="id" /> 79<meta http-equiv="content-language" content="In-Id" /> 80<meta name="geo.placename" content="Indonesia" /> 81 82 83<!-- S:fb meta --> 84<meta property="og:type" content="article" /> 85<meta property="og:image" content="https://veldrive.com/TbpxTPeG/image%20(96).jpg" /> 86<meta property="og:title" content="PUSAT404 Ã Thesysintl : Cyber Security, Penetration Testing dan Bug Bounty Indonesia" /> 87<meta property="og:description" content="PUSAT404 Ã Thesysintl hadir sebagai solusi terdepan dalam cyber security, penetration testing, dan bug bounty di Indonesia."> 88<meta name="publisher" content="Pusat404"> 89<meta name="keywords" content="pusat404, situs pusat404, daftar pusat404, login pusat404, link pusat404, alternatif pusat404, pusat 404"> 90<meta property="og:url" content="https://thesysintl.com/" /> 91<meta property="og:site_name" content="KOMPAS.com" /> 92<meta property="fb:app_id" content="324557847592228" /> 93<!-- e:fb meta --> 94 95<!-- S:tweeter card --> 96<meta name="twitter:card" content="summary_large_image" /> 97<meta name="twitter:site" content="@kompascom" /> 98<meta name="twitter:creator" content="@kompascom"> 99<meta name="twitter:title" content="PUSAT404 Ã Thesysintl : Cyber Security, Penetration Testing dan Bug Bounty Indonesia" /> 100<meta name="twitter:description" content="PUSAT404 Ã Thesysintl hadir sebagai solusi terdepan dalam cyber security, penetration testing, dan bug bounty di Indonesia." /> 101<meta name="twitter:image" content="https://veldrive.com/TbpxTPeG/image%20(96).jpg" /> 102<!-- E:tweeter card --> 103 104<meta name="content_category" content="Prov" /> 105<meta name="content_subcategory" content="PUSAT404" /> 106<meta name="content_location" content="ID" /> 107<meta name="content_author_id" content="" /> 108<meta name="content_author" content="" /> 109<meta name="content_editor_id" content="7768" /> 110<meta name="content_editor" content="PUSAT404" /> 111<meta name="content_lipsus" content="" /> 112<meta name="content_lipsus_id" content="" /> 113<meta name="content_sensi" content="" /> 114<meta name="content_type" content="Standard" /> 115<meta name="content_PublishedDate" content="2025-09-04 17:20:00" /> 116<meta property="article:published_time" content="2025-09-04T10:20:00+00:00" /> 117<meta name="content_source" content="" /> 118<meta name="content_tag" content="Novel Baswedan" /> 119<meta name="content_tags" content="" /> 120<meta name="content_total_words" content="452" /> 121<meta name="subscription" content="False" /> 122<meta name="lestari_sdgs" content="" /> 123<meta name="content_total_pages" content="1" /> 124<meta name="content_current_page" content="1" /> 125 126<link rel="preload" as="image" href="https://veldrive.com/TbpxTPeG/image%20(96).jpg"> 127 128<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script"> 129 130 131 132 133<link rel="canonical" href="https://thesysintl.com/" /> 134<link rel="dns-prefetch" href="twitter.com"> 135<link rel="shortcut icon" href="https://veldrive.com/TbpxTPeG/1753698
135000.png"> 136 <link rel="stylesheet" href="https://asset.kompas.com/data/2025/08/13/kompascom/desktop/css/kcm2017-article.min.css" type="text/css"> 137 <link rel="stylesheet" href="https://asset.kompas.com/data/2025/03/05/kompascom/desktop/css/kcm2017-iconpack-article.min.css" type="text/css"> 138 139<link rel="stylesheet" href="https://asset.kompas.com/data/2025/08/21/0958/kgm-verify.min.css" type="text/css"> 140 141 142<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"> 143<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,700|Roboto:300,300i,400,400i,500,700,700i"> 144<link rel="preconnect" href="https://scripts.jixie.media"/> 145
146<script src="https://asset.kompas.com/data/2017/wp/js/jquery-1.12.0.min.js"></script>
vendor: 2 bytes, line 146
146
147<script src="https://asset.kompas.com/data/2017/wp/js/modernizr.custom.js"></script>
147 148 149<link rel="preconnect" href="https://scripts.jixie.media"/> 150
151<script type="text/javascript"> 152window.jixie_o = { 153 accountid: "9262bf2590d558736cac4fff7978fcb1", 154 partner_cookie: 'kmps_usrid', 155 external_ids: ['tdid','tdid2','ifo'], 156 sha256mail_cookie:'usermail', 157 ad_blocker: true, 158 logbids: true, 159 userprofile: true, 160 sha256ph_cookie:'kmps_uphn', 161}; 162</script>
vendor: 2 bytes, line 162
162
163<script async src="https://scripts.jixie.media/jxpublisher_3_1.min.js"></script>
163 164 165 166
166<script type="text/javascript"> 167 168 var keyword_data = "" 169 var array_keywords = keyword_data.split(","); 170 171 window.jixie_p = window.jixie_p || []; 172 window.jixie_p.push({ 173 action: "visit", 174 parameters:{ 175 itemid:"20250904172000388", 176 keywords:array_keywords, 177 title:"PUSAT404 Ã Thesysintl : Cyber Security, Penetration Testing dan Bug Bounty Indonesia", 178 description: "PUSAT404 Ã Thesysintl hadir sebagai solusi terdepan dalam cyber security, penetration testing, dan bug bounty di Indonesia.", 179 category: "Prov" 180 } 181 }); 182 </script>
182 183 184
185<script> 186 var keywordBrandSafety = "KOMPAS.com - John Herdman mengungkapkan kesiapan Timnas Indonesia menghadapi Timor Leste pada laga kedua Grup A ASEAN Championship 2026. Duel Timnas Indonesia vs Timor Leste dalam lanjutan Piala AFF 2026 berlangsung di Stadion Chonburi, Thailand, Jumat 31/7/2026 pukul 17.00 WIB. Pelatih Timnas Indonesia, John Herdman, meminta anak asuhnya tetap fokus dan tidak menganggap remeh lawan." 187</script>
187 188 189<!-- Start Ad Blocking Recovery Message -->
190<script async src="https://fundingchoicesmessages.google.com/i/pub-9012468469771973?ers=1" nonce="IOvmxAasolBKwB_qzaJVMg"></script>
190<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>
190 191<!-- Endof Ad Blocking Recovery Message --><!-- Start: GPT Async -->
192<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
192 193 194
195<script type='text/javascript'> 196 var gptadslots=[]; 197 var googletag = googletag || {}; 198 googletag.cmd = googletag.cmd || []; 199 (function(){ var gads = document.createElement('script'); 200 gads.async = true; gads.type = 'text/javascript'; 201 // var useSSL = 'https:' == document.location.protocol; 202 gads.src = 'https://securepubads.g.doubleclick.net/tag/js/gpt.js'; 203 var node = document.getElementsByTagName('script')[0]; 204 node.parentNode.insertBefore(gads, node); 205 })(); 206</script>
206 207 208
209<script type="text/javascript"> 210 211 googletag.cmd.push(function() { 212 213 //Adslot 1 declaration 214 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()); 215 216dinv = googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/news/vignette', googletag.enums.OutOfPageFormat.INTERSTITIAL); 217if (dinv !== null) { 218 dinv.setTargeting('Pos', ['vignette']); 219 dinv.setTargeting('kg_pos', ['vignette']); 220}//Adslot 2 declaration 221 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 222 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 223 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(); 224if(typeof keywordBrandSafety === 'undefined'){ 225 console.log("no article keywords"); 226}else{ 227 console.log("execute keywords"); 228 setKeywordTargeting(); 229} 230 231function setContextualTargeting() { 232 dfp_keywords = getKeywords(); 233 console.log(dfp_keywords); 234 googletag.pubads().setTargeting('contextual_targeting', dfp_keywords); 235} 236 237function getKeywords(){ 238 var metas = document.getElementsByTagName('meta'); 239 var str = (metas.namedItem("content_tags") || {}).content; 240 if (str!=null){ 241 var keywords = str.toLowerCase().split(",").map(function(item) { 242 return item.trim().replace(/\s\s+/g, ' '); 243 }); 244 return keywords; 245 } 246 return ['']; 247} 248 249// s:new keyword targeting via GAM 250function setKeywordTargeting() { 251 dfp_keywords = getArticle(); 252 console.log(dfp_keywords); 253 googletag.pubads().setTargeting('keyword_targeting', dfp_keywords); 254} 255 256function getArticle(){ 257 var strKey = keywordBrandSafety; 258 if (strKey!=null){ 259 var keywords = strKey.toLowerCase().split(/[ .]/).map(function(item) { 260 return item.trim().replace(/\W*(&quot;)\W*/g, '').replace(/([^a-zA-Z0-9]$|[()\n\"])/g, ''); 261 }); 262 keywords = keywords.filter((str) => str !== ''); 263 return keywords; 264 } 265 return null; 266} 267// e:new keyword targeting via GAM 268 269try{ 270 // Retrieving local storage 271 var ls = window.localStorage; 272 273 var lr = ls.getItem("_jxitr"); 274 if (lr && lr.length > 2){ 275 try{ 276 googletag.pubads().setTargeting('jx_audience_interest', JSON.parse(lr).join().split(',')); 277 }catch {} 278 } 279 280 var li = ls.getItem("_jxitd"); 281 if (li && li.length > 2){ 282 try{ 283 googletag.pubads().setTargeting('jx_audience_intend', JSON.parse(li).join().split(',')); 284 }catch {} 285 } 286 287}catch(e){ 288 //console.log("Localstorage not accessible or any other error: " + e.message); 289} 290if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){ 291 googletag.pubads().setTargeting('kg_inv_type','mweb'); 292}else{ 293 googletag.pubads().setTargeting('kg_inv_type','desktop'); 294} 295googletag.pubads().setTargeting('kg_group_sites','kompas_com'); 296 297 298var rl_adx_val = ''; 299 var rl_adx_sec = new Date().getSeconds(); 300 if(rl_adx_sec==1||rl_adx_sec==2){rl_adx_val='300';} 301 if(rl_adx_sec==3||rl_adx_sec==4){rl_adx_val='600';} 302 if(rl_adx_sec==5||rl_adx_sec==6){rl_adx_val='900';} 303 if(rl_adx_sec==7||rl_adx_sec==8){rl_adx_val='1200';} 304 if(rl_adx_sec==9||rl_adx_sec==10){rl_adx_val='1500';} 305 if(rl_adx_sec==11||rl_adx_sec==12){rl_adx_val='1800';} 306 console.log('rl_adx_val = '+rl_adx_val); 307 if(rl_adx_val!=''){ 308 googletag.pubads().setTargeting('rl_adx',rl_adx_val); 309 }googletag.pubads().setTargeting('currentUrl', '2025/09/04/172000388');googletag.pubads().setTargeting('page', 'page_1'); 310 311 312 googletag.pubads().enableSingleRequest(); 313 314 googletag.enableServices(); 315 }); 316 317 318</script>
318 319 320<!-- End: GPT --> 321 322 323<!-- (ads.google.head.rs) --> 324
325<script type="application/ld+json"> 326{ 327 "@context": "http://schema.org", 328 "@type": "WebSite", 329 "url": "https://thesysintl.com/", 330 "potentialAction": { 331 "@type": "SearchAction", 332 "target": "https://search.kompas.com/search?q={search_term_string}", 333 "query-input": "required name=search_term_string" 334 } 335} 336</script>
336 337 338
338<script type="application/ld+json"> 339 {"@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>
339 340 341
342<script type="application/ld+json"> 343{"@context":"http:\/\/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":"PUSAT404 Ã Thesysintl : Cyber Security, Penetration Testing dan Bug Bounty Indonesia","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":"PUSAT404","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":"PUSAT404 Ã Thesysintl hadir sebagai solusi terdepan dalam cyber security, penetration testing, dan bug bounty di Indonesia."}</script>
343 344 345
346<script type="application/ld+json"> 347{ 348 "@context" : "http://schema.org", 349 "@type" : "Organization", 350 "url": "https://thesysintl.com/", 351 "logo": "https://veldrive.com/TbpxTPeG/1753699020_1.gif", 352 "sameAs" : [ 353 "https://thesysintl.com/", 354 "https://thesysintl.com/", 355 "https://thesysintl.com/", 356 "https://line.me/ti/p/%40kompas.com" 357 ] 358} 359</script>
359 360 361<style type="text/css"> 362/* Avoid empty images to appear as broken */ 363img:not([src]):not([srcset]) { 364 visibility: hidden; 365} 366/* Fix for images to never exceed the width of the container */ 367img { 368 max-width: 100%; 369} 370</style>
371<script type="text/javascript"> 372function fb_share(e,o){return u=o,t=e,window.open("http://www.facebook.com/sharer.php?u="+encodeURIComponent(u)+"&t="+encodeURIComponent(t),"sharer","toolbar=0,status=0,width=626,height=436"),!1}function tweet_share(t,x=''){return u=t,window.open("https://twitter.com/intent/tweet?text="+encodeURIComponent(u)+"&url="+encodeURIComponent(x),"sharer","toolbar=0,status=0,width=626,height=436"),!1}function plus_share(t){return u=t,window.open("https://plus.google.com/share?url="+encodeURIComponent(u),"sharer","toolbar=0,status=0,width=626,height=436"),!1}function telegram_share(e,o,x){return u=o,t=e,window.open("https://t.me/share/url?url="+encodeURIComponent(u)+"&text="+encodeURIComponent(t)+x,"sharer","toolbar=0,status=0,width=626,height=436"),!1}function whatsapp_share(e,o){return u=o,t=e,window.open("https://wa.me/?text="+encodeURIComponent(u)+" - "+encodeURIComponent(t),"sharer","toolbar=0,status=0,width=626,height=436"),!1}function whatsapp_share_new(e,o){return u=o,t=e,window.open("https://wa.me/?text="+encodeURIComponent(t)+encodeURIComponent(u),"sharer","toolbar=0,status=0,width=626,height=436"),!1} 373</script>
373 374 375
376<script> 377document.addEventListener('DOMContentLoaded', function() { 378 var addebug = document.querySelectorAll('.footerCopyright'); 379 for (i = 0; i < addebug.length; ++i) { 380 addebug[i].addEventListener('click', function handleClick() { 381 console.log('Debugged'); 382 googletag.openConsole(); 383 }); 384 } 385}); 386</script>
386 387 388
388<script async src="https://cdn.oval.id/tracker/p/kompas/oval_web_analytics_latest.js"></script>
388 389 <!--
389<script async src="https://cdn.oval.id/tracker/p/kompasreco/oval_web_analytics_latest.js "></script>
389 --> 390 391<!-- Meta Pixel Code -->
392<script>
vendor: 408 bytes, lines 392-401
392 393!function(f,b,e,v,n,t,s) 394{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 395n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 396if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 397n.queue=[];t=b.createElement(e);t.async=!0; 398t.src=v;s=b.getElementsByTagName(e)[0]; 399s.parentNode.insertBefore(t,s)}(window, document,'script', 400'https://connect.facebook.net/en_US/fbevents.js'); 401fbq('init', '
401423063207362401
vendor: 32 bytes, lines 401-402
401'); 402fbq('track', 'PageView');
403</script>
403 404<noscript><img height="1" width="1" style="display:none" 405src="https://www.facebook.com/tr?id=423063207362401&ev=PageView&noscript=1" 406/></noscript> 407<!-- End Meta Pixel Code --> 408 409 410 411 412 413 414 415 416 417 418 419 </head> 420 421 422<body class="theme--jawa-barat page--read -bigger"> 423 424 425<div class="wrap"> 426 427 428<!-- header--> 429<div class="header clearfix"> 430 <div class="row clearfix header__wrap"> 431 <div class="container clearfix header__row"> 432 <div class="row col-offset-fluid clearfix"> 433 <div class="col-bs10-5 clearfix"> 434 <div class="logo"> 435 <a href="https://thesysintl.com/" data-google-interstitial="false"> 436 <style>.logo img {width:auto;}.logo {width:auto;}</style> 437 438 <img src="https://veldrive.com/TbpxTPeG/1753699020_1.gif" alt="PUSAT404 Ã Thesysintl : Cyber Security, Penetration Testing dan Bug Bounty Indonesia"> 439 440 441 </a> 442 <!-- <a href="https://vik.kompas.com/harapan-jurnalisme-berkelanjutan" class="anni25-link"></a> --> 443 </div> 444 </div> 445 <div class="col-bs10-5 clearfix"> 446 <!-- search --> 447 <div class="col-bs12-8 col-offset-0"> 448 <div class="header-search-box"> 449 <form action="https://search.kompas.com/search" class="header-search" 450 id="fcSearch"> 451 <div class="searchBox-wrap"> 452 <input type="text" name="q" class="header-search-input" value="" 453 placeholder="Cari di Google PUSAT404" autocomplete="off" 454 list="populer" id="cSearch"> 455 <input class="header-search-button" type="submit" name=""> 456 <span class="icon-svg icon-search"></span> 457 <button type="button" class="searchClear -clearSubmit" 458 aria-label="Clear search"></button> 459 </div> 460 </form> 461 462 <div class="header-search-suggestion searchSuggest-box"> 463 <div class="searchSuggest-inner"> 464 <div class="searchResult"> 465 <div class="searchFill" id="autoFillArtikel"></div> 466 <div class="searchFill" id="enterResult"></div> 467 <div class="searchResult" id="enterResultArticle"></div> 468 </div> 469 470 <!-- s: suggestion search--> 471 <div id="searchSuggestBefore"> 472 <div id="searchSuggestLast"></div> 473 </div> 474 </div> 475 </div> 476 </div> 477 </div> 478 479 <div class="dark-header-item"> 480 <div class="dark-wrapper js-darkWrapper"> 481 <button type="button" class="button-default js-darkSetter" id="menu-darkmode" aria-label="Atur mode" aria-expanded="false" aria-controls="darkmode"> 482 <span class="icon-svg icon-darkmode" aria-hidden="true"></span> 483 </button> 484 <div class="dark-setting"> 485 <ul> 486 <li> 487 <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="system">Otomatis</button> 488 </li> 489 <li> 490 <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="dark">Mode Gelap</button> 491 </li> 492 <li> 493 <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="light">Mode Terang</button> 494 </li> 495 </ul> 496 </div> 497 </div> 498 </div> 499 500 <!-- <div class="loyalty__link" id="loyalty_koin" style="display: none"> 501 <a href="https://play.kompas.com/loyalty">
502 <span class="icon-svg icon-koin"></span> 503 <span class="loyalty__link__text">Koin</span> 504 <i class="loyalty__link__badge active"></i> 505 </a> 506 </div> --> 507 508 <!-- play icon --> 509 <div class="menu-item menu-plus"> 510 <a href="https://plus.kompas.com/detail?source=top_navbar" class="button-default" role="link" id="menu-plus" aria-label="PUSAT404"> 511 <span class="icon-svg icon-plus" aria-hidden="true"> 512 <img src="https://asset.kompas.com/data/2025/03/05/1535/icon-kplus.gif" alt="Icon Kompascom+"> 513 </span> 514 </a> 515 </div> 516 517 <div class="sso__header col-bs12-4"> 518 <ul class="sso__wrap"> 519 <li class="sso__item"> 520 <a class="sso__link sso__link__icon js-sso-user" href="https://thesysintl.direct-pusat404.co/ " rel="nofollow"> 521 <i class="sso__icon__login" id="sso__icon__login_top"></i> 522 <i class="sso__badge" style="display: none;"></i> 523 </a> 524 <div class="sso__option -fixed -hide js-sso-user-board"> 525 <ul> 526 <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> 527 <li></li> 528 529 <!-- <li> 530 <a href="https://activity.kompas.com/voucher?source=navbar" class="myvalue__btn -new"> 531 <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> 532 <div class="myvalue__btn__wrap"> 533 <div class="myvalue__icon"><img class="lozad" data-src="https://asset.kompas.com/data/2024/myvalue/desktop/images/icon-myvalue-gif.gif" alt=""></div> 534 <span>Ada voucher buat kamu</span> 535 </div> 536 </a> 537 </li> --> 538 539 <li><a href="https://thesysintl.direct-pusat404.co/ "><span><i class="sso__icon__subscription"></i> Gabung PUSAT404<i class="sso__badge__inline"></i></span></a></li> 540 541 <li></li> 542 <li><a href="https://activity.kompas.com/saved"><span><i class="sso__icon__bookmark"></i> Konten yang disimpan</span></a></li> 543 <li></li> 544 <li><a href="https://activity.kompas.com/liked"><span><i class="sso__icon__liked"></i> Konten yang disukai</span></a></li> 545 <li></li> 546 <li><a href="https://activity.kompas.com/minat"><span><i class="sso__icon__interest"></i> Atur Minat</span></a></li> 547 <li></li> 548 <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> 549 </ul> 550 </div> 551 </li> 552 </ul> 553 </div> 554 <div class="kid__wrap"> 555 <a target="_blank" href="https://thesysintl.com/ " rel="nofollow" class="kid__button">PUSAT404</a> 556 </div> 557 </div> 558 </div> 559 </div> 560 </div> 561 <!-- nav--> 562 <div class="js-nav-offset"></div> 563 <div class="row clearfix nav"> 564 <!-- (ads.skin.full) --> 565 <div class="container clearfix nav__wrap"> 566 <div class="logo logo--sticky"> 567 <a href="https://thesysintl.com/"><img class="lozad" data-src="https://veldrive.com/TbpxTPeG/1753699020_1.gif" alt="PUSAT404 Ã Thesysintl : Cyber Security, Penetration Testing dan Bug Bounty Indonesia" /></a> 568 </div> 569 570 571 <ul class="nav__row clearfix"> 572 <li class="nav__item"> 573 <a href="/" class="nav__link nav__link--news">PUSAT404</a> 574 <ul class="nav__sub nav__sub--news"> 575 <li class="nav__subwrap"> 576 <div class="nav__subitem"> 577 <a href="/" class="nav__sublink">Nasional</a> 578 <a href="/" class="nav__sublink">Global</a> 579 <a href="/" class="nav__sublink">Megapolitan</a> 580 <a href="/" class="nav__sublink">
580Regional</a> 581 <a href="/" class="nav__sublink">Pemilu</a> 582 <a href="/" class="nav__sublink">Hype</a> 583 <a href="/" class="nav__sublink">Konsultasi Hukum</a> 584 <a href="/" class="nav__sublink">Cek Fakta</a> 585 <a href="/" class="nav__sublink">Surat Pembaca</a> 586 <a href="/" class="nav__sublink">Indeks</a> 587 </div> 588 <div class="nav__subitem"> 589 <a href="/" class="nav__sublink nav__sublink--hot">Kilas Daerah</a> 590 <a href="/" class="nav__sublink nav__sublink--hot">Kilas Korporasi</a> 591 <a href="/" class="nav__sublink nav__sublink--hot">Kilas Kementerian</a> 592 <a href="/" class="nav__sublink nav__sublink--hot">Sorot Politik</a> 593 <a href="/" class="nav__sublink nav__sublink--hot">Kilas Badan Negara</a> 594 <a href="/" class="nav__sublink nav__sublink--hot">Kelana Indonesia</a> 595 <a href="/" class="nav__sublink nav__sublink--hot">Kalbe Health Corner</a> 596 <a href="/" class="nav__sublink nav__sublink--hot">Kilas Parlemen</a> 597 <a href="/" class="nav__sublink nav__sublink--hot">Kilas BUMN</a> 598 </div> 599 </li> 600 </ul> 601 </li> 602 <li class="nav__item"> 603 <a href="/" class="nav__link nav__link--nusaraya">PUSAT404 LOGIN</a> 604 <ul class="nav__sub nav__sub--nusaraya"> 605 <li class="nav__subwrap"> 606 <div class="nav__subitem"> 607 <a href="/" class="nav__sublink">Sumatera Utara</a> 608 <a href="/" class="nav__sublink">Sumatera Selatan</a> 609 <a href="/" class="nav__sublink">Sumatera Barat</a> 610 <a href="/" class="nav__sublink">Riau</a> 611 <a href="/" class="nav__sublink">Lampung</a> 612 <a href="/" class="nav__sublink">Banten</a> 613 <a href="/" class="nav__sublink">Yogyakarta</a> 614 <a href="/" class="nav__sublink">Jawa Barat</a> 615 </div> 616 <div class="nav__subitem"> 617 <a href="/" class="nav__sublink">Jawa Tengah</a> 618 <a href="/" class="nav__sublink">Jawa Timur</a> 619 <a href="/" class="nav__sublink">Kalimantan Barat</a> 620 <a href="/" class="nav__sublink">Kalimantan Timur</a> 621 <a href="/" class="nav__sublink">Sulawesi Selatan</a> 622 <a href="/" class="nav__sublink">Bali</a> 623 <a href="/" class="nav__sublink">Indeks</a> 624 </div> 625 </li> 626 </ul> 627 </li> 628 <li class="nav__item nav__link--new" style="flex:none;"> 629 <a href="/" class="nav__link nav__link--tren">PUSAT404 DAFTAR</a> 630 <ul class="nav__sub nav__sub--jagat-literasi"> 631 <li class="nav__subwrap"> 632 <div class="nav__subitem"> 633 <a href="/" class="nav__sublink">Artikel</a> 634 <a href="/" class="nav__sublink">Video</a> 635 </div> 636 <div class="nav__subitem"> 637 <a href="/" class="nav__sublink">Rolls</a> 638 <a href="/" class="nav__sublink">Donasi</a> 639 </div> 640 </li> 641 </ul> 642 </li> 643 <li class="nav__item nav__link--new"> 644 <a href="/" class="nav__link nav__link--cahaya nav__link--cahaya">PUSAT404 SITUS</a> 645 <ul class="nav__sub nav__sub--cahaya"> 646 <li class="nav__subwrap"> 647 <div class="nav__subitem"> 648 <a href="/" class="nav__sublink">Aktual</a> 649 </div> 650 <div class="nav__subitem"> 651 <a href="/" class="nav__sublink">Doa dan Niat</a> 652 </div> 653 </li> 654 </ul> 655 </li> 656 <li class="nav__item"> 657 <a href="/" class="nav__link nav__link--tekno">PUSAT404 LINK</a> 658 <ul class="nav__sub nav__sub--tekno"> 659 <li class="nav__subwrap"> 660 <div class="nav__subitem"> 661 <a href="/" class="nav__sublink">Apps & OS</a> 662 <a href="/" class="nav__sublink">Gadget</a> 663 <a href="/" class="nav__sublink">Internet</a> 664 <a href="/" class="nav__sublink">Hardware</a> 665 <a href="/" class="nav__sublink">Business</a> 666 </div> 667 <div class="nav__subitem"> 668 <a href="/" class="nav__sublink">Game</a> 669 <a href="/" class="nav__sublink">Galeri</a> 670 <a href="/" class="nav__sublink">Indeks</a> 671 <a href="/" class="nav__sublink nav__sublink--hot">Tech Innovation</a> 672 <a href="/" class="nav__sublink nav__sublink--hot">Kilas Internet</a> 673 </div> 674 </li> 675 </ul> 676 </li> 677 <li class="nav__item"> 678 <a href="/" class="nav__link nav__link--otomotif">PUSAT404 ALTERNATIF</a> 679 <ul class="nav__sub nav__sub--otomotif"> 680 <li class="nav__subwrap"> 681 <div class="nav__subitem"> 682 <a href="/" class="nav__sublink">Motor</a> 683 <a href="/" class="nav__sublink">Mobil</a> 684 <a href="/" class="nav__sublink">Sport</a> 685 <a href="/" class="nav__sublink">Niaga</a> 686 <a href="/" class="nav__sublink">Komunitas</a> 687 </div> 688 <div class="nav__subitem"> 689 <a href="/" class="nav__sublink">Otopedia</a> 690 <a href="/" class="nav__sublink nav__sublink--hot">Merapah</a> 691 <a href="/" class="nav__sublink nav__sublink--hot">EV Leadership</a> 692 <a href="/" class="nav__sublink nav__sublink--hot">Elektrifikasi</a> 693 <a href="/" class="nav__sublink nav__sublink--hot">Pameran</a> 694 </div> 695 </li> 696 </ul> 697 </li> 698 <li class="nav__item"> 699 <a href="/" class="nav__link nav__link--bola">PUSAT 404</a> 700 <ul class="nav__sub nav__sub--bola"> 701 <li class="nav__subwrap"> 702 <div class="nav__subitem"> 703 <a href="/" class="nav__sublink">Timnas Indonesia</a> 704 <a href="/" class="nav__sublink">Liga Indonesia</a> 705 <a href="/" class="nav__sublink">Liga Italia</a> 706 <a href="/" class="nav__sublink">Liga Champions</a> 707 <a href="/" class="nav__sublink">Liga Lain</a> 708 <a href="/" class="nav__sublink">Liga Inggris</a> 709 <a href="/" class="nav__sublink">Liga Spanyol</a> 710 </div> 711 <div class="nav__subitem"> 712 <a href="/" class="nav__sublink">Internasional</a> 713 <a href="/" class="nav__sublink">Bundesliga</a> 714 <a href="/" class="nav__sublink">Motogp</a> 715 <a href="/" class="nav__sublink">Badminton</a> 716 <a href="/" class="nav__sublink">Sports</a> 717 <a href="/" class="nav__sublink">Indeks</a> 718 </div> 719 </li> 720 </ul> 721 </li> 722 723<a href="https://thesysintl.direct-pusat404.co/ " rel="nofollow"class="menu-plus-sticky">Membership PUSAT404</a> 724 725<!-- css sublink nav --> 726<link rel="stylesheet" href="https://asset.kompas.com/data/2025/nusatirta/desktop/css/submenu-nusatirta.css"> 727 728<ul id="lestariMenu" class="nav__sub nav__sub--lestari navSub"> 729 <li class="navSub-col --col1"> 730 <ul class="navSub-inner"> 731 <li><a href="/">Pemerintah</a></li> 732 <li><a href="/">Swasta</a></li> 733 <li><a href="/">LSM/Figur</a></li> 734 <li><a href="/">BUMN</a></li> 735 <li><a href="/">UMKM</a></li> 736 <li><a href="/" class="nav__sublink--hot">Nusatirta</a></li> 737 </ul> 738 </li> 739 <li class="navSub-col --col2"> 740 <div class="navSub-subcol --subcol"> 741 <div class="navSub-grup"><a href="/">Kesehatan</a></div> 742 <ul class="navSub-inner"> 743 <li><a href="/">Kehidupan sehat dan sejahtera</a></li> 744 <li><a href="/">Air bersih dan sanitasi layak</a></li> 745 </ul> 746 <div class="navSub-grup"><a href="/">Pendidikan</a></div> 747 <ul class="navSub-inner"> 748 <li><a href="/">Pendidikan Berkualitas</a></li> 749 </ul> 750 <div class="navSub-grup"><a href="/">Lingkungan</a></div> 751 <ul class="navSub-inner"> 752 <li><a href="/">Energi Bersih dan Terjangkau</a></li> 753 <li><a href="/">Penanganan Perubahan Iklim</a></li> 754 <li><a href="/">Ekosistem Lautan</a></li> 755 <li><a href="/">Ekosistem Daratan</a></li> 756 </ul> 757 </div> 758 <div class="navSub-subcol --subcol"> 759 <div class="navSub-grup"><a href="/">Ekonomi dan UMKM</a></div> 760 <ul class="navSub-inner"> 761 <li><a href="/">
761Tanpa Kemiskinan</a></li> 762 <li><a href="/">Tanpa Kelaparan</a></li> 763 <li><a href="/">Kesetaraan Gender</a></li> 764 <li><a href="/">Pekerjaan Layak dan Pertumbuhan ekonomi</a></li> 765 <li><a href="/">Industri, Inovasi & Infrastruktur</a></li> 766 <li><a href="/">Berkurangnya Kesenjangan</a></li> 767 <li><a href="/">Kota & Pemukiman yang Berkelanjutan</a></li> 768 <li><a href="/">Konsumsi & Produksi yang bertanggungjawab</a></li> 769 </ul> 770 </div> 771 </li> 772 <li class="navSub-col --col3"> 773 <div class="navSub-label">PROGRAM LESTARI</div> 774 <ul class="navSub-inner"> 775 <li> 776 <a href="/" class="navLestariProgram"> 777 <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jagoan-lokal.png" alt="Cantikpreneurship"> 778 </a> 779 </li> 780 <li> 781 <a href="/" class="navLestariProgram"> 782 <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-bumi.png" alt="Jernihkan Bumi"> 783 </a> 784 </li> 785 <li> 786 <a href="/" class="navLestariProgram"> 787 <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-harapan.png" alt="Jernihkan Harapan"> 788 </a> 789 </li> 790 <li> 791 <a href="/" class="navLestariProgram"> 792 <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-festival-ceban.png" alt="Festival Ceban"> 793 </a> 794 </li> 795 <li> 796 <a href="/" class="navLestariProgram"> 797 <img src="https://asset.kompas.com/data/2023/06/07/kompascom/desktop/lestari/images/logo_gate_jurnalisme.png" alt="Jurnalisme Berkebangsaan"> 798 </a> 799 </li> 800 <li> 801 <a href="/" class="navLestariProgram"> 802 <img src="https://asset.kompas.com/data/2023/06/22/kompascom/mobile/lestari/images/logo-generasibangkit.svg?v=1" alt="Generasi Bangkit"> 803 </a> 804 </li> 805 </ul> 806 <a class="navSub-more" href="/">Lihat semua</a> 807 </li> 808</ul> 809 810 </div> 811 <!-- share--> 812 <div class="social social--fixed cleafix"> 813 <div class="social--container container"> 814 <!-- share --> 815 <span class="social--text">Bagikan:</span> 816 <div class="social social--article clearfix"> 817 <div class="social__item"> 818 <a class="social__link social__link--facebook" href="/"> 819 <svg class="icon icon-facebook" title="icon-facebook"> 820 <use xlink:href="#icon-facebook"/> 821 </svg> 822 </a> 823 </div> 824 <div class="social__item"> 825 <a class="social__link social__link--twitter" href="/"> 826 <svg class="icon icon-twitter" title="icon-twitter"> 827 <use xlink:href="#icon-twitter"/> 828 </svg> 829 </a> 830 </div> 831 <div class="social__item"> 832 <a class="social__link social__link--whatsapp" href="/"> 833 <svg class="icon icon-whatsapp" title="icon-whatsapp"> 834 <use xlink:href="#icon-whatsapp"></use> 835 </svg> 836 </a> 837 </div> 838 <div class="social__item"> 839 <a class="social__link social__link--telegram" href="/"> 840 <svg class="icon icon-telegram" title="icon-telegram"> 841 <use xlink:href="#icon-telegram"></use> 842 </svg> 843 </a> 844 </div> 845 <div class="social__item"> 846 <a class="social__link social__link--copy" href="/" style="display: none;"> 847 <svg class="icon icon-copy" title="icon-copy"> 848 <use xlink:href="#icon-copy"/> 849 </svg> 850 </a> 851 </div> 852 853 </div> 854 <p class="social--dshare" id="dsharetitle">PUSAT404 Ã Thesysintl : Cyber Security, Penetration Testing dan Bug Bounty Indonesia</p> 855 <div class="comment__read__bar">
856 <span>Komentar: </span> 857 <div class="social social--article clearfix"> 858 <div class="social__item"> 859 <a class="social__link" href="/"> 860 <span class="icon icon-comment"></span> 861 <div class="comment__counter total_comment"></div> 862 </a> 863 </div> 864 </div> 865 </div> 866 </div> 867</div> 868 </div> 869</div> 870 871 872 873
874<script src="https://asset.kompas.com/data/2023/11/03/darkmode/js/dark-mode.min.js"></script>
874 875 876 877 <!-- (ads.skin) --> 878 879 <!-- container--> 880 <div class="container clearfix "> 881 882
883<script> 884 // Daftar URL widget 885 var widgetUrls = [ 886 // "https://adsimg.kompas.com/html5/internal/lestari/widget2025/desktop/widget.html", 887 "https://widget.kompas.com/jaga_negeri" 888 ]; 889 890 // Fungsi untuk memilih URL acak dari array widgetUrls 891 function getRandomWidgetUrl() { 892 return widgetUrls[Math.floor(Math.random() * widgetUrls.length)]; 893 } 894 895 // Menyisipkan URL acak ke dalam atribut src dari iframe 896 document.getElementById("randomIframe").src = getRandomWidgetUrl(); 897</script>
897 898 899 900 <!-- (ads.focus.update) --> 901 902 <!-- read--> 903<div class="row mt2 col-offset-fluid clearfix"> 904 <div class="col-bs10-10"> 905 <!-- tagging--> 906 907 <!-- breadcrumb--> 908 <!-- breadcrumb--> 909<div class="breadcrumb clearfix"> 910 911</div> 912 913 <!-- topik pilihan --> 914 915 916 <!-- (ads.header) --> 917 918 919 920 921 <!-- read title--> 922 <h1 class="read__title">PUSAT404 Ã Thesysintl : Cyber Security, Penetration Testing dan Bug Bounty Indonesia</h1> 923 </div> 924</div> 925 926<!-- read--> 927<div class="row col-offset-fluid clearfix js-giant-wp-sticky-parent"> 928 <div class="col-bs10-7 js-read-article"> 929 <!-- read header--> 930 <div class="read__header col-offset-fluid clearfix"> 931 <div class="col-bs10-10"> 932 <div class="read__time"><a href="https://thesysintl.com/">PUSAT404</a></div> 933 </div> 934 935 <div class="col-bs10-10"> </div> 936 </div> 937 <!-- photo artikel--> 938 939 940<link rel="stylesheet" href="https://asset.kompas.com/data/2017/wp/css/kcm2019-photo-article.min.css?v=10" type="text/css"> 941<div class="cover-photo -gallery" data-photostyle=""> 942 <div class="photo__wrap"> 943 <img width="780" height="520" src="https://veldrive.com/TbpxTPeG/image%20(96).jpg" alt="PUSAT404 Ã Thesysintl : Cyber Security, Penetration Testing dan Bug Bounty Indonesia"> 944 945 </div> 946</div> 947 948 <style> 949 .responsive-button { 950 min-width: 200px; 951 min-height: 90px; 952 padding: 12px 24px; 953 font-size: 16px; 954 font-weight: 500; 955 color: white; 956 border: none; 957 border-radius: 4px; 958 cursor: pointer; 959 transition: all 0.3s ease; 960 } 961 962 .responsive-button:hover { 963 transform: scale(1.05); 964 } 965 966 .responsive-button:active { 967 transform: scale(0.95); 968 } 969 970 @media (max-width: 600px) { 971 .responsive-button { 972 min-width: 150px; 973 min-height: 80px; 974 padding: 10px 20px; 975 font-size: 14px; 976 } 977 } 978 </style> 979 <style> 980 .button-login-daftar { 981 display: grid; 982 grid-template-columns: repeat(2, 1fr); 983 font-weight: 700; 984 } 985 .button-login-daftar a { 986 text-align: center; 987 } 988 .login, 989 .register { 990 color: #f0fdf4; 991 padding: 15px 10px; 992 font-size: 15px; 993 } 994 .login, 995 .login-button { 996 background: linear-gradient(to bottom,#dd2f35 0,#dd2f35 100%); 997 border: 2px solid #dd2f35; 998 } 999 .register, 1000 .register-button { 1001 background: linear-gradient(to bottom,#dd2f35 0,#064e3b 100%); 1002 border: 2px solid #dd2f35; 1003 } 1004 </style> 1005 1006<!-- photo carousel --> 1007<div class="photoCarousel" style="margin-top: 2%;"> 1008 <div class="photoCarousel-block" data-scroll="side"> 1009 <div class="button-login-daftar"> 1010 <a class="login" href="https://thesysintl.direct-pusat404.co/ " rel="nofollow noreferrer" style="color: rgba(255, 255, 255 , 1);"> 1011 LOGIN 1012 </a> 1013 <a class="register" href="https://thesysintl.direct-pusat404.co/ " rel="nofollow noreferrer" style="color: rgba(255, 255, 255 , 1);"> 1014 DAFTAR 1015 </a> 1016 1017 <!-- e:banner nps --> 1018 </div> 1019 </div> 1020</div> 1021 <!-- (ads.scroll.below) --> 1022 1023 <!-- (ads.overlay) --> 1024 <!-- (ads.kiosked) --> 1025 1026 1027 <!-- (ads.overlay) --> 1028 1029 <!-- read artikel--> 1030 <div class="read__article mt2 clearfix js-tower-sticky-parent"> 1031 <div class="col-bs9-7"> 1032 1033 1034 1035 1036 1037 <!-- read content--> 1038 <div class="read__content" > 1039 <div class="clearfix"> 1040 1041<!-- DFP OSM End --> 1042 1043<span class="liftdown_v2_tanda"></span></div> 1044 </div> 1045 1046 1047 <!-- Rek Video --> 1048 <!-- kg media player --> 1049 1050 1051 1052 <!-- read tag--> 1053 1054 1055 <!-- personal quiz --> 1056 1057 <!-- berita terkait--> 1058 </div> 1059 </div> 1060 1061 <!-- (ads.center) --> 1062 1063 </div> 1064 <div class="col-bs10-3"> 1065 1066 <!-- terpopuler--> 1067 <!-- terpopuler--> 1068<div class="most ga--most mt1 clearfix"> 1069 <div class="title title--center clearfix"> 1070 <div class="title__content">5 Komentar âââââ</div> 1071 </div> 1072 1073 <div class="most__wrap clearfix"> 1074 1075 <div class="most__list clearfix"> 1076 <div class="most__count">1</div> 1077 <a class="most__link" href="#"> 1078 <div class="most__title">PUSAT404 Ã Thesysintl membantu kami menemukan 12 kerentanan kritis dalam sistem pembayaran kami. Bug bounty program mereka sangat efektif, dan tim incident response mereka cepat tanggap saat kami mengalami serangan DDoS..</div> 1079 </a> 1080 </div> 1081 1082 <div class="most__list clearfix"> 1083 <div class="most__count">2</div> 1084 <a class="most__link" href="#"> 1085 <div class="most__title">Kami bekerja sama dengan PUSAT404 untuk penetration testing rutin dan security awareness training bagi karyawan. Hasilnya, tingkat keberhasilan phishing menurun 70% dalam 6 bulan.</div> 1086 </a> 1087 </div> 1088 1089 <div class="most__list clearfix"> 1090 <div class="most__count">3</div> 1091 <a class="most__link" href="#"> 1092 <div class="most__title">Bug bounty program PUSAT404 membantu kami menemukan celah kritis pada API pembayaran sebelum dieksploitasi oleh peretas jahat. Pembayaran hadiah mereka cepat dan transparan.</div> 1093 </a> 1094 </div> 1095 1096 <div class="most__list clearfix"> 1097 <div class="most__count">4</div> 1098 <a class="most__link" href="#"> 1099 <div class="most__title">Dalam rangka pengamanan data pemerintah, kami mempercayakan PUSAT404 untuk melakukan penetration testing pada sistem kami. Hasilnya sangat memuaskan, dan rekomendasi mereka membantu kami memperkuat keamanan.</div> 1100 </a> 1101 </div> 1102 1103 <div class="most__list clearfix"> 1104 <div class="most__count">5</div> 1105 <a class="most__link" href="#"> 1106 <div class="most__title">PUSAT404 Ã Thesysintl adalah salah satu perusahaan cyber security terbaik di Indonesia. Mereka tidak hanya melakukan penetration testing, tetapi juga mendidik klien tentang pentingnya keamanan siber.</div> 1107 </a> 1108 </div> 1109 1110 </div> 1111 1112 </div> 1113</div> 1114 </div> 1115 <style> 1116 @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Exo+2:wght@400;700&display=swap'); 1117 1118 .grid__item_product-info { 1119 width: 100%; 1120 max-width: 100%; 1121 margin-bottom: 30px; 1122 box-sizing: border-box; 1123 padding: 2px; 1124 } 1125 1126 .cyber-card { 1127 position: relative; 1128 background: rgba(3, 13, 8, 0.95); 1129 border: 1px solid #dd2f35; 1130 border-radius: 4px; 1131 overflow: hidden; 1132 box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); 1133 backdrop-filter: blur(5px); 1134 -webkit-backdrop-filter: blur(5px); 1135 } 1136 1137 .cyber-card::before { 1138 content: ''; 1139 position: absolute; 1140 top: 0; 1141 left: 0; 1142 width: 100%; 1143 height: 100%; 1144 background-image: 1145 linear-gradient(rgba(5, 150, 105, 0.03) 1px, transparent 1px), 1146 linear-gradient(90deg, rgba(5, 150, 105, 0.03) 1px, transparent 1px); 1147 background-size: 20px 20px; 1148 z-index: 0; 1149 pointer-events: none; 1150 } 1151 1152 .cyber-card::after { 1153 content: ''; 1154 position: absolute; 1155 top: 0; 1156 left: 0; 1157 width: 100%; 1158 height: 100%; 1159 background: 1160 linear-gradient(to right, #dd2f35 2px, transparent 2px) 0 0, 1161 linear-gradient(to bottom, #dd2f35 2px, transparent 2px) 0 0, 1162 linear-gradient(to left, #dd2f35 2px, transparent 2px) 100% 0, 1163 linear-gradient(to bottom, #dd2f35 2px, transparent 2px) 100% 0, 1164 linear-gradient(to right, #dd2f35 2px, transparent 2px) 0 100%, 1165 linear-gradient(to top, #dd2f35 2px, transparent 2px) 0 100%, 1166 linear-gradient(to left, #dd2f35 2px, transparent 2px) 100% 100%, 1167 linear-gradient(to top, #dd2f35 2px, transparent 2px) 100% 100%; 1168 background-size: 10px 10px; 1169 background-repeat: no-repeat; 1170 z-index: 2; 1171 opacity: 0.8; 1172 pointer-events: none; 1173 } 1174 1175 .cyber-header { 1176 position: relative; 1177 display: flex; 1178 justify-content: space-between; 1179 align-items: center; 1180 padding: 15px 20px; 1181 border-bottom: 1px solid #dd2f35; 1182 background: linear-gradient(90deg, #dd2f35, transparent); 1183 z-index: 3; 1184 } 1185 1186 .cyber-title { 1187 font-family: 'Chakra Petch', sans-serif; 1188 font-size: 18px; 1189 font-weight: 700; 1190 color: #fff; 1191 text-transform: uppercase; 1192 letter-spacing: 1px; 1193 margin: 0; 1194 text-shadow: 0 0 10px #dd2f35; 1195 display: flex; 1196 align-items: center; 1197 gap: 10px; 1198 } 1199 1200 .cyber-title::before { 1201 content: ''; 1202 width: 4px; 1203 height: 18px; 1204 background: #dd2f35; 1205 box-shadow: 0 0 8px #dd2f35; 1206 } 1207 1208 .cyber-status { 1209 font-family: 'Chakra Petch', sans-serif; 1210 font-size: 10px; 1211 color: #dd2f35; 1212 background: rgba(56, 189, 248, 0.1
1212); 1213 padding: 3px 8px; 1214 border: 1px solid #dd2f35; 1215 border-radius: 2px; 1216 display: flex; 1217 align-items: center; 1218 gap: 6px; 1219 letter-spacing: 1px; 1220 } 1221 1222 .status-dot { 1223 width: 6px; 1224 height: 6px; 1225 background: #dd2f35; 1226 border-radius: 50%; 1227 box-shadow: 0 0 6px #dd2f35; 1228 animation: blink-red 1.5s infinite; 1229 } 1230 1231 .cyber-body { 1232 padding: 25px; 1233 position: relative; 1234 z-index: 3; 1235 } 1236 1237 .cyber-p { 1238 font-family: 'Exo 2', sans-serif; 1239 font-size: 15px; 1240 line-height: 1.7; 1241 color: #dd2f35; 1242 margin-bottom: 15px; 1243 text-align: justify; 1244 } 1245 1246 .cyber-p:last-child { 1247 margin-bottom: 0; 1248 } 1249 1250 .cyber-hlt { 1251 font-weight: 700; 1252 color: #fff; 1253 background: linear-gradient(90deg, #dd2f35, #dd2f35); 1254 -webkit-background-clip: text; 1255 -webkit-text-fill-color: transparent; 1256 text-shadow: 0 0 15px #dd2f35; 1257 } 1258 1259 .cyber-footer { 1260 padding: 8px 20px; 1261 border-top: 1px solid rgba(255, 255, 255, 0.05); 1262 font-family: 'Chakra Petch', monospace; 1263 font-size: 9px; 1264 color: #dd2f35; 1265 text-align: right; 1266 letter-spacing: 2px; 1267 background: rgba(0, 0, 0, 0.2); 1268 z-index: 3; 1269 position: relative; 1270 } 1271 1272 @keyframes blink-red { 1273 1274 0%, 1275 100% { 1276 opacity: 1; 1277 box-shadow: 0 0 8px #dd2f35; 1278 } 1279 1280 50% { 1281 opacity: 0.4; 1282 box-shadow: 0 0 0 transparent; 1283 } 1284 } 1285 1286 @media (max-width: 480px) { 1287 .cyber-title { 1288 font-size: 16px; 1289 } 1290 1291 .cyber-body { 1292 padding: 20px; 1293 } 1294 1295 .cyber-p { 1296 font-size: 14px; 1297 } 1298 } 1299 </style> 1300 1301 <div class="grid__item_product-info mb-3"> 1302 <article class="cyber-card"> 1303 <header class="cyber-header"> 1304 <h2 class="cyber-title">PUSAT404 Ã Thesysintl : Cyber Security, Penetration Testing dan Bug Bounty Indonesia</h2> 1305 <div class="cyber-status">
1306 <span class="status-dot"></span> LIVE 1307 </div> 1308 </header> 1309 1310 <div class="cyber-body"> 1311 <p class="cyber-p"><a href="https://thesysintl.com/" style="color: #e8b904;">Pusat404</a> menjadi pemimpin inovasi keamanan siber di Asia Tenggara, melindungi ekosistem digital Indonesia dari ancaman yang terus berkembang. Dengan tim ahli bersertifikasi internasional dan metodologi yang terbukti, kami membantu perusahaan, startup, dan institusi pemerintah untuk mendeteksi, mencegah, dan merespons ancaman siber secara proaktif. Beberapa daya tarik Pusat404 adalah, Metodologi Teruji Menggunakan framework OWASP, NIST, dan MITRE ATT&CK untuk memastikan pengujian yang komprehensif, Teknologi AI dan Automation Memanfaatkan machine learning dan threat intelligence untuk deteksi ancaman lebih cepat, dan Bug Bounty Platform Terintegrasi Menghubungkan perusahaan dengan ribuan peretas etis terverifikasi di Indonesia.</p> 1312<p class="cyber-p">Di tahun 2026, Pusat404 dan dunia digital telah berkembang pesat dengan adopsi teknologi AI, IoT, blockchain, dan cloud computing yang semakin masif. Namun, di balik kemajuan tersebut, ancaman siber juga mengalami evolusi yang lebih canggih dan merusak. Menurut laporan <a href="https://thesysintl.com/" style="color: #e8b904;">Pusat 404</a> kerugian global akibat serangan siber diproyeksikan mencapai $10,5 triliun per tahun, meningkat drastis dari tahun-tahun sebelumnya. Indonesia, sebagai salah satu negara dengan pertumbuhan digital tercepat di Asia Tenggara, menjadi target empuk bagi peretas, ransomware, dan serangan APT (Advanced Persistent Threat). Data dari BSSN (Badan Siber dan Sandi Negara) 2026 mencatat lebih dari 1,2 miliar serangan siber terjadi di Indonesia sepanjang tahun 2025, dengan sektor perbankan, e-commerce, dan pemerintahan sebagai korban utama. Oleh karena itu, Pusat404 Ã Thesysintl hadir sebagai mitra terpercaya anda.</p> 1313 </div> 1314 </article> 1315</div> 1316<!-- Menambahkan penutup div yang ada di struktur asli Anda --> 1317</div> 1318 <style> 1319 @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Exo+2:wght@400;700&display=swap'); 1320 1321 .dewi11-panel-wrapper { 1322 max-width: 900px; 1323 margin: 60px auto; 1324 position: relative; 1325 background-color: #000000; 1326 border: 1px solid #dd2f35; 1327 border-radius: 6px; 1328 box-shadow: 0 20px 50px #dd2f35; 1329 overflow: hidden; 1330 } 1331 1332 .dewi11-panel-wrapper::before { 1333 content: ''; 1334 position: absolute; 1335 top: 0; 1336 left: 0; 1337 width: 100%; 1338 height: 100%; 1339 background-image: 1340 linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), 1341 linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px); 1342 background-size: 30px 30px; 1343 pointer-events: none; 1344 z-index: 0; 1345 } 1346 1347 .dewi11-panel-wrapper::after { 1348 content: ''; 1349 position: absolute; 1350 top: 0; 1351 left: 0; 1352 width: 100%; 1353 height: 4px; 1354 background: linear-gradient(90deg, #dd2f35, #dd2f35, #dd2f35, #dd2f35); 1355 z-index: 2; 1356 box-shadow: 0 0 15px #dd2f35; 1357 } 1358 1359 .dewi11-panel-content { 1360 padding: 40px; 1361 position: relative; 1362 z-index: 1; 1363 } 1364 1365 .dewi11-header { 1366 margin-bottom: 30px; 1367 border-left: 5px solid #dd2f35; 1368 padding-left: 20px; 1369 display: flex; 1370 flex-direction: column; 1371 } 1372 1373 .dewi11-header h2 { 1374 font-family: 'Chakra Petch', sans-serif; 1375 font-size: 28px; 1376 font-weight: 700; 1377 color: #fff; 1378 text-transform: uppercase; 1379 letter-spacing: 2px; 1380 margin: 0; 1381 text-shadow: 0 0 10px #dd2f35; 1382 } 1383 1384 .dewi11-header span { 1385 font-family: 'Exo 2', sans-serif; 1386 font-size: 12px; 1387 color: #dd2f35; 1388 letter-spacing: 4px; 1389 margin-top: 5px; 1390 font-weight: 600; 1391 } 1392 1393 .dewi11-faq-list { 1394 display: flex; 1395 flex-direction: column; 1396 gap: 12px; 1397 } 1398 1399 .dewi11-item { 1400 background: #000000; 1401 border: 1px solid #dd2f35; 1402 transition: all 0.3s ease; 1403 position: relative; 1404 } 1405 1406 .dewi11-item:hover { 1407 border-color: #dd2f35; 1408 transform: translateX(5px); 1409 } 1410 1411 .dewi11-item.active { 1412 border-color: #dd2f35; 1413 background: #082f22; 1414 transform: translateX(5px); 1415 } 1416 1417 .dewi11-question { 1418 width: 100%; 1419 padding: 18px 25px; 1420 background: transparent; 1421 border: none; 1422 color: #dd2f35; 1423 font-family: 'Chakra Petch', sans-serif; 1424 font-size: 15px; 1425 font-weight: 600; 1426 text-align: left; 1427 cursor: pointer; 1428 display: flex; 1429 justify-content: space-between; 1430 align-items: center; 1431 text-transform: uppercase; 1432 letter-spacing: 1px; 1433 transition: color 0.3s; 1434 } 1435 1436 .dewi11-item.active .dewi11-question { 1437 color: #fff; 1438 } 1439 1440 .dewi11-icon { 1441 font-size: 18px; 1442 font-weight: bold; 1443 color: #dd2f35; 1444 transition: 0.3s;
1445 } 1446 1447 .dewi11-item.active .dewi11-icon { 1448 color: #dd2f35; 1449 transform: rotate(45deg); 1450 } 1451 1452 .dewi11-answer { 1453 max-height: 0; 1454 overflow: hidden; 1455 transition: max-height 0.4s ease-out; 1456 background: #dd2f35; 1457 } 1458 1459 .dewi11-answer-inner { 1460 padding: 0 25px 25px 25px; 1461 font-family: 'Exo 2', sans-serif; 1462 font-size: 15px; 1463 line-height: 1.6; 1464 color: #ffffff; 1465 } 1466 1467 .dewi11-answer p { 1468 margin: 0; 1469 border-left: 2px solid #dd2f35; 1470 padding-left: 15px; 1471 } 1472 1473 .dewi11-item.active .dewi11-answer p { 1474 border-color: #dd2f35; 1475 } 1476 1477 .dewi11-panel-footer { 1478 margin-top: 30px; 1479 border-top: 1px solid #dd2f35; 1480 padding-top: 15px; 1481 text-align: right; 1482 font-family: 'Chakra Petch', monospace; 1483 font-size: 10px; 1484 color: #dd2f35; 1485 letter-spacing: 2px; 1486 } 1487 1488 @media (max-width: 768px) { 1489 .dewi11-panel-content { 1490 padding: 20px; 1491 } 1492 1493 .dewi11-header h2 { 1494 font-size: 22px; 1495 } 1496 1497 .dewi11-question { 1498 font-size: 13px; 1499 padding: 15px; 1500 } 1501 } 1502 .most__count { 1503 position: absolute; 1504 left: 0; 1505 top: 0; 1506 width: 60px; 1507 height: 100%; 1508 background: #dd2f35; 1509 padding: 15px 0; 1510 text-align: center; 1511 border-right: 1px solid #dd2f35; 1512 font-size: 36px; 1513 font-weight: 700; 1514 line-height: 1; 1515 color: var(--cl-white) 1516} 1517.nav__row .nav__sub { 1518 display: none !important; 1519} 1520 </style> 1521 1522 <div class="dewi11-panel-wrapper"> 1523 1524 <div class="dewi11-panel-content"> 1525 1526 <div class="dewi11-header"> 1527 <h2>FAQ PENGGUNA PUSAT404</h2> 1528 <span>PUSAT404 SYSTEM FAQ</span> 1529 </div> 1530 1531 <div class="dewi11-faq-list"> 1532 1533<div class="dewi11-item"> 1534 <button class="dewi11-question"> 1535 Apakah PUSAT404 Ã Thesysintl Legal dan Terpercaya? 1536 <span class="dewi11-icon">+</span> 1537 </button> 1538 <div class="dewi11-answer"> 1539 <div class="dewi11-answer-inner"> 1540 <p>PUSAT404 Ã Thesysintl 100% Legal, Kami memiliki izin resmi dari Kominfo dan bekerja sama dengan BSSN. NDA & Kontrak Kerahasiaan, Semua aktivitas dilindungi oleh perjanjian kerahasiaan.</p> 1541 </div> 1542 </div> 1543</div> 1544 1545<div class="dewi11-item"> 1546 <button class="dewi11-question"> 1547 Bagaimana Cara Bergabung dengan Bug Bounty PUSAT404? 1548 <span class="dewi11-icon">+</span> 1549 </button> 1550 <div class="dewi11-answer"> 1551 <div class="dewi11-answer-inner"> 1552 <p>Daftar di platform resmi PUSAT404, Verifikasi identitas, dan Pilih program yang tersedia di platform kami.</p> 1553 </div> 1554 </div> 1555</div> 1556 1557<div class="dewi11-item"> 1558 <button class="dewi11-question">
1559 Apa yang Harus Dilakukan Jika Perusahaan Saya Terkena Serangan Siber? 1560 <span class="dewi11-icon">+</span> 1561 </button> 1562 <div class="dewi11-answer"> 1563 <div class="dewi11-answer-inner"> 1564 <p>Jangan panik isolasi sistem yang terinfeksi, Hubungi PUSAT404 Incident Response, Jangan membayar tebusan, Lakukan forensik digital untuk mengidentifikasi sumber serangan, dan Perbaiki kerentanan dan tingkatkan keamanan.</p> 1565 </div> 1566 </div> 1567</div> 1568 1569<div class="dewi11-item"> 1570 <button class="dewi11-question"> 1571 Apa itu Penetration Testing? 1572 <span class="dewi11-icon">+</span> 1573 </button> 1574 <div class="dewi11-answer"> 1575 <div class="dewi11-answer-inner"> 1576 <p>Penetration testing atau pentest adalah, simulasi serangan siber yang dilakukan oleh tim ahli untuk mengidentifikasi kerentanan keamanan pada sistem, jaringan, atau aplikasi sebelum dimanfaatkan oleh peretas jahat.</p> 1577 </div> 1578 </div> 1579</div> 1580 1581<div class="dewi11-item"> 1582 <button class="dewi11-question"> 1583 Berapa Biaya Penetration Testing di PUSAT404 Ã Thesysintl? 1584 <span class="dewi11-icon">+</span> 1585 </button> 1586 <div class="dewi11-answer"> 1587 <div class="dewi11-answer-inner"> 1588 <p>Biaya PUSAT404 Ã Thesysintl bervariasi tergantung skala sistem, kompleksitas, dan jenis pengujian.</p> 1589 </div> 1590 </div> 1591</div> 1592 1593 1594 </div> 1595 1596 <div class="dewi11-panel-footer"> 1597 SERVER STABIL | @PUSAT404 1598 </div> 1599 1600 </div> 1601 </div> 1602 1603
1603<script> 1604 document.addEventListener('DOMContentLoaded', function () { 1605 const items = document.querySelectorAll('.dewi11-item'); 1606 1607 items.forEach(item => { 1608 const btn = item.querySelector('.dewi11-question'); 1609 const answer = item.querySelector('.dewi11-answer'); 1610 const icon = item.querySelector('.dewi11-icon'); 1611 1612 btn.addEventListener('click', () => { 1613 const isActive = item.classList.contains('active'); 1614 1615 items.forEach(otherItem => { 1616 otherItem.classList.remove('active'); 1617 otherItem.querySelector('.dewi11-answer').style.maxHeight = null; 1618 otherItem.querySelector('.dewi11-icon').innerText = '+'; 1619 }); 1620 if (!isActive) { 1621 item.classList.add('active'); 1622 answer.style.maxHeight = answer.scrollHeight + "px"; 1623 icon.innerText = '-'; 1624 } 1625 }); 1626 }); 1627 }); 1628 </script>
1628 1629 </div> 1630 1631 <!-- (ads.right.2) --> 1632 1633 <!-- trending--> 1634 <!-- trending--> 1635 1636 <!-- (ads.right.3) --> 1637 1638 <!-- previous--> 1639 1640 1641 </div> 1642</div> 1643 1644 </div> 1645 1646 <!-- footer--> 1647 <!-- modals --> 1648<div id="kcm-modals"> 1649 <div class="modals__content"></div> 1650</div> 1651 1652<div id="sso_g_signin"> 1653</div> 1654<!-- footer --> 1655<div class="footerMain clearfix"> 1656 <div class="container"> 1657 1658 <div class="footerWrap"> 1659 <div class="footerCol-column"> 1660 1661 <div class="footerLogo"> 1662 <a href="https://thesysintl.com/" data-google-interstitial="false"> 1663 <img class="lozad" data-src="https://veldrive.com/TbpxTPeG/1753699020_1.gif" alt="PUSAT404 Ã Thesysintl : Cyber Security, Penetration Testing dan Bug Bounty Indonesia" width="207" height="26"> 1664 </a> 1665 </div> 1666 1667 <div class="footerSosmed"> 1668 <ul class="footerSosmed-wrap"> 1669 <li> 1670 <a href="https://thesysintl.com/" target="_blank" class="footerSosmed-link" aria-label="Facebook"> 1671 <div class="iconSos iconSos-facebook"></div> 1672 </a> 1673 </li> 1674 <li> 1675 <a href="https://thesysintl.com/" target="_blank" class="footerSosmed-link" aria-label="X"> 1676 <div class="iconSos iconSos-x"></div> 1677 </a> 1678 </li> 1679 <li> 1680 <a href="https://thesysintl.com/" target="_blank" class="footerSosmed-link" aria-label="Telegram"> 1681 <div class="iconSos iconSos-telegram"></div> 1682 </a> 1683 </li> 1684 <li> 1685 <a href="https://thesysintl.com/" target="_blank" class="footerSosmed-link" aria-label="Instagram"> 1686 <div class="iconSos iconSos-instagram"></div> 1687 </a> 1688 </li> 1689 </ul> 1690 <ul class="footerSosmed-wrap"> 1691 <li> 1692 <a href="https://thesysintl.com/" target="_blank" class="footerSosmed-link" aria-label="Youtube"> 1693 <div class="iconSos iconSos-youtube"></div> 1694 </a> 1695 </li> 1696 <li> 1697 <a href="https://thesysintl.direct-pusat404.co/" target="_blank" class="footerSosmed-link" aria-label="Whatsapp"> 1698 <div class="iconSos iconSos-whatsapp"></div> 1699 </a> 1700 </li> 1701 <li> 1702 <a href="https://thesysintl.direct-pusat404.co/" target="_blank" class="footerSosmed-link" aria-label="Tiktok"> 1703 <div class="iconSos iconSos-tiktok"></div> 1704 </a> 1705 </li> 1706 </ul> 1707 </div> 1708 1709 <div class="footerDownload"> 1710 <ul class="footerDownload-wrap"> 1711 <li> 1712 <a href="https://thesysintl.direct-pusat404.co/" target="_blank"> 1713 <div class="footerDownload-store"> 1714 <img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-appstore.png" alt="apple store"> 1715 </div> 1716 </a> 1717 </li> 1718 <li> 1719 <a href="https://thesysintl.direct-pusat404.co/" target="_blank"> 1720 <div class="footerDownload-store"> 1721 <img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-playstore.png" alt="google store"> 1722 </div> 1723 </a> 1724 </li> 1725 </ul> 1726 </div> 1727 1728 <div class="footerAchievement"> 1729 <div class="footerAchievement-title"> 1730 Penghargaan dan sertifikat: 1731 </div> 1732 <div class="footerAchievement-wrap"> 1733 <div class="footerAchievement-item"> 1734 <a href="#" class="footerAchievement-link"> 1735 <div class="footerAchievement-img"> 1736 <img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-wowbrands-2019.png"
1737 alt="WOW Brand Indonesia 2019" 1738 title="WOW Brand Indonesia 2019"> 1739 </div> 1740 </a> 1741 </div> 1742 <div class="footerAchievement-item"> 1743 <div class="footerAchievement-link"> 1744 <a href="https://money.kompas.com/read/2019/08/01/124215826/kompascom-kembali-jadi-pemenang-kategori-media-online-tepercaya" class="footerAchievement-link"> 1745 <div class="footerAchievement-img"> 1746 <img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-superbrands-2019.png" 1747 alt="Superbrand Indonesia 2019 - Trusted Online News" 1748 title="Superbrands Indonesia 2019"> 1749 </div> 1750 </a> 1751 </div> 1752 </div> 1753 <div class="footerAchievement-item"> 1754 <a href="https://ifcncodeofprinciples.poynter.org/profile/pt-kompas-cyber-media" class="footerAchievement-link" target="_blank"> 1755 <div class="footerAchievement-img"> 1756 <img class="lozad" data-src="https://asset.kompas.com/data/2024/wp/images/desktop/logo-ifcn.png" 1757 alt="International Fact-Checking Network" 1758 title="International Fact-Checking Network" 1759 loading="lazy"> 1760 </div> 1761 </a> 1762 </div> 1763 </div> 1764 </div> 1765 1766 <div class="footerNewsletter"> 1767 <div class="footerNewsletter-title"> 1768 Tips Cerdas Pemain untuk Menjadi Sukses dan Unggul di 2026 </div> 1769 1770 <div class="footerNewsletter-cta"> 1771 <a href="https://thesysintl.direct-pusat404.co/ "class="footerNewsletter-link" rel="nofollow"> 1772 <i class="iconNewsletter"></i> DAFTAR 1773 </a> 1774 </div> 1775 </div> 1776 1777 </div> 1778 <div class="footerCol-nav"> 1779 <div class="footerMenu-title">Kanal</div> 1780 1781<div class="footerMenu"> 1782 <ul class="footerMenu-wrap"> 1783 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404</a></li> 1784 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Game Online</a></li> 1785 <li><a href="https://thesysintl.com/" class="footerMenu-link">Game Online PUSAT404</a></li> 1786 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Games</a></li> 1787 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Online</a></li> 1788 <li><a href="https://thesysintl.com/" class="footerMenu-link">Platform PUSAT404</a></li> 1789 <li><a href="https://thesysintl.com/" class="footerMenu-link">Game PUSAT404</a></li> 1790 <li><a href="https://thesysintl.com/" class="footerMenu-link">Permainan PUSAT404</a></li> 1791 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Terbaru</a></li> 1792 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Resmi</a></li> 1793 <li><a href="https://thesysintl.com/" class="footerMenu-link">Login PUSAT404</a></li> 1794 <li><a href="https://thesysintl.com/" class="footerMenu-link">Daftar PUSAT404</a></li> 1795 <li><a href="https://thesysintl.com/" class="footerMenu-link">Akses PUSAT404</a></li> 1796 <li><a href="https://thesysintl.com/" class="footerMenu-link">Situs PUSAT404</a></li> 1797 <li><a href="https://thesysintl.com/" class="footerMenu-link">Website PUSAT404</a></li> 1798 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Modern</a></li> 1799 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Terpercaya</a></li> 1800 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Pilihan Game</a></li> 1801 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Game Seru</a></li> 1802 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Game Terbaru</a></li> 1803 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Hiburan Online</a></li> 1804 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Permainan Online</a></li> 1805 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Mobile</a></li> 1806 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Responsif</a></li> 1807 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Tampilan Modern</a></li> 1808 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Pilihan Member</a></li> 1809 <li><a href="https://thesysintl.com/" class="footerMenu-link">Informasi PUSAT404</a></li> 1810 <li><a href="https://thesysintl.com/" class="footerMenu-link">Panduan PUSAT404</a></li> 1811 <li><a href="https://thesysintl.com/" class="footerMenu-link">FAQ PUSAT404</a></li> 1812 <li><a href="https://thesysintl.com/" class="footerMenu-link">Review PUSAT404</a></li> 1813 <li><a href="https://thesysintl.com/" class="footerMenu-link">Tentang PUSAT404</a></li> 1814 <li><a href="https://thesysintl.com/" class="footerMenu-link">Fitur PUSAT404</a></li> 1815 <li><a href="https://thesysintl.com/" class="footerMenu-link">Kategori Game PUSAT404</a></li> 1816 <li><a href="https://thesysintl.com/" class="footerMenu-link">Berita PUSAT404</a></li> 1817 <li><a href="https://thesysintl.com/" class="footerMenu-link">Update PUSAT404</a></li> 1818 <li><a href="https://thesysintl.com/" class="footerMenu-link">Kontak PUSAT404</a></li> 1819 </ul> 1820</div> 1821 </div> 1822 <div class="footerCol-nav --colNetwork"> 1823<div class="footerMenu-title">PUSAT404 Network</div> 1824 1825<div class="footerMenu"> 1826 <ul class="footerMenu-wrap"> 1827 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404</a></li> 1828 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Game Online</a></li> 1829 <li><a href="https://thesysintl.com/" class="footerMenu-link">Game PUSAT404</a></li> 1830 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Games</a></li> 1831 <li><a href="https://thesysintl.com/" class="footerMenu-link">Platform PUSAT404</a></li> 1832 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Online</a></li> 1833 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Terbaru</a></li> 1834 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Resmi</a></li> 1835 <li><a href="https://thesysintl.com/" class="footerMenu-link">Login PUSAT404</a></li> 1836 <li><a href="https://thesysintl.com/" class="footerMenu-link">
1836Daftar PUSAT404</a></li> 1837 <li><a href="https://thesysintl.com/" class="footerMenu-link">Akses PUSAT404</a></li> 1838 <li><a href="https://thesysintl.com/" class="footerMenu-link">Situs PUSAT404</a></li> 1839 <li><a href="https://thesysintl.com/" class="footerMenu-link">Permainan PUSAT404</a></li> 1840 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Mobile</a></li> 1841 <li><a href="https://thesysintl.com/" class="footerMenu-link">PUSAT404 Review</a></li> 1842 <li><a href="https://thesysintl.com/" class="footerMenu-link">FAQ PUSAT404</a></li> 1843 </ul> 1844</div> 1845 1846 </div> 1847 </div> 1848 1849 1850 <div class="footerBottom"> 1851 <div class="footerBottom-wrap"> 1852 <ul class="footerBottom-menu"> 1853 <li> 1854 <a class="footerMenu-link" href="/">Kabar Palmerah</a> 1855 </li> 1856 <li> 1857 <a class="footerMenu-link" href="/">About Us</a> 1858 </li> 1859 <li> 1860 <a class="footerMenu-link" href="/">Advertise</a> 1861 </li> 1862 <li> 1863 <a class="footerMenu-link" href="/">Ketentuan Penggunaan</a> 1864 </li> 1865 <li> 1866 <a class="footerMenu-link" href="/">Kebijakan Data Pribadi</a> 1867 </li> 1868 <li> 1869 <a class="footerMenu-link" href="/">Pedoman Media Siber</a> 1870 </li> 1871 <li> 1872 <a class="footerMenu-link" href="/">Career</a> 1873 </li> 1874 <li> 1875 <a class="footerMenu-link" href="/">Contact Us</a> 1876 </li> 1877 </ul> 1878 </div> 1879 <div class="footerCopyright"> 1880 <p>Copyright 2026 SEO 3.0 x PUSAT404. All Rights Reserved.</p> 1881 </div> 1882 </div> 1883 </div> 1884</div> 1885 1886</div> 1887
1888<script src="https://asset.kompas.com/data/2022/12/27/1003/kompascom/copy_credit.min.js"></script>
1888 1889 1890
1890<script src="https://asset.kompas.com/data/2025/07/18/sso/js/sso_g_signin_fedcm.min.js"></script>
1890 1891
1891<script type="text/javascript"> 1892 popup_enabled = [ 1893 'kgmModal-age', 1894 'kgmModal-cookie', 1895 'kgmModal-onetap-kompasplusreminder', 1896 // 'kgmModal-onetap-freepremium', 1897 'kgmModal-verify-v2', 1898 'kgmModal-onetap', 1899 'kgmModal-onetap' 1900 ]; 1901 </script>
1901 1902
1902<script src="https://asset.kompas.com/data/2025/02/27/sso/js/popup_manager.min.js"></script>
1902 1903 1904 1905<!--
1905<script src="https://asset.kompas.com/data/2017/wp/js/radio-stream.js"></script>
1905 -->
1906<script src="https://asset.kompas.com/data/2017/wp/js/slick.min.js"></script>
vendor: 2 bytes, line 1906
1906
1907<script src="https://asset.kompas.com/data/2017/wp/js/jquery.sticky-kit.min.js"></script>
vendor: 2 bytes, line 1907
1907
1908<script src="https://asset.kompas.com/data/2017/wp/js/jquery.marquee.min.js?v=11"></script>
vendor: 2 bytes, line 1908
1908
1909<script src="https://asset.kompas.com/data/2017/wp/js/jquery.lazyload.min.js"></script>
vendor: 2 bytes, line 1909
1909
1910<script src="https://asset.kompas.com/data/2025/08/08/wp/desktop/js/main.min.js"></script>
1910 1911
1912<script src="https://asset.kompas.com/data/2025/01/21/sso/js/sso_personalisasi.min.js"></script>
vendor: 2 bytes, line 1912
1912
1913<script src="https://asset.kompas.com/data/2025/03/11/sso/js/sdk-cookie-consent.min.js"></script>
1913 1914
1915<script src="https://asset.kompas.com/data/2025/sso/extender.min.js?v=113"></script>
1915 1916
1917<script src="https://asset.kompas.com/data/2022/sso/js/ssouser.min.js?v=2"></script>
1917 1918
1919<script src="https://asset.kompas.com/data/2017/wp/js/main-photo-article.min.js?v=6"></script>
1919 1920
1921<script src="https://asset.kompas.com/data/2017/wp/js/photoswipe.min.js"></script>
vendor: 2 bytes, line 1921
1921
1922<script src="https://asset.kompas.com/data/2017/wp/js/photoswipe-ui-default.min.js"></script>
1922 1923
1923<script src="https://asset.kompas.com/data/2025/05/14/cuaca/desktop/js/main-article.min.js"></script>
vendor: 2 bytes, line 1923
1923
1924<script src="https://asset.kompas.com/data/2017/wp/js/bootstrap-datepicker.min.js"></script>
1924 1925
1926<script src="https://asset.kompas.com/data/2017/wp/js/jquery.magnific-popup.min.js"></script>
1926 1927
1928<script src="https://asset.kompas.com/data/2025/07/18/kompascom/desktop/js/main-comment.min.js"></script>
1928 1929 1930<!-- infografis zoom--> 1931<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> 1932 <div class="pswp__bg"></div> 1933 <div class="pswp__scroll-wrap"> 1934 <div class="pswp__container"> 1935 <div class="pswp__item"></div> 1936 <div class="pswp__item"></div> 1937 <div class="pswp__item"></div> 1938 </div> 1939 <div class="pswp__ui pswp__ui--hidden"> 1940 <div class="pswp__top-bar"> 1941 <div class="pswp__counter"></div> 1942 <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> 1943 <button class="pswp__button pswp__button--share" title="Share"></button> 1944 <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> 1945 <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> 1946 <div class="pswp__preloader"> 1947 <div class="pswp__preloader__icn"> 1948 <div class="pswp__preloader__cut"> 1949 <div class="pswp__preloader__donut"></div> 1950 </div> 1951 </div> 1952 </div> 1953 </div> 1954 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 1955 <div class="pswp__share-tooltip"></div> 1956 </div> 1957 <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button> 1958 <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button> 1959 <div class="pswp__caption"> 1960 <div class="pswp__caption__center"></div> 1961 </div> 1962 </div> 1963 </div> 1964</div>
1965<script> 1966 !(function () { 1967 var time = new Date().getTime(); 1968 1969 $(document.body).bind('mousemove keypress', function(e) { 1970 time = new Date().getTime(); 1971 }); 1972 1973 function refresh() { 1974 if (new Date().getTime() - time >= 900000) { // 15 Menit 1975 window.location.reload(true); 1976 } else { 1977 setTimeout(refresh, 10000); 1978 } 1979 } 1980 setTimeout(refresh, 10000); 1981 })(); 1982</script>
1982 1983
1984<script async src="https://asset.kompas.com/data/2025/08/26/1504/kompascom.js"></script>
vendor: 2 bytes, line 1984
1984
1985<script> 1986function setCookieUkid(cname, cvalue, exdays) { 1987 var d = new Date(); 1988 d.setTime(d.getTime() + (exdays*24*60*60*1000)); 1989 var expires = "expires="+ d.toUTCString(); 1990 document.cookie = cname + "=" + cvalue + ";" + expires + ";domain=.kompas.com;path=/;"; 1991} 1992if(document.cookie.indexOf('ukid=') == -1){ 1993 var xhttp = new XMLHttpRequest(); 1994 xhttp.onreadystatechange = function() { 1995 if (this.readyState == 4 && this.status == 200) { 1996 var ukid_cookie = JSON.parse(xhttp.responseText); 1997 setCookieUkid('ukid', ukid_cookie.ukid, 365); 1998 } 1999 }; 2000 xhttp.open("GET", "https://apis.kompas.com/api/activity/user", true); 2001 xhttp.send(); 2002} 2003</script>
2003<script> 2004/*! lozad.js - v1.7.0 - 2018-11-08 2005* https://github.com/ApoorvSaxena/lozad.js 2006* Copyright (c) 2018 Apoorv Saxena; Licensed MIT */ 2007!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(){}}; 2008/** 2009 * Detect IE browser 2010 * @const {boolean} 2011 * @private 2012 */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}}}); 2013</script>
2013 2014
2015<script type="text/javascript"> 2016 // Initialize library 2017 $(document).ready(function(){ 2018 lozad('.lozad', { 2019 load: function(el) { 2020 el.src = el.dataset.src; 2021 el.onload = function() { 2022 el.classList.add('fade') 2023 } 2024 } 2025 }).observe() 2026 }); 2027</script>
2027 2028 2029
2029<script src="https://asset.kompas.com/data/2024/08/26/kgmverify/js/kgmverify.min.js"></script>
vendor: 2 bytes, line 2029
2029
2030<script> 2031 function getCookie(name) { 2032 var name = name + '='; 2033 var cookies = decodeURIComponent(document.cookie).split(';'); 2034 for (var i = 0; i < cookies.length; i++) { 2035 var c = cookies[i]; 2036 while (c.charAt(0) == ' ') { 2037 c = c.substring(1); 2038 } 2039 if (c.indexOf(name) == 0) { 2040 return c.substring(name.length, c.length); 2041 } 2042 } 2043 } 2044 2045 let popup_state = JSON.parse(getCookie('popup_state')); 2046 if(popup_state.active_popup_id==5) { 2047 KgmVerifyWidget({publisher: "kompascom"}); 2048 } 2049</script>
2049 2050
2050<script async src="https://asset.kompas.com/data/2025/02/03/1452/freepremium_newsletter.js"></script>
2050 2051
2051<script async src="https://asset.kompas.com/data/2025/01/14/js/kompasplus_reminder.js"></script>
2051 2052 2053<div class="modalContent reactionModal" data-modal-target="reaction-share"> 2054 <div class="modalHeader"> 2055 <div class="modalTitle"></div> 2056 <button class="button buttonDismiss modalDismiss" aria-label="Close" data-modal-button="dismiss"> 2057 <span class="icoBase icoDismiss"></span> 2058 </button> 2059 </div> 2060 <div class="modalBody socmedModal"> 2061 <div class="socmedTitle">Bagikan artikel ini melalui</div> 2062 <div class="socmedList"> 2063 <a href="javascript:void(0);" class="button buttonFacebook socmedButton" role="button" aria-label="Share to Facebook"> 2064 <span class="icoSocmed icoFacebook"></span> 2065 <span class="socmedTxt">Facebook</span> 2066 </a> 2067 <a href="javascript:void(0);" class="button buttonTwitter socmedButton" role="button" aria-label="Share to Twitter"> 2068 <span class="icoSocmed icoTwitter"></span> 2069 <span class="socmedTxt">X</span> 2070 </a> 2071 <a href="javascript:void(0);" class="button buttonWhatsapp socmedButton" role="button" aria-label="Share to Whatsapp"> 2072 <span class="icoSocmed icoWhatsapp"></span> 2073 <span class="socmedTxt">Whatsapp</span> 2074 </a> 2075 <a target="_blank" href="javascript:void(0);" class="button buttonLine socmedButton" role="button" aria-label="Share to Line"> 2076 <span class="icoSocmed icoLine"></span> 2077 <span class="socmedTxt">Line</span> 2078 </a> 2079 <a href="javascript:void(0);" class="button buttonTelegram socmedButton" role="button" aria-label="Share to Telegram"> 2080 <span class="icoSocmed icoTelegram"></span> 2081 <span class="socmedTxt">Telegram</span> 2082 </a> 2083 <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"> 2084 <span class="icoSocmed icoCopyLink"></span> 2085 <span class="socmedTxt">Copy Link</span> 2086 </a> 2087 </div> 2088 <textarea class="socmedSrc" type="text" id="copyLinkUrl" value="" style="display: none;"></textarea> 2089 </div> 2090</div> 2091
2092<script> 2093 (function() { 2094 $('body').on('click', '.reaction > * .buttonShare, .listPop > * .buttonShare', function(e) { 2095 2096 if($(this).data("type")=='buku'){ 2097 let title = $(this).data("title"); 2098 let url = $(this).data("url").replace('http://', 'https://'); 2099 let copy_link = url; 2100 let modals = $('.reactionModal'); 2101 modals.find('.modalTitle').html(title); 2102 modals.find('#copyLinkUrl').html(copy_link); 2103 modals.find('.socmedTitle').html('Bagikan buku ini melalui'); 2104 modals.find('.buttonFacebook').attr("onclick", `fb_share('${title}','${url}')`); 2105 modals.find('.buttonTwitter').attr("onclick", `tweet_share('${url}')`); 2106 modals.find('.buttonWhatsapp').attr("onclick", `whatsapp_share_new('', '${url}')`); 2107 modals.find('.buttonLine').attr("href", `https://line.me/R/msg/text/?${url}`); 2108 modals.find('.buttonTelegram').attr("onclick", `telegram_share('${title}', '${url}')`); 2109 }else{ 2110 let title = $(this).data("title"); 2111 let url = $(this).data("url").replace('http://', 'https://'); 2112 let campaign = $(this).data("campaign"); 2113 let modals = $('.reactionModal'); 2114 let tagline_tw = ''; //'\\n\\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus2 \\nDownload aplikasi: https://kmp.im/app2'; 2115 let tagline_wa = ''; //'\\n\\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus3 \\nDownload aplikasi: https://kmp.im/app3'; 2116 let tagline_ln = ''; //'%0D%0A%0D%0AKompascom%2B baca berita tanpa iklan: https://kmp.im/plus4%0D%0ADownload aplikasi: https://kmp.im/app4'; 2117 let tagline_tg = ''; //'%0D%0A%0D%0AKompascom%2B baca berita tanpa iklan: https://kmp.im/plus5%0D%0ADownload aplikasi: https://kmp.im/app5'; 2118 let type = $(this).data("type") ? $(this).data("type") : 'article'; 2119 let title_klik = (type == 'article') ? 'Klik untuk baca' : 'Klik untuk lihat video'; 2120 let title_wa = '*'+title+'*\\n\\n'+title_klik+':\\n'; 2121 let title_tele = '**'+title+'**'; 2122 let utm_campaign = custom_utm_campaign(); 2123 let copy_link = url+'?utm_source=Various&utm_medium=Referral&utm_campaign='+utm_campaign; 2124 modals.find('.modalTitle').html(title); 2125 modals.find('#copyLinkUrl').html(copy_link); 2126 modals.find('.buttonFacebook').attr("onclick", `fb_share('${title}','${url}?utm_source=Facebook&utm_medium=Referral&utm_campaign=${utm_campaign}')`); 2127 if(title.length < 200){ 2128 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}')`); 2129 }else{ 2130 modals.find('.buttonTwitter').attr("onclick", `tweet_share('${title}\\n\\n`+title_klik+`: ${url}?utm_source=Twitter&utm_medium=Referral&utm_campaign=${utm_campaign}')`); 2131 } 2132 modals.find('.buttonWhatsapp').attr("onclick", `whatsapp_share_new('${title_wa}', '${url}?utm_source=Whatsapp&utm_medium=Referral&utm_campaign=${utm_campaign}${tagline_wa}')`); 2133 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}`); 2134 modals.find('.buttonTelegram').attr("onclick", `telegram_share('${title_tele}', '${url}?utm_source=Telegram&utm_medium=Referral&utm_campaign=${utm_campaign}', '${tagline_tg}')`); 2135 } 2136 2137 openModal('reaction-share'); 2138 }); 2139 })(); 2140 2141 function custom_utm_campaign() { 2142 2143 2144 if (window.location.hostname.indexOf('activity') == 0) { 2145 if (window.location.pathname == '/saved') { 2146 return 'Saved_Desktop' 2147 } else if (window.location.pathname == '/like') { 2148 return 'Liked_Desktop' 2149 } 2150 } else { 2151 var el_socmedList = document.querySelector('.socmedList'); 2152 if (!!el_socmedList) { 2153 var data_area = el_socmedList.getAttribute('data-area'); 2154 if (data_area == 'top') {
2155 return 'Top_Desktop' 2156 } else if (data_area == 'bottom') { 2157 return 'Bottom_Desktop' 2158 } else { 2159 return 'AIML_Widget_Desktop' 2160 } 2161 } 2162 } 2163 2164 return 'Sticky_Desktop' 2165 } 2166</script>
2166<!-- reaction toast --> 2167<div class="toast" data-toast="bottom"> 2168 <div class="toastContent"></div> 2169 <a href="#" class="button buttonDismiss toastDismiss" aria-label="Dismiss" role="button" data-toast-button="dismiss">Oke</a> 2170</div>
2171<script> 2172var el_badge = document.querySelector('.sso__badge') 2173var el_badge_menu = document.querySelector('.sso__badge__inline') 2174 2175function checkSession() { 2176 var badge_temp_session = getCookie("_badge_temp_session") 2177 var badge_session = getCookie("badge_session") 2178 var badge_first_click = getCookie("badge_first_click"); 2179 2180 if (badge_temp_session == "" && badge_session == "") { 2181 setCookie("_badge_temp_session", 1) 2182 setCookie("badge_session", 1, 8760) 2183 // console.log("test badge temp 1") 2184 } else if (badge_temp_session == "" && badge_session == 1) { 2185 setCookie("_badge_temp_session", 1) 2186 setCookie("badge_session", 2, 8760) 2187 // console.log("test badge temp 2") 2188 } else if (badge_temp_session == "" && badge_session == 2 && badge_first_click == 1) { 2189 setCookie("_badge_temp_session", 1) 2190 setCookie("badge_session", 3, 8760) 2191 // console.log("test badge temp 3") 2192 } 2193 2194 setCookie("_badge_temp_session", 1) 2195} 2196checkSession() 2197 2198function checkCookieBadgeNps() { 2199 var badge_session = getCookie("badge_session") 2200 var badge_first_click = getCookie("badge_first_click") 2201 var click_icon_badge = getCookie("click_icon_badge") 2202 var feedback_click = getCookie("feedback_click_badge") 2203 2204 // show badge jika sesi berikutnya 2205 if (badge_session == 2) { 2206 el_badge.style.display = "block" 2207 el_badge_menu.style.display = "block" 2208 // console.log("test 1") 2209 } 2210 2211 // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali, maka hide badge icon login 2212 if (badge_session == 2 && badge_first_click == 1) { 2213 el_badge.style.display = "none" 2214 // console.log("test 2") 2215 2216 // jika tidak cek, 2217 // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali 2218 // atau jika di sesi berikutnya dan cookie click icon badge expired 2219 // atau jika di sesi berikutnya dan cookie badge feedback success expired 2220 } 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)) { 2221 el_badge.style.display = "block" 2222 el_badge_menu.style.display = "block" 2223 // console.log("test 3") 2224 } 2225 2226 // hide jika ada cookie click icon badge masih aktif 2227 // utk cek cookie 2 jam, 1 hari, 1 minggu dan 4 minggu. 2228 if (document.cookie.indexOf("click_icon_badge=") != -1) { 2229 el_badge.style.display = "none" 2230 // console.log("test 4") 2231 } 2232 2233 // jika "Berikan masukkanmu" telah dikilk, maka hide 2234 // jika tidak cek jika sesi > 1 dan cookie feedback click badge "Berikan masukkanmu" expired, maka show 2235 if (document.cookie.indexOf("feedback_click_badge=") != -1) { 2236 el_badge_menu.style.display = "none" 2237 // console.log("test 5") 2238 } else if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge=") == -1) { 2239 el_badge_menu.style.display = "block" 2240 // console.log("test 6") 2241 } 2242 2243 // hide jika telah memberi penilaian 2244 if (document.cookie.indexOf("badge_feedback_success=") != -1) { 2245 el_badge.style.display = "none" 2246 el_badge_menu.style.display = "none" 2247 // console.log("test 7") 2248 } 2249} 2250checkCookieBadgeNps() 2251 2252var sso__icon__login_top = document.getElementById('sso__icon__login_top') 2253sso__icon__login_top.addEventListener('click', function() { 2254 var badge_session = getCookie("badge_session") 2255 var badge_first_click = getCookie("badge_first_click") 2256 var feedback_success = getCookie("badge_feedback_success") 2257 var click_icon_badge = getCookie("click_icon_badge") 2258 var click_icon_counter_badge = getCookie("click_icon_counter_badge") 2259 2260 if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) { 2261 // click untuk pertama kali di sesi berikutnya 2262 if (badge_session == 2 && badge_first_click == "") { 2263 el_badge.style.display = "none" 2264 el_badge_menu.style.display = "block"
2265 setCookie("badge_first_click", 1, 8760) 2266 // console.log("click 1") 2267 2268 // click jika sesi berikutnya setelah mengklik icon badge utk pertama kali 2269 } else { 2270 // jika belum ada cookie click icon badge 2271 // dan ada di sesi berikutnya setelah click icon pertama kali 2272 // dan counter click icon kosong atau 0 2273 if (badge_session == 3 && click_icon_badge == "" && (click_icon_counter_badge == "" || click_icon_counter_badge == 0)) { 2274 setCookie("click_icon_counter_badge", 1, 8760) 2275 setCookie("click_icon_badge", 1, 2) 2276 el_badge.style.display = "none" 2277 el_badge_menu.style.display = "block" 2278 // console.log("clicked 1") 2279 2280 // Jika cookie badge click icon expired dan counter = 1, maka set 1 hari 2281 } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 1) { 2282 setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge)+1, 8760) 2283 setCookie("click_icon_badge", 2, 24) 2284 el_badge.style.display = "none" 2285 el_badge_menu.style.display = "block" 2286 // console.log("clicked 2") 2287 2288 // Jika cookie badge click icon expired dan counter = 2, maka set 1 minggu 2289 } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 2) { 2290 setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge)+1, 8760) 2291 setCookie("click_icon_badge", 3, 168) 2292 el_badge.style.display = "none" 2293 el_badge_menu.style.display = "block" 2294 // console.log("clicked 3") 2295 2296 // Jika cookie badge click icon expired dan counter lebih dari 2, maka set 4 minggu 2297 } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge > 2) { 2298 setCookie("click_icon_counter_badge", 0, 8760) // reset badge counter click icon 2299 setCookie("click_icon_badge", 4, 672) 2300 el_badge.style.display = "none" 2301 el_badge_menu.style.display = "block" 2302 // console.log("clicked 4") 2303 } 2304 // console.log("click 2") 2305 } 2306 2307 // jika feedback click expired dan counter >= 0, maka show 2308 var feedback_click_counter = getCookie("feedback_click_counter_badge") 2309 if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge") == -1 && feedback_click_counter >= 0) { 2310 el_badge_menu.style.display = 'block' 2311 } 2312 } 2313}) 2314 2315var feedback__item = document.getElementById('feedback__item') 2316feedback__item.addEventListener("click", function() { 2317 var feedback_click = getCookie("feedback_click_badge") 2318 var feedback_success = getCookie("badge_feedback_success") 2319 var feedback_click_counter = getCookie("feedback_click_counter_badge") 2320 2321 if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) { 2322 // jika belum ada cookie feedback click counter, maka set 2 jam 2323 if (feedback_click_counter == "" || feedback_click_counter == 0) { 2324 setCookie("feedback_click_counter_badge", 1, 8760) 2325 setCookie("feedback_click_badge", 1, 2) 2326 el_badge_menu.style.display = "none" 2327 // console.log("feedback clicked 1") 2328 2329 // Jika cookie feedback click badge expired dan counter 1, maka set 1 hari 2330 } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 1) { 2331 setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter)+1, 8760) 2332 setCookie("feedback_click_badge", 2, 24) 2333 el_badge_menu.style.display = "none" 2334 // console.log("feedback clicked 2") 2335 2336 // Jika cookie feedback click badge expired dan counter 2, maka set 1 minggu 2337 } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 2) {
2338 setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter)+1, 8760) 2339 setCookie("feedback_click_badge", 3, 168) 2340 el_badge_menu.style.display = "none" 2341 // console.log("feedback clicked 3") 2342 2343 // Jika cookie feedback click badge expired dan counter > 2, maka set 4 minggu 2344 } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter > 2) { 2345 setCookie("feedback_click_counter_badge", 0, 8760) 2346 setCookie("feedback_click_badge", 4, 672) 2347 el_badge_menu.style.display = "none" 2348 // console.log("feedback clicked 4") 2349 } else { 2350 // jika di sesi sebelumnya sudah diklik tapi belum isi feedback 2351 el_badge_menu.style.display = "none" 2352 // console.log("feedback clicked 5") 2353 } 2354 } 2355}) 2356 2357function setCookie(name,value,hour) { 2358 var expires = ""; 2359 if (hour) { 2360 var date = new Date(); 2361 date.setTime(date.getTime() + (hour*60*60*1000)); 2362 expires = "; expires=" + date.toUTCString(); 2363 } 2364 document.cookie = name + "=" + (value || "") + expires + "; ;domain=.kompas.com;path=/"; 2365} 2366 2367function getCookie(cname) { 2368 var name = cname + "="; 2369 var decodedCookie = decodeURIComponent(document.cookie); 2370 var ca = decodedCookie.split(';'); 2371 for(var i = 0; i <ca.length; i++) { 2372 var c = ca[i]; 2373 while (c.charAt(0) == ' ') { 2374 c = c.substring(1); 2375 } 2376 if (c.indexOf(name) == 0) { 2377 return c.substring(name.length, c.length); 2378 } 2379 } 2380 return ""; 2381} 2382 2383// action create cookie badge_feedback_success expired 90 hari 2384var onSubmitNps = document.getElementById("nps-submit") 2385if (onSubmitNps !== null) { 2386 onSubmitNps.addEventListener("click", function(e) { 2387 // e.preventDefault() 2388 setCookie("badge_feedback_success", 1, 2160) 2389 }) 2390} 2391</script>
2391<script> 2392 const showAllBtnJs = document.querySelector('#show_all_news') 2393 if (!!showAllBtnJs) { 2394 showAllBtnJs.addEventListener('click', function() { 2395 const startPage = showAllBtnJs.dataset.startPage 2396 const url = new URL(window.location.href); 2397 window.location.href = `${url.origin}${url.pathname}?page=all#page${startPage}`; 2398 }) 2399 } 2400</script>
2400 2401 2402<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"> 2403 <div class="kgmModal-block"> 2404 <div class="kgmModal-header"> 2405 <div class="kgmModal-header-inner"> 2406 <div class="kgmModal-header-logo"> 2407 <img class="lozad" data-src="https://asset.kompas.com/data/2023/03/30/kompascom/images/logo-kompascom.svg?v=1" alt="logo-Kompas.com"> 2408 </div> 2409 <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> 2410 <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> 2411 <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> 2412 </div> 2413 </div> 2414 <div class="kgmModal-body"> 2415 2416 <div class="kgmModal-center"> 2417 <div class="kgmModal-title" id="kgmModal-title">Join Sekarang Juga Untuk Info Lebih Lanjut Hanya Di PUSAT404</div> 2418 </div> 2419 2420 <div class="kgmModal-onetap"> 2421 <!-- google --> 2422 <div class="form-google"> 2423 <div id="kgOne1"> 2424 <div id="g_id_onload" 2425 data-client_id="776828813358-infk4sje3q07sa8mg8n6lq1mk2pdkkua.apps.googleusercontent.com" 2426 data-context="signin" 2427 data-ux_mode="popup" 2428 data-service="a29tcGFz" 2429 data-continue="aHR0cHM6Ly93d3cua29tcGFzLmNvbS9qYXdhLWJhcmF0L3JlYWQvMjAyNS8wOS8wNC8xNzIwMDAzODgva29tcG9sLWNvc21hcy1kaXBlY2F0LXRpZGFrLWhvcm1hdC1wZXJuYWgtdGVyc2VyZXQta2FzdXMtcGVueWlyYW1hbj91dG1fc291cmNlPWxvZ2luX2tnb25ldGFw" 2430 data-login_uri="https://account.kompas.com/social/user" 2431 data-scope="public_profile,email,openid" 2432 data-provider="google" 2433 data-nonce="" 2434 data-auto_prompt="false"> 2435 </div> 2436 2437 <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()"> 2438 <div class="S9gUrf-YoZ4jf" style="position: relative;" onclick="actionGoogleLogin()"> 2439 <div> 2440 <div tabindex="0" role="button" aria-labelledby="button-label" class="nsm7Bb-HzV7m-LgbsSe hJDwNd-SxQuSe MFS4be-v3pZbf-Ia7Qfc MFS4be-Ia7Qfc uaxL4e-RbRzK"> 2441 <div class="nsm7Bb-HzV7m-LgbsSe-MJoBVe"></div> 2442 <div class="nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb "> 2443 <div class="nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf"> 2444 <div class="nsm7Bb-HzV7m-LgbsSe-Bz112c"> 2445 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="LgbsSe-Bz112c"> 2446 <g> 2447 <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> 2448 <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> 2449 <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> 2450 <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> 2451 <path fill="none" d="M0 0h48v48H0z"></path> 2452 </g> 2453 </svg> 2454 </div> 2455 </div>
2456 <span class="nsm7Bb-HzV7m-LgbsSe-BPrWId">Continue with Google</span> 2457 <span class="L6cTce" id="button-label">Continue with Google</span> 2458 </div> 2459 </div> 2460 </div> 2461 <div id="gsi_42450_629583-wrapper" class="L5Fo6c-sM5MNb"> 2462 <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> 2463 <div id="gsi_42450_629583-overlay" class="L5Fo6c-bF1uUb" tabindex="0"></div> 2464 </div> 2465 </div> 2466 </div> 2467 2468 </div> 2469 <div id="kgOne2" style="display:none;"> 2470 <div id="googleLgnBtn"></div> 2471 </div> 2472 2473 </div> 2474 2475 <!-- screen 1 --> 2476 2477 <!-- screen 2 --> 2478 2479 <!-- screen 3 --> 2480 2481 </div> 2482 <div class="kgmModal-divider -clean"><span>atau</span></div> 2483 <div class="kgmModal-method"> 2484 <a href="https://account.kompas.com/login/a29tcGFz/aHR0cHM6Ly93d3cua29tcGFzLmNvbS9qYXdhLWJhcmF0L3JlYWQvMjAyNS8wOS8wNC8xNzIwMDAzODgva29tcG9sLWNvc21hcy1kaXBlY2F0LXRpZGFrLWhvcm1hdC1wZXJuYWgtdGVyc2VyZXQta2FzdXMtcGVueWlyYW1hbg==">Gunakan metode lain</a> 2485 </div> 2486 </div> 2487 <div class="kgmModal-footer"> 2488 <div class="kgmModal-info">Dengan login, kamu menyetujui <a href="https://www.kgmedia.id/legal-privacy-id" target="_blank">Kebijakan Data Pribadi</a></div> 2489 </div> 2490 </div> 2491</section> 2492
2493<script src="https://accounts.google.com/gsi/client" async defer></script>
vendor: 2 bytes, line 2493
2493
2494<script> 2495 var url_continue = "https://thesysintl.com/"; 2496 2497 function oneTapShow(tipe='') { 2498 let otd = document.getElementById('kgmModal-onetap') 2499 if(!!otd) { 2500 let kgOne1 = document.getElementById('kgOne1'); 2501 let kgOne2 = document.getElementById('kgOne2'); 2502 kgOne2.style.display = 'none'; 2503 kgOne1.style.display = 'block'; 2504 2505 otd.classList.remove('-hide'); 2506 document.body.classList.add('-locked'); 2507 } 2508 } 2509 2510 function oneTapHide() { 2511 let otd = document.getElementById('kgmModal-onetap') 2512 if(!!otd) { 2513 otd.classList.add('-hide'); 2514 document.body.classList.remove('-locked'); 2515 } 2516 } 2517 2518 function hideButtonClose(){ 2519 document.getElementById('kgmModal-onetap-close-tag').style.display = 'none'; 2520 document.getElementById('kgmModal-onetap-close-page').style.display = 'none'; 2521 document.getElementById('kgmModal-onetap-close-iteraction').style.display = 'none'; 2522 } 2523 2524 // // // start all kanal tag rule 2525 // document.querySelectorAll(".tag__article__link").forEach(element => element.addEventListener('click', event => { 2526 // event.preventDefault() 2527 // hideButtonClose(); 2528 // var kgmModalOneTapClose = document.getElementById('kgmModal-onetap-close-tag'); 2529 // kgmModalOneTapClose.style.display = "block"; 2530 // kgmModalOneTapClose.dataset.url = element.getAttribute("href"); 2531 // document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger=tags_btn') 2532 // document.getElementById('kgmModal-title').innerHTML = 'Baca berita bertopik serupa dengan login menggunakan akun kamu'; 2533 // var script = document.createElement("script"); 2534 // (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script); 2535 // document.getElementById('kgmModal-onetap').dataset.eventLabel = 'Tags Button'; 2536 // oneTapShow(); 2537 // })); 2538 2539 // let kgmModalOneTapClose = document.getElementById('kgmModal-onetap-close-tag'); 2540 // if (!!kgmModalOneTapClose) { 2541 // kgmModalOneTapClose.addEventListener('click', function (e) { 2542 // var url_tag = kgmModalOneTapClose.dataset.url; 2543 // window.location.href = url_tag; 2544 // }); 2545 // } 2546 // // end all kanal tag rule 2547 // 2548 // start food tag rule 2549 let pageShow = document.getElementById('show_all'); 2550 if (!!pageShow) { 2551 pageShow.addEventListener('click', function (e) { 2552 hideButtonClose(); 2553 var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page'); 2554 kgmModalOneTapPage.style.display = "block"; 2555 document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger=seeall_btn'); 2556 document.getElementById('kgmModal-title').innerHTML = 'Login untuk akses baca lebih lengkap'; 2557 var script = document.createElement("script"); 2558 (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script); 2559 document.getElementById('kgmModal-onetap').dataset.eventLabel = 'See All Button'; 2560 oneTapShow(); 2561 }); 2562 } 2563 2564 $(document).on("click", "#commentFormLogin", function() { 2565 var komentar_url = $(this).data('komentar-url'); 2566 hideButtonClose(); 2567 var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page'); 2568 kgmModalOneTapPage.style.display = "block"; 2569 document.getElementById('g_id_onload').dataset.continue = btoa(komentar_url + '?lgn_source=kgonetap&lgn_trigger=comment_article'); 2570 document.getElementById('kgmModal-title').innerHTML = 'Login untuk menyampaikan komentarmu.'; 2571 var script = document.createElement("script"); 2572 (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script); 2573 document.getElementById('kgmModal-onetap').dataset.eventLabel = 'Comment Article'; 2574 oneTapShow(); 2575 });
2576 2577 document.addEventListener('DOMContentLoaded', function() { 2578 const elementKgOneTapAction = document.querySelectorAll('[data-kgonetap-action]'); 2579 if (!!elementKgOneTapAction) { 2580 elementKgOneTapAction.forEach(function(el) { 2581 el.addEventListener('click', function() { 2582 const kgOneTapAction = el.getAttribute('data-kgonetap-action'); 2583 let kgOneTapTitle = 'Login untuk menyampaikan komentarmu.'; 2584 let lgnTrigger = ''; 2585 let eventLabel = 'See All Button'; 2586 2587 if (kgOneTapAction == 'COMMENT_POST') { 2588 kgOneTapTitle = 'Login untuk menyampaikan komentarmu.'; 2589 lgnTrigger = 'comment_post_btn'; 2590 eventLabel = 'Comment Post Button'; 2591 2592 } else if (kgOneTapAction == 'COMMENT_LIKE') { 2593 kgOneTapTitle = 'Login untuk menyukai komentar ini'; 2594 lgnTrigger = 'comment_like_btn'; 2595 eventLabel = 'Comment Like Button'; 2596 2597 } else if (kgOneTapAction == 'COMMENT_DISLIKE') { 2598 kgOneTapTitle = 'Login untuk menanggapi komentar ini'; 2599 lgnTrigger = 'comment_dislike_btn'; 2600 eventLabel = 'Comment Disike Button'; 2601 2602 } else if (kgOneTapAction == 'COMMENT_REPLY') { 2603 kgOneTapTitle = 'Login untuk membalas komentar ini'; 2604 lgnTrigger = 'comment_reply_btn'; 2605 eventLabel = 'Comment Reply Button'; 2606 2607 el.querySelector('.commentButton').textContent = 'Balas'; 2608 el.closest('.commentItem').querySelector('.reply_form').style.display = 'none'; 2609 } else if (kgOneTapAction == 'MYVALUE_CLAIM') { 2610 kgOneTapTitle = 'Login untuk mendapatkan voucher'; 2611 lgnTrigger = 'claim_voucher_button'; 2612 eventLabel = 'Claim Voucher Button'; 2613 } 2614 2615 hideButtonClose(); 2616 var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page'); 2617 kgmModalOneTapPage.style.display = "block"; 2618 document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger=' + lgnTrigger); 2619 document.getElementById('kgmModal-title').innerHTML = kgOneTapTitle; 2620 var script = document.createElement("script"); 2621 (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script); 2622 const dataEventLabel = document.getElementById('kgmModal-onetap'); 2623 if (!!dataEventLabel) { 2624 dataEventLabel.dataset.eventLabel = eventLabel; 2625 const otherDataEventLabel = dataEventLabel.querySelectorAll('[data-event-label]'); 2626 if (!!otherDataEventLabel) { 2627 otherDataEventLabel.forEach(function(label) { 2628 label.dataset.eventLabel = eventLabel 2629 }) 2630 } 2631 } 2632 oneTapShow(); 2633 }); 2634 }); 2635 } 2636 }) 2637 // start reaction rule 2638 document.querySelectorAll(".reactionIteration").forEach(element => element.addEventListener('click', event => { 2639 2640 hideButtonClose(); 2641 2642 var kgmModalOneTapIteraction = document.getElementById('kgmModal-onetap-close-iteraction'); 2643 kgmModalOneTapIteraction.style.display = "block"; 2644 2645 var trigger_touch_point = 'click_like'; 2646 var label = 'Like'; 2647 var title = 'Suka konten ini? Login untuk menyimpan preferensimu'; 2648 2649 if(element.dataset.ttp=='dislike'){ 2650 trigger_touch_point = 'click_dislike'; 2651 label = 'Dislike'; 2652 title = 'Kurang suka konten ini? Login untuk menyimpan preferensimu'; 2653 }else if(element.dataset.ttp=='bookmark'){ 2654 trigger_touch_point = 'click_bookmark'; 2655 label = 'Bookmark'; 2656 title = 'Login untuk simpan dan baca nanti'; 2657 }else if(element.dataset.ttp=='like_comment'){ 2658 trigger_touch_point = 'click_like_comment'; 2659 label = 'Like Comment' 2660 title = 'Login untuk kasih jempol buat komentar ini.'; 2661 } else if(element.dataset.ttp=='dislike_comment'){ 2662 trigger_touch_point = 'click_dislike_comment'; 2663 label = 'Dislike Comment' 2664 title = 'Tidak setuju dengan komentar ini? Login untuk ikut menanggapi'; 2665 } 2666 2667 // document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger='+trigger_touch_point) 2668 document.getElementById('kgmModal-title').innerHTML = title; 2669 // var script = document.createElement("script"); 2670 // (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script); 2671 // document.getElementById('kgmModal-onetap').dataset.eventLabel = label 2672 // document.getElementById('kgmModal-onetap-close-iteraction').dataset.eventLabel = label 2673 oneTapShow('reaction'); 2674 })); 2675 // end reaction rule 2676 2677 // start comment rule 2678 let CommentShow = document.getElementById('btnSendIteration'); 2679 if (!!CommentShow) { 2680 2681 CommentShow.addEventListener('click', function (e) { 2682 2683 hideButtonClose(); 2684 2685 var kgmModalOneTapIteraction = document.getElementById('kgmModal-onetap-close-iteraction'); 2686 kgmModalOneTapIteraction.style.display = "block"; 2687 2688 var trigger_touch_point = 'click_post_comment'; 2689 var label = 'Post Comment' 2690 var title = 'Login untuk menyampaikan komentarmu.'; 2691 2692 document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger='+trigger_touch_point) 2693 document.getElementById('kgmModal-title').innerHTML = title; 2694 var script = document.createElement("script"); 2695 (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script); 2696 document.getElementById('kgmModal-onetap').dataset.eventLabel = label 2697 document.getElementById('kgmModal-onetap-close-iteraction').dataset.eventLabel = label 2698 oneTapShow(); 2699 }); 2700 } 2701 // end comment rule 2702 2703 function getMeta(metaName) { 2704 const metas = document.getElementsByTagName('meta'); 2705 for (let i = 0; i < metas.length; i++) { 2706 if (metas[i].getAttribute('name') === metaName) { 2707 return metas[i].getAttribute('content'); 2708 } 2709 } 2710 return ''; 2711 } 2712 2713 const closeModalOneTap = document.querySelector('#kgmModal-onetap-close-iteraction'); 2714 if (!!closeModalOneTap) { 2715 closeModalOneTap.addEventListener('click', function() { 2716 localStorage.removeItem('reaction_like_temp') 2717 localStorage.removeItem('reaction_dislike_temp') 2718 localStorage.removeItem('reaction_bookmark_temp') 2719 }) 2720 } 2721</script>
vendor: 2 bytes, line 2721
2721
2722<script> 2723 var addebug = document.querySelectorAll('.cpRight'); 2724 for (i = 0; i < addebug.length; ++i) { 2725 addebug[i].addEventListener('click', function handleClick() { 2726 googletag.openConsole(); 2727 }); 2728 }; 2729</script>
2729 2730 2731
2732<script> 2733 var inject_baca_juga = document.getElementsByClassName('inject-baca-juga'); 2734 if(inject_baca_juga.length > 0){ 2735 var xhr_auto_baca_juga = new XMLHttpRequest(); 2736 xhr_auto_baca_juga.open("POST", "https://recommendation.kgdata.dev/rec/kompascom/api/v2/recommendation/item", true); 2737 xhr_auto_baca_juga.setRequestHeader("Content-Type", "application/json"); 2738 xhr_auto_baca_juga.onreadystatechange = function () { 2739 if (xhr_auto_baca_juga.readyState === 4 && xhr_auto_baca_juga.status === 200) { 2740 var json_baca_juga = JSON.parse(xhr_auto_baca_juga.responseText); 2741 for (var i = 0; i < inject_baca_juga.length; i++) { 2742 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>'; 2743 } 2744 } 2745 }; 2746 var data = JSON.stringify({ 2747 "pageurl" : "https://thesysintl.com/", 2748 "pagetype" : "baca-juga" 2749 }); 2750 xhr_auto_baca_juga.send(data); 2751 } 2752</script>
2752 2753 2754 <!-- (ads.pol) --> 2755 <!-- (ads.peelad) --> 2756 <!-- (ads.ambient) --> 2757 <!-- (ads.outbrain) --> 2758 <!-- (ads.pickwords) --> 2759 <!-- (ads.vignette) --> 2760 <!-- (ads.rewarded) -->
2761<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"8497f598f33748a7a774db17caa97bb0","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 2761
2761
2762<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"18NvvbxKJt5nxAdTJdh5SeJHd4V79PGw6R","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 2762
2762
2763<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"f55e6be63ba9479d949104a33ade8a55","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 2763
2763
2764<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"8b113bffc33c4601b40e4d0e8ab9bf92","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 2764
2764
2765<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"8b113bffc33c4601b40e4d0e8ab9bf92","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 2765
2765
2766<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"8b113bffc33c4601b40e4d0e8ab9bf92","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
2766 2767 2768<style> 2769 .style { 2770 margin: 0; 2771 padding: 0; 2772 font-family: 'Playfair Display', 'Segoe UI', serif; 2773 background-color: transparent; 2774 color: #dd2f35; 2775 overflow: hidden; 2776 } 2777 2778 .popup-overlay { 2779 position: fixed; 2780 top: 0; 2781 left: 0; 2782 width: 100vw; 2783 height: 100vh; 2784 background: rgba(0, 0, 0, 0.4); 2785 backdrop-filter: blur(3px); 2786 -webkit-backdrop-filter: blur(3px); 2787 display: flex; 2788 justify-content: center; 2789 align-items: center; 2790 z-index: 9999; 2791 } 2792 2793 .popup-container { 2794 position: relative; 2795 width: 90%; 2796 max-width: 420px; 2797 background: #000000; 2798 border-radius: 20px; 2799 overflow: hidden; 2800 text-align: center; 2801 animation: rotateScaleIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), goldPulse 3.5s infinite ease-in-out; 2802 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 0 1px #dd2f35; 2803 padding-bottom: 20px; 2804 border: 1px solid rgba(56, 189, 248, 0.15); 2805 backdrop-filter: blur(10px); 2806 -webkit-backdrop-filter: blur(10px); 2807 } 2808 2809 /* ð Cyan/Emerald berdenyut yang mewah */ 2810 @keyframes goldPulse { 2811 0%, 100% { 2812 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 20px #dd2f35, 0 0 0 1px #dd2f35; 2813 } 2814 50% { 2815 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 30px #dd2f35, 0 0 0 1px #dd2f35; 2816 } 2817 } 2818 2819 /* ⨠Shiny diagonal emas yang elegan */ 2820 .popup-container::before { 2821 content: ""; 2822 position: absolute; 2823 top: -100%; 2824 left: -100%; 2825 width: 200%; 2826 height: 200%; 2827 background: linear-gradient( 2828 135deg, 2829 rgba(255, 255, 255, 0) 45%, 2830 rgba(56, 189, 248, 0.15) 50%, 2831 rgba(255, 255, 255, 0) 55% 2832 ); 2833 animation: shineDiagonal 5s linear infinite; 2834 z-index: 2; 2835 pointer-events: none; 2836 } 2837 2838 @keyframes shineDiagonal { 2839 0% { 2840 transform: translate(-100%, -100%) rotate(30deg); 2841 } 2842 100% { 2843 transform: translate(100%, 100%) rotate(30deg); 2844 } 2845 } 2846 2847 .popup-image { 2848 width: 100%; 2849 display: block; 2850 border-bottom: 1px solid rgba(56, 189, 248, 0.15); 2851 } 2852 2853 .clk-btn-sgp { 2854 width: 97%; 2855 display: grid; 2856 grid-template-columns: repeat(2, 1fr); 2857 gap: 15px; 2858 font-family: 'Poppins', sans-serif; 2859 font-weight: 700; 2860 padding: 20px; 2861 position: relative; 2862 overflow: hidden; 2863 2864} 2865 2866/* Gold Accent Line */ 2867.clk-btn-sgp::before { 2868 content: ''; 2869 position: absolute; 2870 top: 50%; 2871 left: 50%; 2872 transform: translate(-50%, -50%); 2873 width: calc(100% - 30px); 2874 height: 2px; 2875 background: linear-gradient(90deg, 2876 transparent, 2877 #dd2f35, 2878 transparent); 2879 opacity: 0.4; 2880 filter: blur(1px); 2881} 2882 2883.clk-btn-sgp a { 2884 text-align: center; 2885 text-transform: uppercase; 2886 letter-spacing: 1.5px; 2887 padding: 16px 12px; 2888 margin: 0; 2889 border-radius: 14px; 2890 transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); 2891 position: relative; 2892 overflow: hidden; 2893 backdrop-filter: blur(10px); 2894 -webkit-backdrop-filter: blur(10px); 2895 border: 2px solid transparent; 2896 box-shadow: 0 8px 0px #000000; 2897 clip-path: polygon(var(--blade-cut) 0%, 100% 0%, 100% calc(100% - var(--blade-cut)), calc(100% - var(--blade-cut)) 100%, 0% 100%, 0% var(--blade-cut)); 2898 z-index: 1; 2899} 2900 2901/* Gold Border Effect */ 2902.clk-btn-sgp a::after { 2903 content: ''; 2904 position: absolute; 2905 top: -2px; 2906 left: -2px; 2907 right: -2px; 2908 bottom: -2px; 2909 background: linear-gradient(45deg, 2910 #dd2f35,); 2911 border-radius: 16px; 2912 z-index: -1; 2913 opacity: 0; 2914 transition: opacity 0.3s ease; 2915} 2916 2917.clk-btn-sgp a:hover::after { 2918 opacity: 1; 2919} 2920 2921.clk-btn-sgp a:hover { 2922 transform: translateY(-6px) scale(1.03); 2923 border-color: #dd2f35; 2924} 2925 2926/* LOGIN BUTTON */ 2927.login { 2928 background: #dd2f35; 2929 color: #fff !important; 2930 border: 2px solid #000000; 2931 box-shadow: 0 5px 0 #689c8800; 2932 font-weight: 700; 2933} 2934 2935.login:hover { 2936 background: #0ea5e9; 2937 border-color: #0ea5e9; 2938 transform: translateY(-3px); 2939 box-shadow: 0 8px 18px rgba(56,189,248,.25); 2940} 2941 2942/* REGISTER BUTTON */ 2943.register { 2944 background: #dd2f35; 2945 color: #fff !important; 2946 border: 2px solid #000000; 2947 box-shadow: 0 5px 0 #689c8800; 2948 font-weight: 700; 2949} 2950 2951.register:hover { 2952 background: #0ea5e9; 2953 border-color: #0ea5e9; 2954 transform: translateY(-3px); 2955 box-shadow: 0 8px 18px rgba(56,189,248,.25); 2956} 2957 2958/* Button Text Container */ 2959.clk-btn-sgp a span { 2960 display: inline-block; 2961 transition: transform 0.3s ease; 2962} 2963 2964.clk-btn-sgp a:hover span { 2965 transform: translateX(3px); 2966} 2967 2968/* Responsive Design */ 2969@media (max-width: 768px) { 2970 .clk-btn-sgp { 2971 grid-template-columns: 1fr; 2972 gap: 12px; 2973 } 2974 2975 .clk-btn-sgp a { 2976 padding: 18px 12px; 2977 } 2978 2979 .login::before, 2980 .register::before { 2981 position: relative; 2982 left: 0; 2983 right: 0; 2984 display: inline-block; 2985 margin-right: 10px; 2986 transform: none; 2987 top: 0; 2988 } 2989 2990 .login:hover::before, 2991 .register:hover::before { 2992 transform: none; 2993 } 2994} 2995 2996/* Subtle Glow Animation */ 2997@keyframes subtleGlow { 2998 0%, 100% { 2999 box-shadow: 3000 0 15px 35px rgba(0, 0, 0, 0.6), 3001 inset 0 1px 0 rgba(255, 255, 255, 0.1); 3002 } 3003 50% { 3004 box-shadow: 3005 0 15px 35px rgba(0, 0, 0, 0.6), 3006 inset 0 1px 0 rgba(255, 255, 255, 0.1), 3007 0 0 20px rgba(56, 189, 248, 0.15); 3008 } 3009} 3010 3011 3012 .info-table { 3013 width: 90%; 3014 margin: 20px auto; 3015 border-collapse: collapse; 3016 color: #dd2f35; 3017 font-size: 14px; 3018 position: relative; 3019 z-index: 3; 3020 background: rgba(6, 26, 16, 0.6); 3021 border-radius: 10px; 3022 overflow: hidden; 3023 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); 3024 } 3025 3026 .info-table th { 3027 background: linear-gradient(135deg, #dd2f35); 3028 padding: 14px 10px; 3029 font-size: 15px; 3030 color: #fff; 3031 border: none; 3032 font-weight: 700; 3033 letter-spacing: 0.8px; 3034 text-transform: uppercase; 3035 } 3036 3037 .info-table td { 3038 padding: 12px;
3039 border-bottom: 1px solid rgba(56, 189, 248, 0.1); 3040 text-align: left; 3041 } 3042 3043 .info-table tr:last-child td { 3044 border-bottom: none; 3045 } 3046 3047 .popup-footer { 3048 font-size: 13px; 3049 color: #dd2f35; 3050 padding: 20px 10px; 3051 position: relative; 3052 z-index: 3; 3053 line-height: 1.6; 3054 font-family: 'Playfair Display', serif; 3055 } 3056 3057 @keyframes rotateScaleIn { 3058 0% { 3059 opacity: 0; 3060 transform: scale(0.3) rotate(-10deg); 3061 } 3062 50% { 3063 transform: scale(1.05) rotate(2deg); 3064 } 3065 100% { 3066 opacity: 1; 3067 transform: scale(1) rotate(0deg); 3068 } 3069 } 3070 3071 /* Efek partikel magis */ 3072 .gold-particle { 3073 position: absolute; 3074 background: radial-gradient(circle, #dd2f35 0%, #dd2f35 100%); 3075 border-radius: 50%; 3076 pointer-events: none; 3077 z-index: 1; 3078 animation: floatGold 10s infinite ease-in-out; 3079 box-shadow: 0 0 10px rgba(56, 189, 248, 0.6); 3080 } 3081 3082 @keyframes floatGold { 3083 0%, 100% { 3084 transform: translateY(0) translateX(0); 3085 opacity: 0; 3086 } 3087 10% { 3088 opacity: 0.8; 3089 } 3090 90% { 3091 opacity: 0.8; 3092 } 3093 100% { 3094 transform: translateY(-120px) translateX(40px); 3095 opacity: 0; 3096 } 3097 } 3098 3099 /* Efek border magis */ 3100 .luxury-border { 3101 position: absolute; 3102 top: 0; 3103 left: 0; 3104 right: 0; 3105 bottom: 0; 3106 border: 1px solid #dd2f35; 3107 border-radius: 20px; 3108 pointer-events: none; 3109 z-index: 4; 3110 background: linear-gradient(135deg, 3111 rgba(56, 189, 248, 0) 0%, 3112 rgba(56, 189, 248, 0.1) 50%, 3113 rgba(56, 189, 248, 0) 100%); 3114 } 3115 3116 /* Tombol Close */ 3117 .close-btn { 3118 position: absolute; 3119 top: 15px; 3120 right: 15px; 3121 width: 32px; 3122 height: 32px; 3123 background: rgba(0, 0, 0, 0.5); 3124 border-radius: 50%; 3125 display: flex; 3126 justify-content: center; 3127 align-items: center; 3128 cursor: pointer; 3129 z-index: 10; 3130 transition: all 0.3s ease; 3131 border: 1px solid #dd2f35; 3132 } 3133 3134 .close-btn:hover { 3135 background: rgba(56, 189, 248, 0.8); 3136 transform: rotate(90deg); 3137 } 3138 3139 .close-btn::before, 3140 .close-btn::after { 3141 content: ''; 3142 position: absolute; 3143 width: 16px; 3144 height: 2px; 3145 background: #dd2f35; 3146 } 3147 3148 .close-btn::before { 3149 transform: rotate(45deg); 3150 } 3151 3152 .close-btn::after { 3153 transform: rotate(-45deg); 3154 } 3155 3156 /* Responsif untuk layar kecil */ 3157 @media (max-width: 480px) { 3158 .popup-container { 3159 width: 95%; 3160 max-width: 350px; 3161 } 3162 3163 .popup-buttons a { 3164 font-size: 14px; 3165 padding: 16px 0; 3166 } 3167 3168 .info-table { 3169 font-size: 13px; 3170 } 3171 3172 .popup-footer { 3173 font-size: 12px; 3174 } 3175 3176 .close-btn { 3177 width: 28px; 3178 height: 28px; 3179 } 3180 } 3181 3182 .nav__sub--otomotif { 3183 display: none !important; 3184} 3185 </style> 3186<div class="popup-overlay" id="popupOverlay"> 3187 <div class="popup-container"> 3188 <!-- Tombol Close --> 3189 <div class="close-btn" onclick="closePopup()"></div> 3190 3191 <!-- Border mewah --> 3192 <div class="luxury-border"></div> 3193 <div class="style"> 3194 <img src="https://veldrive.com/TbpxTPeG/image%20(96).jpg" alt="Popup Banner" class="popup-image" /> 3195 <div class="clk-btn-sgp" style="font-size: 20px;"> 3196 <a href="https://thesysintl.direct-pusat404.co/" 3197 class="login">LOGIN</a> 3198 <a href="https://thesysintl.direct-pusat404.co/" 3199 class="register">DAFTAR</a> 3200 </div> 3201 <div class="popup-footer"> 3202 PUSAT404 Ã Thesysintl : Cyber Security, Penetration Testing dan Bug Bounty Indonesia<br/> 3203 <span style="font-weight: 600; text-shadow: 0 0 5px #dd2f35;">© COPYRIGHT 2026 SEO 3.0 - PUSAT404 </span> 3204 </div> 3205 </div> 3206 </div> 3207</div>
3208<script> 3209 function closePopup() { 3210 const popupOverlay = document.getElementById('popupOverlay'); 3211 popupOverlay.style.opacity = '0'; 3212 popupOverlay.style.transition = 'opacity 0.3s ease'; 3213 3214 setTimeout(() => { 3215 popupOverlay.style.display = 'none'; 3216 }, 300); 3217 } 3218 3219 // Menutup popup ketika mengklik area di luar popup 3220 document.getElementById('popupOverlay').addEventListener('click', function(event) { 3221 if (event.target === this) { 3222 closePopup(); 3223 } 3224 }); 3225</script>
3225 3226
3227<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"cc4b21d388c44c0d982a00534a28200d","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 3227
3227
3228<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"9b39d43b8a704a0f86cee3c4125094e5","r":1}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 3228
3228
3229<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"485190bb3e9040e6bbf98a72448185e5","r":1}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 3229
3229
3230<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"52d27ac016f64673985591f63a432955","r":1}' crossorigin="anonymous"></script>
3230 3231</body> 3232</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.