<!doctype html> <html lang="en" style="font-size: 16px;"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <link rel="original-source" href="https://www.indonesiana.id/" /> <link rel="canonical" href="https://www.indonesiana.id/" /> <link rel="publisher" href="https://plus.google.com/109335234362909335582" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="language" content="id" /> <meta http-equiv="pragma" content="no cache" /> <meta name="rating" content="General" /> <meta name="robots" content="index, follow" /> <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>  <link rel="apple-touch-icon" href="https://www.indonesiana.id/assets/image/tempo-white.ico" sizes="180x180"> <link rel="icon" href="https://www.indonesiana.id/assets/image/tempo-white.ico" sizes="32x32" type="image/png"> <link rel="icon" href="https://www.indonesiana.id/assets/image/tempo-white.ico" sizes="16x16" type="image/png"> <link rel="manifest" href="https://www.indonesiana.id/assets/image/tempo-white.ico"> <link rel="mask-icon" href="https://www.indonesiana.id/assets/image/tempo-white.ico"> <link rel="icon" href="https://www.indonesiana.id/assets/image/tempo-white.ico">  <script async src="https://paywall.fewcents.co/static/js/paywall.js"></script> <script> __q = { q: [], l: [] }, Paywall = function() { __q.q.push(arguments) }, Paywall.on = function() { __q.l.push(arguments) }; </script>   <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Oleo+Script+Swash+Caps:wght@400;700&family=Open+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet"> <link href="https://www.indonesiana.id/assets/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> <style> .secondcontent .col-md-5 { position: relative; } .secondcontent .col-md-5 img { position: absolute; width: 100%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); } button.btn.btn-pink img { position: relative; height: 100%; width: auto; top: 10px; left: 10px; transition: unset; } .bd-placeholder-img { font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; } @media (min-width: 768px) { .bd-placeholder-img-lg { font-size: 3.5rem; } } .b-example-divider { height: 3rem; background-color: rgba(0, 0, 0, .1); border: solid rgba(0, 0, 0, .15); border-width: 1px 0; box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15); } .b-example-vr { flex-shrink: 0; width: 1.5rem; height: 100vh; } .bi { vertical-align: -.125em; fill: currentColor; } .nav-scroller { position: relative; z-index: 2; height: 2.75rem; overflow-y: hidden; } .nav-scroller .nav { display: flex; flex-wrap: nowrap; padding-bottom: 1rem; margin-top: -1px; overflow-x: auto; text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; } </style> <link rel="preload" href="https://www.indonesiana.id/assets/css/style-desk.css?ver=493422415" as="style" /> <link href="https://www.indonesiana.id/assets/css/style-desk.css?ver=762934598" rel="stylesheet" type="text/css">   <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-WKZXVLBW'); </script>   <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-KNSBXFS'); </script>  </head> <body>  <noscript><iframe src="ns " height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <section class="border-bottom mb-4 bg-light fixed-top"> <div class="container"> <header class="d-flex flex-wrap align-items-center justify-content-center justify-content-md-between py-3"> <a href="https://www.indonesiana.id/" class="d-flex align-items-center col-md-3 mb-2 mb-md-0 text-dark text-decoration-none"> <img alt="img-content" loading="lazy" decoding="async" src="https://www.indonesiana.id/assets/image/logo-indonesiana.png" class="logo"> </a> <div class="col-lg-auto me-lg-auto w-40"> <form class="me-3 position-relative" role="search" method="post" action="https://www.indonesiana.id/search"> <input type="search" class="form-control" placeholder="Cari berita" aria-label="Search" name="search"> <div class="searchmodal"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="MagnifyingGlass"> <path id="Vector" d="M8.15625 14.0625C11.4182 14.0625 14.0625 11.4182 14.0625 8.15625C14.0625 4.89432 11.4182 2.25 8.15625 2.25C4.89432 2.25 2.25 4.89432 2.25 8.15625C2.25 11.4182 4.89432 14.0625 8.15625 14.0625Z" stroke="#757575" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> <path id="Vector_2" d="M12.332 12.332L15.7493 15.7493" stroke="#757575" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </g> </svg> </div> </form> </div> <div class="col-md-4 text-end d-flex flex-row-reverse"> <a href="https://subscribe.tempo.co/sso/auth/initial?ref=https%3A%2F%2Fwww.indonesiana.id%2F" role="button" class="btn btn-primary">Mulai Menulis</a> <a href="https://subscribe.tempo.co/sso/auth/initial?ref=https%3A%2F%2Fwww.indonesiana.id%2F" role="button" class="btn btn-outline-primary me-2">Masuk</a> </div> </header> </div> </section> <script type="text/javascript"> function hapusCookie() { setTimeout(function() { var cookieName = "n_token"; document.cookie = cookieName + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;'; location.reload(); }, 2000); } </script> <main class="penulispage"> <div class="penulispagewidth"> <section class="bgprofilebackground"> <div> <img alt="img-content" loading="lazy" decoding="async" src="https://www.indonesiana.id/assets/image/background-profile.png" class="w-100"> </div> </section> <section class="bgprofiletop maxwidth"> <div class="container"> <div class="row"> <div class="col-md-7 no-padding"> <div class="d-flex flex-row bd-highlight pagepenulistop"> <div class=""> <div class="profil-rounded"> <figure> <img alt="Image of Indonesiana.id" loading="lazy" decoding="async" src="https://img.tempo.co/indonesiana/images/profile-default.jpg" class="w-100" onerror="imgProfileError(this);"> </figure> </div> </div> <div class="pl-24"> <span class="author2 user-select-all"> </span> <p class="pelapor1">Penulis Indonesiana</p> <div class="d-flex highlight-info gap-4"> <div> <p><span>4</span>Artikel</p> </div> <div class="pointer" data-bs-toggle="modal" data-bs-target="#ikutipenulis"> <p><span>0</span>Pengikut</p> </div> <div class="pointer" data-bs-toggle="modal" data-bs-target="#mengikutipenulis"> <p><span>0</span>Mengikuti</p> </div> </div> </div> </div> </div> <div class="col-md-5"> <div class="d-flex gap-3 float-end align-bottom"> <div class="flex-fill text-center" style="margin-left: 200px;"></div> </div> </div> </div> </div> </section>  <div class="modal fade" id="ikutipenulis" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title fstyle-modal-header text-center m-auto w-100" id="exampleModalLabel">Pengikut</h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="modal-body-ikutipenulis"> <ul class="list-ikutipenulis"> </ul> </div> </div> </div> </div> </div>  <div class="modal fade" id="mengikutipenulis" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title fstyle-modal-header text-center m-auto w-100" id="exampleModalLabel">Mengikuti</h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="modal-body-ikutipenulis"> <ul class="list-ikutipenulis"> </ul> </div> </div> </div> </div> </div>  <div class="modal fade" id="dukungpenulis" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content bg-transparent border-0"> <div class="modal-body">   </div> </div> </div> </div> <section class="mt-24"> <div class="container"> <div class="row"> <div class="col-md-8 no-padding w736real mr-32"> <div id="articleId"></div> <div class="row bg-grey-profile mb-24"> <div class="col"> <div class="p24 border-b-F5F5F5"> <div class="d-flex"> <h1 class="flex-fill titlekarya">Karya Penulis </h1> <div class="dropdown"> <button id="filter-button" class="btn btn-transparent-black dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> Semua Konten </button> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="#" data-filter="Semua Konten">Semua Konten</a></li> <li><a class="dropdown-item" href="#" data-filter="Premium">Premium</a></li> <li><a class="dropdown-item" href="#" data-filter="Terpopuler">Terpopuler</a></li> <li><a class="dropdown-item" href="#" data-filter="Terbaru">Terbaru</a></li> </ul> </div> </div> </div> </div> <div id="content-area" class="col-md-12"> </div> <script> document.addEventListener('DOMContentLoaded', () => { // Function to fetch data based on filter const fetchData = (filter = 'Semua Konten') => { const idPenulis = "35863"; const url = `https://www.indonesiana.id/profil/ajax?id=${parseInt(idPenulis)}&filter=${encodeURIComponent(filter)}`; fetch(url) .then(response => response.json()) .then(data => { generateDataTable(data); }) .catch(error => console.error('Error:', error)); }; // Function to generate HTML content const generateDataTable = (data) => { const content = document.querySelector('#content-area'); const imgUrl = "https://img.tempo.co/indonesiana/images/"; content.innerHTML = ''; function slug(text) { return text.toLowerCase().trim().replace(/[^a-z0-9\s-]/g, '').replace(/\s+/g, '-').replace(/-+/g, '-').replace(/^-+/, '').replace(/-+$/, ''); } function image(filename) { if (!filename || filename.trim() === '') { return `${imgUrl}all/default.jpg`; } return `${imgUrl}all/${filename}`; } function parseDateString(dateString) { const [datePart, timePart] = dateString.split(' '); const [year, month, day] = datePart.split('-').map(Number); const [hour, minute, second] = timePart.split(':').map(Number); return new Date(year, month - 1, day, hour, minute, second); } function formatMode(dateString, mode = 'normal') { const date = parseDateString(dateString); const dayNumber = date.getDate(); const monthNumber = date.getMonth(); const yearNumber = date.getFullYear(); const dayName = date.toLocaleDateString('id-ID', { weekday: 'long' }); const monthName = date.toLocaleDateString('id-ID', { month: 'long' }); const hour = date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', hour12: false }); const timezone = "WIB"; switch (mode) { case 'short': return `${dayNumber} ${monthName} ${yearNumber}`; case 'shorte': return `${dayNumber} ${monthName} ${yearNumber}`; case 'normal': return `${dayNumber} ${monthName} ${yearNumber} ${hour} ${timezone}`; case 'normale': return `${dayNumber} ${monthName} ${yearNumber} ${hour} ${timezone}`; case 'long': return `${dayName}, ${dayNumber} ${monthName} ${yearNumber} ${hour} ${timezone}`; case 'longnews': return `${dayName}, ${dayNumber} ${monthName} ${yearNumber}`; case 'longnewse': return `${dayName}, ${dayNumber} ${monthName} ${yearNumber}`; case 'longe': return `${dayName}, ${monthName} ${dayNumber} ${yearNumber} ${hour} ${timezone}`; case 'hari': return `${dayNumber}`; case 'bulan': return `${monthName}`; case 'month': return `${monthName}`; case 'tahun': return `${yearNumber}`; default: return `${dayNumber} ${monthName} ${yearNumber}`; } } function timesAgo(dateString, mode = 'normal') { const now = new Date(); const pastDate = parseDateString(dateString); const diffInSeconds = Math.floor((now - pastDate) / 1000); if (diffInSeconds <= 0) { return 'detik lalu'; } const years = Math.floor(diffInSeconds / 31536000); const months = Math.floor(diffInSeconds / 2628000); const weeks = Math.floor(diffInSeconds / 604800); const days = Math.floor(diffInSeconds / 86400); const hours = Math.floor(diffInSeconds / 3600); const minutes = Math.floor(diffInSeconds / 60); let str = ''; if (days >= 6) { str = formatMode(dateString, mode); } else if (days > 0) { str = `${days} hari lalu`; } else if (hours > 0) { str = `${hours} jam lalu`; } else if (minutes > 0) { str = `${minutes} menit lalu`; } else { str = `${diffInSeconds} detik lalu`; } return str; } data[0].artikel.forEach((item) => { const baseUrl = "https://www.indonesiana.id/"; const filename = item.file_foto && item.file_foto[0] ? item.file_foto[0].filename : 'default.jpg'; const urlArtikel = `${baseUrl}read/${item.id}/${slug(item.judul)}`; const urlFoto = `${image(filename)}`; const approveDate = timesAgo(item.approve_date); const row = ` <div class="contentpenulis p24"> <div class="d-flex"> <div class="w317"> <div> <a href="${urlArtikel}"> <h2>${item.judul}</h2> <p class="date">${approveDate}</p> <p>${item.deskripsi}</p> </a> <div class="d-flex flex-row listaction1"> <div class="p-2"><img alt="img-content" loading="lazy" decoding="async" src="${baseUrl}assets/image/thumbsup.png" class="mr-3">${item.like.length}</div> </div> </div> </div> <div class="ms-auto"> <a href="${urlArtikel}"> <figure> <img alt="Image of Indonesiana.id" loading="lazy" decoding="async" src="${urlFoto}" onerror="imgError(this);"> </figure> </a> </div> </div> </div> `; content.innerHTML += row; }); }; // Initial fetch fetchData(); // Handle dropdown selection document.querySelectorAll('.dropdown-item').forEach(item => { item.addEventListener('click', (event) => { event.preventDefault(); const filter = item.getAttribute('data-filter'); document.getElementById('filter-button').textContent = filter; fetchData(filter); }); }); }); </script> </div> <div class="row mt-3 bsxcutter "> <a href="#" role="button" class="sign-btn medium line newbtn-sign" style="font-weight:600; font-size:14px;">Muat Karya Lainnya</a> </div> </div> <div class="col-md-4 no-padding w318"> <div class="profileside1"> <div class="isiprofileside1 py-4 px-4"> <h2>Tentang Penulis</h2> <div class="locwhen"> <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.5 10.0938C10.8117 10.0938 11.875 9.03043 11.875 7.71875C11.875 6.40707 10.8117 5.34375 9.5 5.34375C8.18832 5.34375 7.125 6.40707 7.125 7.71875C7.125 9.03043 8.18832 10.0938 9.5 10.0938Z" stroke="#757575" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.4375 7.71875C15.4375 13.0625 9.5 17.2188 9.5 17.2188C9.5 17.2188 3.5625 13.0625 3.5625 7.71875C3.5625 6.14403 4.18806 4.6338 5.30155 3.5203C6.41505 2.40681 7.92528 1.78125 9.5 1.78125C11.0747 1.78125 12.5849 2.40681 13.6984 3.5203C14.8119 4.6338 15.4375 6.14403 15.4375 7.71875V7.71875Z" stroke="#757575" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span></span> </div> <div class="locwhen"> <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.4375 2.96875H3.5625C3.23458 2.96875 2.96875 3.23458 2.96875 3.5625V15.4375C2.96875 15.7654 3.23458 16.0312 3.5625 16.0312H15.4375C15.7654 16.0312 16.0312 15.7654 16.0312 15.4375V3.5625C16.0312 3.23458 15.7654 2.96875 15.4375 2.96875Z" stroke="#757575" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13.0625 1.78125V4.15625" stroke="#757575" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.9375 1.78125V4.15625" stroke="#757575" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.96875 6.53125H16.0312" stroke="#757575" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span>Bergabung sejak: </span> </div> <p></p> </div> <hr class="separator3"> <div class="isiprofileside1 py-4 px-4"> <h2>Kontak Penulis</h2> </div> <hr class="separator3"> <div class="isiprofileside1 py-4 px-4"> <h2>Bagikan Profil Ini</h2> <div class="d-flex actiondetail"> <div class="p-2"> <a href="#"> <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.75 11.875C6.06168 11.875 7.125 10.8117 7.125 9.5C7.125 8.18832 6.06168 7.125 4.75 7.125C3.43832 7.125 2.375 8.18832 2.375 9.5C2.375 10.8117 3.43832 11.875 4.75 11.875Z" stroke="#424242" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> <path d="M13.0625 17.2188C14.3742 17.2188 15.4375 16.1554 15.4375 14.8438C15.4375 13.5321 14.3742 12.4688 13.0625 12.4688C11.7508 12.4688 10.6875 13.5321 10.6875 14.8438C10.6875 16.1554 11.7508 17.2188 13.0625 17.2188Z" stroke="#424242" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> <path d="M13.0625 6.53125C14.3742 6.53125 15.4375 5.46793 15.4375 4.15625C15.4375 2.84457 14.3742 1.78125 13.0625 1.78125C11.7508 1.78125 10.6875 2.84457 10.6875 4.15625C10.6875 5.46793 11.7508 6.53125 13.0625 6.53125Z" stroke="#424242" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> <path d="M11.0649 5.44141L6.74756 8.21687" stroke="#424242" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> <path d="M6.74756 10.7832L11.0649 13.5587" stroke="#424242" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> </div> <div class="p-2"> <a href="#"> <svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.2002 0H0.200195V19H19.2002V0Z" fill="#1BD741" /> <path d="M3.05566 16.1509L3.98634 12.8454C3.38786 11.8287 3.07276 10.6719 3.07276 9.48353C3.07276 5.8245 6.0496 2.84766 9.70863 2.84766C13.3677 2.84766 16.3445 5.8245 16.3445 9.48353C16.3445 13.1426 13.3677 16.1194 9.70863 16.1194C8.5685 16.1194 7.45209 15.8276 6.46447 15.2734L3.05566 16.1509ZM6.63874 14.0662L6.84186 14.1902C7.70295 14.7159 8.69428 14.9937 9.70863 14.9937C12.747 14.9937 15.2188 12.5219 15.2188 9.48353C15.2188 6.4452 12.747 3.97332 9.70863 3.97332C6.6703 3.97332 4.19842 6.4452 4.19842 9.48353C4.19842 10.5422 4.49931 11.5703 5.06848 12.4566L5.20527 12.6696L4.66932 14.5731L6.63874 14.0662Z" fill="#FEFEFE" /> <path d="M7.84493 6.39535L7.41434 6.37187C7.27909 6.36449 7.14643 6.40969 7.0442 6.49849C6.83546 6.67976 6.50168 7.03022 6.39916 7.48691C6.24627 8.16785 6.48254 9.00167 7.09403 9.8355C7.70551 10.6693 8.84506 12.0034 10.8601 12.5732C11.5095 12.7568 12.0203 12.6331 12.4144 12.381C12.7265 12.1813 12.9417 11.8608 13.0192 11.4985L13.088 11.1774C13.1098 11.0754 13.058 10.9718 12.9632 10.9281L11.508 10.2573C11.4135 10.2138 11.3015 10.2413 11.2379 10.3237L10.6666 11.0643C10.6235 11.1202 10.5496 11.1424 10.4829 11.119C10.0917 10.9815 8.78114 10.4326 8.06205 9.04745C8.03087 8.98738 8.03862 8.91446 8.08286 8.86322L8.62885 8.2316C8.68463 8.1671 8.69872 8.07642 8.6652 7.99804L8.03792 6.53047C8.00452 6.45234 7.92968 6.39997 7.84493 6.39535Z" fill="#FEFEFE" /> </svg> </a> </div> <div class="p-2"> <a href="#"> <svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.3999 0H0.399902V19H19.3999V0Z" fill="#00C200" /> <path d="M16.7956 9.15522C16.8276 8.987 16.8434 8.84546 16.8506 8.73444C16.8626 8.5512 16.849 8.27917 16.8441 8.19399C16.6753 5.25859 13.6299 2.91992 9.89766 2.91992C6.05714 2.91992 2.94385 5.39626 2.94385 8.45098C2.94385 11.2587 5.57406 13.5778 8.98162 13.9345C9.18995 13.9563 9.34016 14.1443 9.31706 14.3525L9.17198 15.6584C9.13904 15.9548 9.44556 16.1704 9.71417 16.0408C12.5931 14.6514 14.3146 13.222 15.3427 11.9836C15.5297 11.7583 16.1397 10.9037 16.2641 10.6792C16.5281 10.2027 16.7101 9.69096 16.7956 9.15522Z" fill="#FEFEFE" /> <path d="M6.07421 9.57223V7.24243C6.07421 7.04598 5.91495 6.88672 5.7185 6.88672C5.52205 6.88672 5.36279 7.04598 5.36279 7.24243V9.92794C5.36279 10.1244 5.52205 10.2837 5.7185 10.2837H7.14129C7.33774 10.2837 7.497 10.1244 7.497 9.92794C7.497 9.73149 7.33774 9.57223 7.14129 9.57223H6.07421Z" fill="#00C500" /> <path d="M8.26843 10.2837H8.11292C7.95941 10.2837 7.83496 10.1592 7.83496 10.0057V7.16468C7.83496 7.01117 7.95941 6.88672 8.11292 6.88672H8.26843C8.42193 6.88672 8.54638 7.01117 8.54638 7.16468V10.0057C8.54638 10.1592 8.42193 10.2837 8.26843 10.2837Z" fill="#00C500" /> <path d="M11.1426 7.24049V8.88109C11.1426 8.88109 9.72205 7.0282 9.70037 7.00385C9.6325 6.92768 9.53248 6.88082 9.42146 6.88503C9.22797 6.89237 9.07959 7.06147 9.07959 7.25508V9.92596C9.07959 10.1224 9.23885 10.2817 9.4353 10.2817C9.63175 10.2817 9.79101 10.1224 9.79101 9.92596V8.29532C9.79101 8.29532 11.2332 10.1643 11.2543 10.1844C11.3172 10.244 11.4018 10.2808 11.495 10.2817C11.6925 10.2835 11.854 10.1087 11.854 9.9112V7.24049C11.854 7.04404 11.6948 6.88478 11.4983 6.88478C11.3019 6.88482 11.1426 7.04404 11.1426 7.24049Z" fill="#00C500" /> <path d="M14.5214 7.24243C14.5214 7.04598 14.3622 6.88672 14.1657 6.88672H12.7429C12.5465 6.88672 12.3872 7.04598 12.3872 7.24243V9.92794C12.3872 10.1244 12.5465 10.2837 12.7429 10.2837H14.1657C14.3622 10.2837 14.5214 10.1244 14.5214 9.92794C14.5214 9.73149 14.3622 9.57223 14.1657 9.57223H13.0986V8.94086H14.1657C14.3622 8.94086 14.5214 8.78159 14.5214 8.58514C14.5214 8.38869 14.3622 8.22943 14.1657 8.22943H13.0986V7.59806H14.1657C14.3622 7.59814 14.5214 7.43888 14.5214 7.24243Z" fill="#00C500" /> </svg> </a> </div> <div class="p-2"> <a href="#"> <svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.600098 0V19H10.7188V11.6607H8.24521V8.66459H10.7188V6.14839C10.7188 4.31843 12.2022 2.83497 14.0322 2.83497H16.6181V5.52915H14.7677C14.1863 5.52915 13.7149 6.00055 13.7149 6.58202V8.66463H16.5716L16.1768 11.6607H13.7149V19H19.6001V0H0.600098Z" fill="#3A559F" /> </svg> </a> </div> <div class="p-2"> <a href="#"> <svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.7998 0H0.799805V19H19.7998V0Z" fill="#50ABF1" /> <path d="M3.31769 14.0841C4.58218 14.886 6.08215 15.3501 7.69006 15.3501C12.2073 15.3501 15.869 11.6879 15.869 7.17115C15.869 7.05837 15.8667 6.94643 15.8623 6.83483C16.0257 6.70625 17.0362 5.89631 17.2839 5.37563C17.2839 5.37563 16.4633 5.71667 15.6602 5.79701C15.6586 5.79701 15.6566 5.79738 15.655 5.79738C15.655 5.79738 15.6566 5.79659 15.6594 5.79463C15.7334 5.74518 16.768 5.04089 16.9081 4.20173C16.9081 4.20173 16.3277 4.51154 15.515 4.78257C15.3804 4.82727 15.2396 4.87121 15.0944 4.91194C14.5705 4.35286 13.8259 4.00391 12.9994 4.00391C11.414 4.00391 10.1293 5.28821 10.1293 6.87239C10.1293 7.09594 10.1551 7.31353 10.2037 7.52244C9.98216 7.51335 6.60838 7.3242 4.31319 4.54473C4.31319 4.54473 2.94146 6.41737 5.13063 8.34301C5.13063 8.34301 4.46516 8.31649 3.89102 7.97346C3.89102 7.97346 3.68015 10.2421 6.15932 10.8222C6.15932 10.8222 5.67149 11.007 4.89324 10.8752C4.89324 10.8752 5.32846 12.7083 7.53109 12.8796C7.53109 12.8796 5.78935 14.453 3.31689 14.0839L3.31769 14.0841Z" fill="#FEFEFE" /> </svg> </a> </div> </div> </div> </div> </div> </div> </div> </section> </div> </main> <footer class="bg-white mt-30 py-5"> <div class="container small padding-no"> <div class="row"> <div class="col-md-3"> <h3 class="title margin-bottom-sm">Informasi</h3> <a href="https://www.indonesiana.id/ketentuan" class="link margin-bottom-sm">Ketentuan Konten</a> <a href="https://www.indonesiana.id/ketentuan-pendapatan" class="link margin-bottom-sm">Ketentuan Pendapatan</a> <a href="https://www.indonesiana.id/ketentuan/berbayar-donasi" class="link margin-bottom-sm">Ketentuan Artikel Berbayar dan Donasi</a> <a href="https://www.indonesiana.id/cara-donasi-dan-bayar-perartikel" class="link margin-bottom-sm">Cara Donasi dan Bayar per Artikel</a> <a href="https://www.indonesiana.id/tanya-jawab-seputar-indonesiana" class="link">Q&A Seputar Indonesiana.id</a> </div> <div class="col-md-3"> <h3 class="title margin-bottom-sm">Jaringan Media</h3> <div class="container-col"> <div class="col5"> <a href="https://www.tempo.co" class="link margin-bottom-sm">TEMPO.CO</a> <a href="https://koran.tempo.co/" class="link margin-bottom-sm">Koran Tempo</a> <a href="https://majalah.tempo.co/" class="link margin-bottom-sm">Majalah Tempo</a> <a href="https://magz.tempo.co/" class="link margin-bottom-sm">Tempo English Magazine</a> <a href="https://en.tempo.co/" class="link margin-bottom-sm">TEMPO.CO English</a> <a href="https://store.tempo.co/" class="link margin-bottom-sm">Tempo Store</a> <a href="http://tempo-institute.org/" class="link margin-bottom-sm">Tempo Institute</a> </div> </div> </div> <div class="col-md-3"> <div class="col5"> <a href="https://www.indonesiana.id/" class="link margin-bottom-sm">Home</a> <a href="https://www.indonesiana.id/analisis" class="link margin-bottom-sm">Analisis</a> <a href="https://www.indonesiana.id/catatan-dari-palmerah" class="link margin-bottom-sm">Catatan Dari Palmerah</a> <a href="https://www.indonesiana.id/fiksi" class="link margin-bottom-sm">Fiksi</a> <a href="https://www.indonesiana.id/hiburan" class="link margin-bottom-sm">Hiburan</a> <a href="https://www.indonesiana.id/humaniora" class="link margin-bottom-sm">Humaniora</a> <a href="https://www.indonesiana.id/olah-raga" class="link margin-bottom-sm">Sport</a> <a href="https://www.indonesiana.id/pendidikan" class="link margin-bottom-sm">Pendidikan</a> </div> </div> <div class="col-md-3"> <h3 class="title margin-bottom-sm">Sosial Media</h3> <ul class="sosmed margin-bottom-lg"> <li> <a href="https://www.facebook.com/TempoMedia/"> <svg style="height: 19px;" class="svg-inline--fa fa-facebook-f" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-f" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""> <path fill="currentColor" d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"></path> </svg> </a> </li> <li> <a href="https://twitter.com/tempodotco"> <svg style="height: 19px;" class="svg-inline--fa fa-twitter" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""> <path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg> </a> </li> <li> <a href="https://timeline.line.me/user/_dT0RoypYUkJ5UFvpLm4Og0Nf6vcfQPtrsG4Vt7E"> <span style="font-size:9px;">LINE</span> </a> </li> <li> <a href="https://www.instagram.com/tempodotco/"> <svg style="height: 19px;" class="svg-inline--fa fa-instagram" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="instagram" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""> <path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path> </svg> </a> </li> <li> <a href="https://www.youtube.com/user/tempodotco"> <svg style="height: 19px;" class="svg-inline--fa fa-youtube" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="youtube" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""> <path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path> </svg> </a> </li> </ul> <h3 class="title margin-bottom-sm">Download Aplikasi Tempo</h3> <ul class="apps"> <li><a href="https://apps.apple.com/id/app/tempo/id1380254415" target="_blank"><img alt="img-content" loading="lazy" decoding="async" src="https://www.indonesiana.id/assets/image/appstore.png"></a></li> <li><a href="https://play.google.com/store/apps/details?id=co.tempo.media&pli=1" target="_blank"><img alt="img-content" loading="lazy" decoding="async" src="https://www.indonesiana.id/assets/image/playstore.png"></a></li> </ul> </div> </div> </div> </footer> <script src="https://kit.fontawesome.com/5d93eb1089.js" crossorigin="anonymous"></script> <script src="https://www.indonesiana.id/assets/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script type="text/javascript"> const urlParams = new URLSearchParams(window.location.search); const myParam = urlParams.get('n_token'); if (myParam) { window.location = "https://www.indonesiana.id/"; } function myFunction(evt, name) { var i, tabcontent, tablinks; // Get all elements with class="tabcontent" and hide them tabcontent = document.getElementsByClassName("tab-pane fade"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].className = tabcontent[i].className.replace(" show active", ""); } // Get all elements with class="tablinks" and remove the class "active" tablinks = document.getElementsByClassName("nav-link link-secondary"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } // Show the current tab, and add an "active" class to the button that opened the tab evt.currentTarget.className += " active"; document.getElementById(name).className += " show active"; // evt.currentTarget.className += " show active"; } </script> <script> function imgError(image) { image.onerror = ""; image.src = "https://img.tempo.co/indonesiana/images/default.jpg?26859"; return true; } function imgProfileError(image) { image.onerror = ""; image.src = "https://img.tempo.co/indonesiana/images/profile-default.jpg?36427"; return true; } </script> <script> window.addEventListener('scroll', function() { var element = document.getElementById('startnads'); if (element) { if (window.scrollY > 420) { element.classList.add('fixed-top'); } else { element.classList.remove('fixed-top'); } } }); </script> <script> var closeButton = document.getElementById('cls-bnr'); closeButton.addEventListener('click', function() { var targetElement = document.getElementById('startnads'); if (targetElement) { targetElement.classList.remove('starttop'); targetElement.classList.add('fixed-top'); } }); </script> <script> var closeButton = document.getElementById('adv-cls'); closeButton.addEventListener('click', function() { var targetElement = document.getElementById('fix-bottom'); if (targetElement) { targetElement.classList.remove('fix-bottom'); } }); </script> <script> document.addEventListener("DOMContentLoaded", function() { var navbarCollapse = document.getElementById('navbarsExample01'); var closeBtn = document.getElementById('closeNavbarButton'); closeBtn.addEventListener('click', function() { var bsCollapse = new bootstrap.Collapse(navbarCollapse, { toggle: false }); bsCollapse.hide(); }); }); </script> <script> Paywall({ contentSelector: 'body #articleId', accessKey: 'c5bdea85-e094-41bd-ae5e-085dde9b630d', monetizeType: 'tipjar', articleIdentifier: '', primaryColor: '#FF0042', category: '', unlockOnLoad: true, logoUrl: 'https://www.indonesiana.id/assets/image/logo-indonesiana.png', }); </script> </body> </html>

CINXE.COM