CINXE.COM
Temu Kompasiana - Kompasiana.com
<!DOCTYPE html> <html lang="id"> <head> <!-- Google Tag Manager --> <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-P7HQ38'); </script> <!-- End Google Tag Manager --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="RcOmD50rauuOdInY5qBb0BttEPHe0sjvoAtOvP7L" /> <meta content="text/html; charset=UTF-8" name="Content-Type"> <meta name="google" content="notranslate"> <link rel="shortcut icon" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/favicon.ico" type="image/x-icon"> <link rel="icon" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/favicon.ico" type="image/x-icon"> <link rel="canonical" href="https://temu.kompasiana.com"> <meta name="description" content="Panggung kolaborasi dan interaksi komunitas di Indonesia"> <meta name="keywords" content="Grup Kompasiana"> <meta name="googlebot" content="index, follow" /> <meta name="author" content="Kompas Cyber Media"> <meta name="robots" content="index, follow" /> <meta name="language" content="id" /> <meta name="geo.country" content="id" /> <meta http-equiv="content-language" content="In-Id" /> <meta name="geo.placename" content="Indonesia" /> <!-- S:fb meta --> <meta property="og:type" content="article" /> <meta property="og:title" content="Temu Kompasiana - Kompasiana.com" /> <meta property="og:description" content="Panggung kolaborasi dan interaksi komunitas di Indonesia"> <meta property="og:url" content="https://temu.kompasiana.com" /> <meta property="og:site_name" content="KOMPASIANA" /> <meta property="fb:app_id" content="397600276959629" /> <meta property="fb:pages" content="194032223976103" /> <meta property="og:image" content="https://assets.temu.id/imgs/image/store/2023/02/21/1676958973.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:secure_url" content="https://assets.temu.id/imgs/image/store/2023/02/21/1676958973.png" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="og:image:alt" content="Temu Kompasiana - Kompasiana.com" /> <!-- e:fb meta --> <!-- S:tweeter card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@kompasiana" /> <meta name="twitter:creator" content="@kompasiana"> <meta name="twitter:image" content="https://assets.temu.id/imgs/image/store/2023/02/21/1676958973.png" /> <meta name="twitter:description" content="Panggung kolaborasi dan interaksi komunitas di Indonesia" /> <meta name="twitter:title" content="Temu Kompasiana - Kompasiana.com" /> <!-- E:tweeter card --> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "Temu Kompasiana", "url": "https://temu.kompasiana.com", "logo": "https://assets.temu.id/imgs/image/store/2023/02/21/1676958973.png", "foundingDate": "2023", "address": { "@type": "PostalAddress", "streetAddress": "Gedung Kompas Gramedia Palmerah Barat Unit II Lantai 6, Jl. Palmerah Barat No. 29-37, Gelora, Tanah Abang, Jakarta Pusat 10270" }, "contactPoint": { "@type": "ContactPoint", "contactType": "customer support", "telephone": "02153699200", "email": "kompasiana@kompasiana.com" }, "sameAs": [ "https://www.facebook.com/KOMPASIANAcom", "https://www.twitter.com/kompasiana", "https://instagram.com/kompasianacom" ] } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://temu.kompasiana.com/", "potentialAction": { "@type": "SearchAction", "target": "https://temu.kompasiana.com/indeks?q={search_term_string}", "query-input": "required name=search_term_string" } } </script> <title>Temu Kompasiana - Kompasiana.com</title> <link rel="dns-prefetch" href="https://fonts.googleapis.com" /> <link rel="dns-prefetch" href="https://fonts.gstatic.com" /> <link rel="dns-prefetch" href="https://www.googletagmanager.com" /> <link rel="dns-prefetch" href="https://www.google-analytics.com" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preconnect" href="https://www.googletagmanager.com" /> <link rel="preconnect" href="https://www.google-analytics.com" /> <link href="https://assets.temu.id/kompasiana-grup/desktop/asset/css/style-kompasiana-grup.min.css?x=1.43" rel="preload" as="style"> <link href="https://assets.temu.id/kompasiana-grup/desktop/asset/css/style-kompasiana-grup.min.css?x=1.43" rel="stylesheet"> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400;1,700&display=swap" as="style"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400;1,700&display=swap"> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap" as="style"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap"> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" as="style"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap"> <style> .notif_counter { position: absolute !important; top: 10px; right: 9px; padding: 2px 3px; border-radius: 50%; background: red; color: white; font-size: 8px; } </style> <link rel="preload stylesheet" as="style" href="https://assets.temu.id/kompasiana-grup/desktop/asset/css/style-indexgrup.min.css?x=1.43"> </head> <body > <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P7HQ38" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div id="sso_g_signin"></div> <div class="root"> <header class="header -sticky "> <div class="container"> <div class="headerWrap row col-z-fluid"> <div class="headerLogo"> <a href="https://temu.kompasiana.com" class="logo"> <img class="logoImg" loading=lazy src="https://assets.temu.id/imgs/image/store/2023/02/21/1676958973.png?t=o&v=200" alt="logo-kompasiana" width="106" height="47"> </a> </div> <div class="headerRight center-flex"> <a href="https://temu.kompasiana.com" aria-label="Back to home" class="headerCta center-flex"> <span class="baseIcon headerCta__home"></span> </a> <a href="https://account.kompasiana.com/login/a29tcGFzaWFuYQ==/aHR0cHM6Ly90ZW11LmtvbXBhc2lhbmEuY29t" aria-label="Login" class="headerCta center-flex"> <span class="baseIcon headerCta__login"></span> </a> </div> </div> </div> </header> <main role="main"> <div class="container"> <div class="cover"> <div class="coverLogo"> <a href="https://temu.kompasiana.com"> <img loading="lazy" alt="logo" width="170" height="76" src="https://assets.temu.id/kompasiana-grup/desktop/asset/images/logo-temu.png?x=1.43&t=o&v=480"> </a> </div> <p class="coverCaption"> Panggung kolaborasi dan interaksi komunitas di Indonesia </p> <div class="coverAction"> <a id="join-grup" href="#join" class="active"> GABUNG GRUP </a> </div> </div> <div class="sliderEvent"> <div class="sliderEvent__wrap"> <h2 class="sliderEvent__heading"> Event </h2> <a href="https://temu.kompasiana.com/event" class="highlightMore">+ Selengkapnya</a> <div class="sliderEvent__slidetrack"> <a href="https://temu.kompasiana.com/koteka/kotekatalk-222-serunya-halal-bihalal-diaspora-bonn-jerman_1752"> <div class="eventCard"> <div class="eventCard__img"> <img src="https://assets.temu.id/imgs/image/2025/04/05/Zoom_222_Lebaran_Bonn_Siti_Gana.jpg?t=o&v=260" alt="Kotekatalk-222: Serunya Halal Bihalal Diaspora Bonn, Jerman" loading="lazy"> <div class="eventCard__date"> <span class="eventCard__dateIcon"> </span> <span class="textDate">5 April 2025 - 5 April 2025</span> </div> </div> <div class="eventCard__footer"> <div class="eventCard__logoSmall"> <img src="https://assets.temu.id/userfiles/image/2023/03/21/f8b4c305-830.jpg?t=t&v=43" alt="logo" loading="lazy"> </div> <div class="eventCard__community">KOTEKA</div> </div> </div> </a> <a href="https://temu.kompasiana.com/pengas/toleransi-kekompakan-dalam-keberagaman_1746"> <div class="eventCard"> <div class="eventCard__img"> <img src="https://assets.temu.id/imgs/image/2025/03/31/WhatsApp_Image_2025-03-31_at_10.32.26.jpeg?t=o&v=260" alt="Toleransi: Kekompakan dalam Keberagaman" loading="lazy"> <div class="eventCard__date"> <span class="eventCard__dateIcon"> </span> <span class="textDate">31 Maret 2025</span> </div> </div> <div class="eventCard__footer"> <div class="eventCard__logoSmall"> <img src="https://assets.temu.id/userfiles/image/2025/03/31/72c5827c-66a.jpg?t=t&v=43" alt="logo" loading="lazy"> </div> <div class="eventCard__community">Komunitas Pena Aktif</div> </div> </div> </a> <a href="https://temu.kompasiana.com/koteka/kotekatalk-221-lebaran-ke-aceh-yuk_1745"> <div class="eventCard"> <div class="eventCard__img"> <img src="https://assets.temu.id/imgs/image/2025/03/30/8bcea08d-f1c4-4722-9d3c-b980c12ecadb.jpeg?t=o&v=260" alt="Kotekatalk-221: Lebaran ke Aceh, Yuk!" loading="lazy"> <div class="eventCard__date"> <span class="eventCard__dateIcon"> </span> <span class="textDate">30 Maret 2025 - 30 Maret 2025</span> </div> </div> <div class="eventCard__footer"> <div class="eventCard__logoSmall"> <img src="https://assets.temu.id/userfiles/image/2023/03/21/f8b4c305-830.jpg?t=t&v=43" alt="logo" loading="lazy"> </div> <div class="eventCard__community">KOTEKA</div> </div> </div> </a> <a href="https://temu.kompasiana.com/fenestrapost/diskusi-mengenai-pembangkang-sipil_1743"> <div class="eventCard"> <div class="eventCard__img"> <img src="https://assets.temu.id/imgs/image/2025/03/28/1000005373.jpg?t=o&v=260" alt="Diskusi mengenai pembangkang sipil" loading="lazy"> <div class="eventCard__date"> <span class="eventCard__dateIcon"> </span> <span class="textDate">2 Maret 2025 - 2 Maret 2025</span> </div> </div> <div class="eventCard__footer"> <div class="eventCard__logoSmall"> <img src="https://assets.temu.id/userfiles/image/2024/12/31/4db3f3cb-06e.jpg?t=t&v=43" alt="logo" loading="lazy"> </div> <div class="eventCard__community">Kritis dan gelap</div> </div> </div> </a> <a href="https://temu.kompasiana.com/ketapelsnews/ngabuburit-di-tepian-cisadane-bareng-chef-ranu_1735"> <div class="eventCard"> <div class="eventCard__img"> <img src="https://assets.temu.id/imgs/image/2025/03/21/IMG-20250321-WA0001.jpg?t=o&v=260" alt="Ngabuburit di Tepian Cisadane Bareng Chef Ranu" loading="lazy"> <div class="eventCard__date"> <span class="eventCard__dateIcon"> </span> <span class="textDate">23 Maret 2025 - 23 Maret 2025</span> </div> </div> <div class="eventCard__footer"> <div class="eventCard__logoSmall"> <img src="https://assets.temu.id/userfiles/image/2023/04/13/bf2d6bfc-7f5.jpg?t=t&v=43" alt="logo" loading="lazy"> </div> <div class="eventCard__community">Ketapels</div> </div> </div> </a> <a href="https://temu.kompasiana.com/koteka/kotekatalk-220-eco-community-based-tourism-di-nepal_1734"> <div class="eventCard"> <div class="eventCard__img"> <img src="https://assets.temu.id/imgs/image/2025/03/21/Zoom_220_Nepal_Sudarsan_Gana.jpg?t=o&v=260" alt="Kotekatalk-220: Eco & Community Based Tourism di Nepal" loading="lazy"> <div class="eventCard__date"> <span class="eventCard__dateIcon"> </span> <span class="textDate">20 Maret 2025</span> </div> </div> <div class="eventCard__footer"> <div class="eventCard__logoSmall"> <img src="https://assets.temu.id/userfiles/image/2023/03/21/f8b4c305-830.jpg?t=t&v=43" alt="logo" loading="lazy"> </div> <div class="eventCard__community">KOTEKA</div> </div> </div> </a> <a href="https://temu.kompasiana.com/komik_kompasiana/komik-charity-sambut-hari-film-nasional-2025-dengan-berdonasi-lewat-tulisan_1733"> <div class="eventCard"> <div class="eventCard__img"> <img src="https://assets.temu.id/imgs/image/2025/03/18/KOMIK_Charity_landscape_1.png?t=o&v=260" alt="KOMIK Charity: Sambut Hari Film Nasional 2025 dengan Berdonasi Lewat Tulisan" loading="lazy"> <div class="eventCard__date"> <span class="eventCard__dateIcon"> </span> <span class="textDate">18 Maret 2025 - 25 Maret 2025</span> </div> </div> <div class="eventCard__footer"> <div class="eventCard__logoSmall"> <img src="https://assets.temu.id/userfiles/image/2023/04/12/a39fc98a-917.jpg?t=t&v=43" alt="logo" loading="lazy"> </div> <div class="eventCard__community">KOMiK (Kompasianers Only Movie enthus(i)ast Klub)</div> </div> </div> </a> <a href="https://temu.kompasiana.com/komik_kompasiana/workshop-kilat-dari-logline-ke-layar_1730"> <div class="eventCard"> <div class="eventCard__img"> <img src="https://assets.temu.id/imgs/image/2025/03/17/Workshop_Kilat.png?t=o&v=260" alt="Workshop Kilat "Dari Logline ke Layar"" loading="lazy"> <div class="eventCard__date"> <span class="eventCard__dateIcon"> </span> <span class="textDate">22 Maret 2025 - 22 Maret 2025</span> </div> </div> <div class="eventCard__footer"> <div class="eventCard__logoSmall"> <img src="https://assets.temu.id/userfiles/image/2023/04/12/a39fc98a-917.jpg?t=t&v=43" alt="logo" loading="lazy"> </div> <div class="eventCard__community">KOMiK (Kompasianers Only Movie enthus(i)ast Klub)</div> </div> </div> </a> <a href="https://temu.kompasiana.com/ketapelsnews/jalan-jalan-spontan-ke-bogor_1727"> <div class="eventCard"> <div class="eventCard__img"> <img src="https://assets.temu.id/imgs/image/2025/03/15/IMG-20250315-WA0006.jpg?t=o&v=260" alt="Jalan-jalan Spontan ke Bogor" loading="lazy"> <div class="eventCard__date"> <span class="eventCard__dateIcon"> </span> <span class="textDate">16 Maret 2025 - 16 Maret 2025</span> </div> </div> <div class="eventCard__footer"> <div class="eventCard__logoSmall"> <img src="https://assets.temu.id/userfiles/image/2023/04/13/bf2d6bfc-7f5.jpg?t=t&v=43" alt="logo" loading="lazy"> </div> <div class="eventCard__community">Ketapels</div> </div> </div> </a> <a href="https://temu.kompasiana.com/komik_kompasiana/ikuti-peringatan-hari-film-nasional-ratna-asmara-sutradara-perempuan-pertama-indonesia_1726"> <div class="eventCard"> <div class="eventCard__img"> <img src="https://assets.temu.id/imgs/image/2025/03/14/images_7_19.jpeg?t=o&v=260" alt="Ikuti Peringatan Hari Film Nasional: Ratna Asmara, Sutradara Perempuan Pertama Indonesia"" loading="lazy"> <div class="eventCard__date"> <span class="eventCard__dateIcon"> </span> <span class="textDate">20 Maret 2025 - 20 Maret 2025</span> </div> </div> <div class="eventCard__footer"> <div class="eventCard__logoSmall"> <img src="https://assets.temu.id/userfiles/image/2023/04/12/a39fc98a-917.jpg?t=t&v=43" alt="logo" loading="lazy"> </div> <div class="eventCard__community">KOMiK (Kompasianers Only Movie enthus(i)ast Klub)</div> </div> </div> </a> </div> </div> </div> <div id="join" class="communityCard__wrap"> <div class="communityCard"> <a href="https://temu.kompasiana.com/jekohijau"> <div class="communityCard__img"> <img src="https://assets.temu.id/userfiles/image/2025/03/13/e0fa925b-728.jpg?t=t&v=90" alt="logo" loading="lazy"> </div> </a> <h3 class="communityCard__title"> <a href="https://temu.kompasiana.com/jekohijau">Jejak Kompasianer Hijau</a> </h3> <a href='javascript:;' class="communityCard__btn" onclick="joinGrup(this)" data-community_id="2578" data-username="jekohijau" data-url='https://temu.kompasiana.com/group/jekohijau/join'> Join </a> </div> <div class="communityCard"> <a href="https://temu.kompasiana.com/wfh"> <div class="communityCard__img"> <img src="https://assets.temu.id/userfiles/image/2025/02/25/e274e78b-873.png?t=t&v=90" alt="logo" loading="lazy"> </div> </a> <h3 class="communityCard__title"> <a href="https://temu.kompasiana.com/wfh">Writing for Healing</a> </h3> <a href='javascript:;' class="communityCard__btn" onclick="joinGrup(this)" data-community_id="2576" data-username="wfh" data-url='https://temu.kompasiana.com/group/wfh/join'> Join </a> </div> <div class="communityCard"> <a href="https://temu.kompasiana.com/ruangbiblika"> <div class="communityCard__img"> <img src="https://assets.temu.id/userfiles/image/2025/02/15/9c2e3290-5db.png?t=t&v=90" alt="logo" loading="lazy"> </div> </a> <h3 class="communityCard__title"> <a href="https://temu.kompasiana.com/ruangbiblika">Ruang Biblika</a> </h3> <a href='javascript:;' class="communityCard__btn" onclick="joinGrup(this)" data-community_id="2572" data-username="ruangbiblika" data-url='https://temu.kompasiana.com/group/ruangbiblika/join'> Join </a> </div> <div class="communityCard"> <a href="https://temu.kompasiana.com/aviasiana"> <div class="communityCard__img"> <img src="https://assets.temu.id/userfiles/image/2025/02/12/70b15307-300.jpg?t=t&v=90" alt="logo" loading="lazy"> </div> </a> <h3 class="communityCard__title"> <a href="https://temu.kompasiana.com/aviasiana">Aviasiana</a> </h3> <a href='javascript:;' class="communityCard__btn" onclick="joinGrup(this)" data-community_id="2568" data-username="aviasiana" data-url='https://temu.kompasiana.com/group/aviasiana/join'> Join </a> </div> <div class="communityCard"> <a href="https://temu.kompasiana.com/lensaolahraga"> <div class="communityCard__img"> <img src="https://assets.temu.id/userfiles/image/2025/01/28/2c09b579-6ec.jpg?t=t&v=90" alt="logo" loading="lazy"> </div> </a> <h3 class="communityCard__title"> <a href="https://temu.kompasiana.com/lensaolahraga">LENSA OLAH RAGA</a> </h3> <a href='javascript:;' class="communityCard__btn" onclick="joinGrup(this)" data-community_id="2564" data-username="lensaolahraga" data-url='https://temu.kompasiana.com/group/lensaolahraga/join'> Join </a> </div> <div class="communityCard"> <a href="https://temu.kompasiana.com/kompasianadesa"> <div class="communityCard__img"> <img src="https://assets.temu.id/userfiles/image/2025/01/21/f6daab1d-82e.png?t=t&v=90" alt="logo" loading="lazy"> </div> </a> <h3 class="communityCard__title"> <a href="https://temu.kompasiana.com/kompasianadesa">Kompasiana DESA</a> </h3> <a href='javascript:;' class="communityCard__btn" onclick="joinGrup(this)" data-community_id="2563" data-username="kompasianadesa" data-url='https://temu.kompasiana.com/group/kompasianadesa/join'> Join </a> </div> <div class="communityCard"> <a href="https://temu.kompasiana.com/kompasianerlifestyleclub_klc"> <div class="communityCard__img"> <img src="https://assets.temu.id/userfiles/image/2025/01/19/5cfd84b7-072.png?t=t&v=90" alt="logo" loading="lazy"> </div> </a> <h3 class="communityCard__title"> <a href="https://temu.kompasiana.com/kompasianerlifestyleclub_klc">Kompasianer Lifestyle Club (KLC)</a> </h3> <a href='javascript:;' class="communityCard__btn" onclick="joinGrup(this)" data-community_id="2562" data-username="kompasianerlifestyleclub_klc" data-url='https://temu.kompasiana.com/group/kompasianerlifestyleclub_klc/join'> Join </a> </div> <div class="communityCard"> <a href="https://temu.kompasiana.com/kompasianerpemula"> <div class="communityCard__img"> <img src="https://assets.temu.id/userfiles/image/2025/01/14/c7ffa022-5a0.jpg?t=t&v=90" alt="logo" loading="lazy"> </div> </a> <h3 class="communityCard__title"> <a href="https://temu.kompasiana.com/kompasianerpemula">Kompasianer Pemula</a> </h3> <a href='javascript:;' class="communityCard__btn" onclick="joinGrup(this)" data-community_id="2558" data-username="kompasianerpemula" data-url='https://temu.kompasiana.com/group/kompasianerpemula/join'> Join </a> </div> <div class="communityCard"> <a href="https://temu.kompasiana.com/gurusinauabk"> <div class="communityCard__img"> <img src="https://assets.temu.id/userfiles/image/2024/12/26/3dbbc58b-df1.png?t=t&v=90" alt="logo" loading="lazy"> </div> </a> <h3 class="communityCard__title"> <a href="https://temu.kompasiana.com/gurusinauabk">Guru Sinau ABK</a> </h3> <a href='javascript:;' class="communityCard__btn" onclick="joinGrup(this)" data-community_id="2553" data-username="gurusinauabk" data-url='https://temu.kompasiana.com/group/gurusinauabk/join'> Join </a> </div> <div class="communityCard"> <a href="https://temu.kompasiana.com/relawanrisetilmusosbud"> <div class="communityCard__img"> <img src="https://assets.temu.id/userfiles/image/2024/12/18/279f11d2-858.jpg?t=t&v=90" alt="logo" loading="lazy"> </div> </a> <h3 class="communityCard__title"> <a href="https://temu.kompasiana.com/relawanrisetilmusosbud">Relawan Riset Ilmu Sosial Budaya (Ttg Film Drama Korea dan lainnya)</a> </h3> <a href='javascript:;' class="communityCard__btn" onclick="joinGrup(this)" data-community_id="2552" data-username="relawanrisetilmusosbud" data-url='https://temu.kompasiana.com/group/relawanrisetilmusosbud/join'> Join </a> </div> </div> <div class="center-flex"> <a href="https://temu.kompasiana.com/indeks" class="buttonPrimary -border"> SELENGKAPNYA </a> </div> <div class="sliderArticle"> <div class="sliderArticle__wrap"> <h2 class="sliderArticle__heading"> Artikel </h2> <a href="https://temu.kompasiana.com/artikel" class="highlightMore">+ Selengkapnya</a> <div class="sliderArticle__slidetrack"> <a href="https://temu.kompasiana.com/zkmentalhealth/saatnya-memprogram-pikiran-bawah-sadar_1751"> <div class="articleCard"> <div class="articleCard__img"> <img src="https://assets.temu.id/imgs/image/2025/04/04/wmremove-transformed_12.jpeg?t=o&v=243" alt="Saatnya Memprogram Pikiran Bawah Sadar" loading="lazy"> </div> <div class="articleCard__footer"> <div class="articleCard__logoSmall"> <img src="https://assets.temu.id/userfiles/image/2023/11/11/849d7465-d77.jpg?t=t&v=43" alt="Saatnya Memprogram Pikiran Bawah Sadar" loading="lazy"> </div> <div class="articleCard__title">Mental Health </div> </div> <p class="articleCard__lead"> Saatnya Memprogram Pikiran Bawah Sadar </p> </div> </a> <a href="https://temu.kompasiana.com/zkmentalhealth/berdamai-dengan-diri-sendiri_1749"> <div class="articleCard"> <div class="articleCard__img"> <img src="https://assets.temu.id/imgs/image/2025/04/02/stock-photo-dark-soul-body-silhouette-face-to-face-to-a-light-soul-2437619021_1.jpg?t=o&v=243" alt="Berdamai dengan Diri Sendiri" loading="lazy"> </div> <div class="articleCard__footer"> <div class="articleCard__logoSmall"> <img src="https://assets.temu.id/userfiles/image/2023/11/11/849d7465-d77.jpg?t=t&v=43" alt="Berdamai dengan Diri Sendiri" loading="lazy"> </div> <div class="articleCard__title">Mental Health </div> </div> <p class="articleCard__lead"> Berdamai dengan Diri Sendiri </p> </div> </a> <a href="https://temu.kompasiana.com/komik_kompasiana/empat-film-biopik-the-beatles_1750"> <div class="articleCard"> <div class="articleCard__img"> <img src="https://assets.temu.id/imgs/image/2025/04/01/IMG-20250401-WA0004.jpg?t=o&v=243" alt="Empat Film Biopik The Beatles" loading="lazy"> </div> <div class="articleCard__footer"> <div class="articleCard__logoSmall"> <img src="https://assets.temu.id/userfiles/image/2023/04/12/a39fc98a-917.jpg?t=t&v=43" alt="Empat Film Biopik The Beatles" loading="lazy"> </div> <div class="articleCard__title">KOMiK (Kompasianers Only Movie enthus(i)ast Klub) </div> </div> <p class="articleCard__lead"> Empat Film Biopik The Beatles </p> </div> </a> <a href="https://temu.kompasiana.com/wfh/surat-untuk-orang-yang-tak-akan-pernah-membacanya-cara-sederhana-berdamai-dengan-masa-lalu_1748"> <div class="articleCard"> <div class="articleCard__img"> <img src="https://assets.temu.id/imgs/image/2025/03/31/WhatsApp_Image_2025-03-22_at_22.08.24_1356b2db.jpg?t=o&v=243" alt="Surat untuk Orang yang Tak Akan Pernah Membacanya: Cara Sederhana Berdamai dengan Masa Lalu" loading="lazy"> </div> <div class="articleCard__footer"> <div class="articleCard__logoSmall"> <img src="https://assets.temu.id/userfiles/image/2025/02/25/e274e78b-873.png?t=t&v=43" alt="Surat untuk Orang yang Tak Akan Pernah Membacanya: Cara Sederhana Berdamai dengan Masa Lalu" loading="lazy"> </div> <div class="articleCard__title">Writing for Healing </div> </div> <p class="articleCard__lead"> Surat untuk Orang yang Tak Akan Pernah Membacanya: Cara Sederhana Berdamai dengan Masa Lalu </p> </div> </a> <a href="https://temu.kompasiana.com/pengas/menjadi-saksi-dalam-perayaan-idul-fitri-bersama-biarawan-biarawati-di-kota-malang_1747"> <div class="articleCard"> <div class="articleCard__img"> <img src="#" alt="Menjadi Saksi Dalam Perayaan Idul Fitri Bersama Biarawan- Biarawati di Kota Malang" loading="lazy"> </div> <div class="articleCard__footer"> <div class="articleCard__logoSmall"> <img src="https://assets.temu.id/userfiles/image/2025/03/31/72c5827c-66a.jpg?t=t&v=43" alt="Menjadi Saksi Dalam Perayaan Idul Fitri Bersama Biarawan- Biarawati di Kota Malang" loading="lazy"> </div> <div class="articleCard__title">Komunitas Pena Aktif </div> </div> <p class="articleCard__lead"> Menjadi Saksi Dalam Perayaan Idul Fitri Bersama Biarawan- Biarawati di Kota Malang </p> </div> </a> <a href="https://temu.kompasiana.com/komik_kompasiana/yuk-pilih-pilih-film-lebaran-atau-mau-nonton-semuanya_1744"> <div class="articleCard"> <div class="articleCard__img"> <img src="https://assets.temu.id/imgs/image/2025/03/29/IMG-20250328-WA0008.jpg?t=o&v=243" alt="Yuk, Pilih-pilih Film Lebaran, Atau Mau Nonton Semuanya?" loading="lazy"> </div> <div class="articleCard__footer"> <div class="articleCard__logoSmall"> <img src="https://assets.temu.id/userfiles/image/2023/04/12/a39fc98a-917.jpg?t=t&v=43" alt="Yuk, Pilih-pilih Film Lebaran, Atau Mau Nonton Semuanya?" loading="lazy"> </div> <div class="articleCard__title">KOMiK (Kompasianers Only Movie enthus(i)ast Klub) </div> </div> <p class="articleCard__lead"> Yuk, Pilih-pilih Film Lebaran, Atau Mau Nonton Semuanya? </p> </div> </a> <a href="https://temu.kompasiana.com/komik_kompasiana/komik-charity-dan-peringatan-hfn-2025_1742"> <div class="articleCard"> <div class="articleCard__img"> <img src="https://assets.temu.id/imgs/image/2025/03/28/IMG-20250328-WA0000.jpg?t=o&v=243" alt="KOMiK Charity dan Peringatan HFN 2025" loading="lazy"> </div> <div class="articleCard__footer"> <div class="articleCard__logoSmall"> <img src="https://assets.temu.id/userfiles/image/2023/04/12/a39fc98a-917.jpg?t=t&v=43" alt="KOMiK Charity dan Peringatan HFN 2025" loading="lazy"> </div> <div class="articleCard__title">KOMiK (Kompasianers Only Movie enthus(i)ast Klub) </div> </div> <p class="articleCard__lead"> KOMiK Charity dan Peringatan HFN 2025 </p> </div> </a> <a href="https://temu.kompasiana.com/komik_kompasiana/penyaluran-komik-charity-spesial-hari-film-nasional_1741"> <div class="articleCard"> <div class="articleCard__img"> <img src="https://assets.temu.id/imgs/image/2025/03/27/1_20250327_093620_0000.png?t=o&v=243" alt="Penyaluran KOMiK Charity Spesial Hari Film Nasional" loading="lazy"> </div> <div class="articleCard__footer"> <div class="articleCard__logoSmall"> <img src="https://assets.temu.id/userfiles/image/2023/04/12/a39fc98a-917.jpg?t=t&v=43" alt="Penyaluran KOMiK Charity Spesial Hari Film Nasional" loading="lazy"> </div> <div class="articleCard__title">KOMiK (Kompasianers Only Movie enthus(i)ast Klub) </div> </div> <p class="articleCard__lead"> Penyaluran KOMiK Charity Spesial Hari Film Nasional </p> </div> </a> <a href="https://temu.kompasiana.com/komik_kompasiana/pemenang-lomba-blog-dan-sosmed-romantisme-julid_1740"> <div class="articleCard"> <div class="articleCard__img"> <img src="https://assets.temu.id/imgs/image/2025/03/25/lomba_blog_romantisme_julid.png?t=o&v=243" alt="Pemenang Lomba Blog dan Sosmed "Romantisme Julid!"" loading="lazy"> </div> <div class="articleCard__footer"> <div class="articleCard__logoSmall"> <img src="https://assets.temu.id/userfiles/image/2023/04/12/a39fc98a-917.jpg?t=t&v=43" alt="Pemenang Lomba Blog dan Sosmed "Romantisme Julid!"" loading="lazy"> </div> <div class="articleCard__title">KOMiK (Kompasianers Only Movie enthus(i)ast Klub) </div> </div> <p class="articleCard__lead"> Pemenang Lomba Blog dan Sosmed "Romantisme Julid!" </p> </div> </a> <a href="https://temu.kompasiana.com/komik_kompasiana/pengumuman-pemenang-lomba-blog-oscar-goes-to_1739"> <div class="articleCard"> <div class="articleCard__img"> <img src="https://assets.temu.id/imgs/image/2025/03/25/lomba_blog_oscar.png?t=o&v=243" alt="Pengumuman Pemenang Lomba Blog "Oscar Goes To"" loading="lazy"> </div> <div class="articleCard__footer"> <div class="articleCard__logoSmall"> <img src="https://assets.temu.id/userfiles/image/2023/04/12/a39fc98a-917.jpg?t=t&v=43" alt="Pengumuman Pemenang Lomba Blog "Oscar Goes To"" loading="lazy"> </div> <div class="articleCard__title">KOMiK (Kompasianers Only Movie enthus(i)ast Klub) </div> </div> <p class="articleCard__lead"> Pengumuman Pemenang Lomba Blog "Oscar Goes To" </p> </div> </a> </div> </div> </div> </div> <div class="comma"> <div class="container"> <div class="commaHeader"> <img loading="lazy" alt="logo comma" src="https://assets.temu.id/kompasiana-grup/desktop/asset/images/logo-affilation.png?x=1.43&t=o&v=188" class="commaLogo"> <p class="commaLead"> Kompasiana Community Affiliation (comma) adalah sebuah program yang mempertemukan Komunitas dengan pihak ketiga (brand) dalam penyelenggaraan kegiatan campaign tertentu melalui bentuk kerjasama profesional. </p> <a href="https://comma.kompasiana.com" class="buttonPrimary"> SELENGKAPNYA </a> </div> <div class="commaWrap" style="display: none;"> <div class="commaSlide"> <div class="commaCard"> <p> "Danamon cukup mendukung dalam hal eksplorasi konsep hingga pelaksaan. Bekerja sama dengan Danamon cukup menyenangkan dan KOMIK berharap dapat terjalin kembali di waktu mendatang." </p> <div class="commaCard__footer"> <img class="articleCard__logoSmall" src="https://assets.temu.id/kompasiana-grup/desktop/asset/images/logo-community.png?x=1.43&t=t&v=43" alt="logo" loading="lazy"> Agung Han & Dewi Puspa<br>(Admin Komunitas KOMIK) </div> </div> <div class="commaCard"> <p> "Danamon sangat membantu event Ketapels dalam mengenalkan batik khas dari Tangerang Selatan dan umumnya batik khas Banten. Semoga di event mendatang Danamon tetap bisa mendukung UMKM yg ikut menjaga dan melestarikan kearifan lokal setempat seperti batik." </p> <div class="commaCard__footer"> <img class="articleCard__logoSmall" src="https://assets.temu.id/kompasiana-grup/desktop/asset/images/logo-community.png?x=1.43&t=t&v=43" alt="logo" loading="lazy"> Dzulfikar Alala<br>(Admin KETAPELS) </div> </div> <div class="commaCard"> <p> "KOTEKA dan Danamon adalah dua entitas berbeda namun bisa bersinergi dalam satu event yang sama. Kerja sama dalam Blogtrip ke Cirebon terjalin baik, acara berjalan lancar sesuai skenario dan masing-masing pihak saling mendukung mensukseskan acara tersebut" </p> <div class="commaCard__footer"> <img class="articleCard__logoSmall" src="https://assets.temu.id/kompasiana-grup/desktop/asset/images/logo-community.png?x=1.43&t=t&v=43" alt="logo" loading="lazy"> Diaz Rossano<br>(Admin KOTEKA) </div> </div> <div class="commaCard"> <p> "Sinergi dengan Bank Danamon pada 2017 silam bisa menjadi contoh. KPK menjadi jembatan untuk memperkenalkan kuliner legendaries yang bertebaran di kawasan Surya Kencana, Bogor sekaligus mensosialisasikan; produk-produk perbankan Danamon. Simbiosis mutualisme dimana publik mempunyau preferensi perbankan yang cocok dengan kebutuhannya." </p> <div class="commaCard__footer"> <img class="articleCard__logoSmall" src="https://assets.temu.id/kompasiana-grup/desktop/asset/images/logo-community.png?x=1.43&t=t&v=43" alt="logo" loading="lazy"> Rahab Ganendra<br>(Admin Komunitas KPK) </div> </div> <div class="commaCard"> <p> "Melalui dukungan dari Danamon dan Kompasiana, kami para blogger bisa bersinergi dengan brand untuk mempelajari tentang keuangan. Semoga kerja sama antara brand dan komunitas bisa terus terjalin untuk mengadakan event dengan beda tema dan tentunya terus mendukung komunitas-komunitas." </p> <div class="commaCard__footer"> <img class="articleCard__logoSmall" src="https://assets.temu.id/kompasiana-grup/desktop/asset/images/logo-community.png?x=1.43}&t=t&v=43" alt="logo" loading="lazy"> Robit Huda<br>(Pengelola Komunitas Blogger Jakarta) </div> </div> </div> </div> </div> </div> </main> <footer class="footer"> <div class="container"> <div class="row"> <div class="col-gd10-2"> <div class="footerLogo"> <a href="https://www.kompasiana.com/"> <img class="" data-src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/logo-kompasiana-white.png?t=o&v=200" width="168" height="41" alt="Kompasiana Logo" loading="lazy" src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/logo-kompasiana-white.png?t=o&v=200"></a> </div> <div class="footerParent"><a href="https://www.kompasiana.com/tentang-kompasiana">TENTANG KOMPASIANA</a> </div> <div class="footerChild"><a href="https://www.kompasiana.com/tentang-kompasiana">PROFIL</a> </div> <div class="footerChild"><a href="https://www.kompasiana.com/tentang-kompasiana/penghargaan">PERFORMA & STATISTIK</a></div> <div class="footerChild"><a href="https://www.kompasiana.com/tentang-kompasiana/tim">TIM</a></div> <div class="footerParent">JARINGAN</div> <div class="footerChild"><a rel="noopener" href="//kgmedia.id" target="blank">KGMEDIA.ID</a></div> </div> <div class="col-gd10-3"> <div class="footerParent"><a href="https://www.kompasiana.com/syarat-ketentuan">SYARAT DAN KETENTUAN</a> </div> <div class="footerChild"><a href="https://www.kompasiana.com/syarat-ketentuan">DEFINISI</a></div> <div class="footerChild"><a href="https://www.kompasiana.com/syarat-ketentuan/layanan">KETENTUAN LAYANAN</a></div> <div class="footerChild"><a href="https://www.kompasiana.com/syarat-ketentuan/konten">KETENTUAN KONTEN</a> </div> <div class="footerChild"><a href="https://www.kompasiana.com/syarat-ketentuan/hak-cipta">PENGGUNAAN DAN HAK CIPTA</a></div> <div class="footerChild"><a href="https://www.kompasiana.com/syarat-ketentuan/pelaporan-konten">SANGGAHAN DAN PELAPORAN KONTEN</a></div> <div class="footerChild"><a href="https://www.kompasiana.com/syarat-ketentuan/perubahan">KETENTUAN PERUBAHAN</a></div> <div class="footerChild"><a href="https://www.kompasiana.com/syarat-ketentuan/uu-ite">UNDANG-UNDANG ITE</a></div> <div class="footerChild"><a href="https://legal.kompasiana.com/privacy">PRIVACY POLICY</a></div> </div> <div class="col-gd10-2"> <div class="footerParent"><a href="https://www.kompasiana.com/bantuan/faq">FAQ KOMPASIANA</a></div> <div class="footerChild"><a href="https://www.kompasiana.com/bantuan/faq">KONTEN</a></div> <div class="footerChild"><a href="https://www.kompasiana.com/bantuan/faq">TEKNIS DAN GANGGUAN</a> </div> <div class="footerChild"><a href="https://www.kompasiana.com/bantuan/faq">TIPS DAN TUTORIAL</a></div> <div class="footerChild"><a href="https://www.kompasiana.com/bantuan/faq">BISNIS DAN KERJA SAMA</a> </div> <div class="footerChild"><a href="https://www.kompasiana.com/bantuan/faq">BANTUAN</a></div> </div> <div class="col-gd10-3"> <div class="footerParent"><a href="#">KONTAK KAMI</a></div> <div class="footerChild footerChild--address">Gedung Kompas Gramedia Palmerah Barat unit II lantai 6, Jl. Palmerah Barat no. 29-37, Gelora, Tanah Abang, Jakarta Pusat 10270</div> <div class="footerChild footerChild--contact"> <ul> <li> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px"> <defs> <filter id="Filter_0"> <feFlood flood-color="rgb(255, 255, 255)" flood-opacity="1" result="floodOut"> </feFlood> <feComposite operator="atop" in="floodOut" in2="SourceGraphic" result="compOut"> </feComposite> <feBlend mode="normal" in="compOut" in2="SourceGraphic"></feBlend> </filter> </defs> <g filter="url(#Filter_0)"> <path fill-rule="evenodd" fill="rgb(0, 0, 0)" d="M13.993,11.048 C14.023,11.276 13.953,11.474 13.786,11.642 L11.814,13.599 C11.725,13.698 11.609,13.782 11.466,13.851 C11.323,13.921 11.182,13.965 11.044,13.985 C11.034,13.985 11.004,13.987 10.955,13.992 C10.905,13.997 10.841,14.000 10.762,14.000 C10.574,14.000 10.271,13.968 9.851,13.903 C9.431,13.839 8.917,13.681 8.309,13.429 C7.702,13.177 7.012,12.798 6.242,12.294 C5.471,11.790 4.651,11.098 3.782,10.218 C3.090,9.536 2.517,8.883 2.062,8.260 C1.608,7.638 1.242,7.061 0.966,6.533 C0.689,6.004 0.481,5.524 0.343,5.094 C0.205,4.664 0.111,4.293 0.061,3.982 C0.012,3.670 -0.008,3.426 0.002,3.248 C0.012,3.070 0.017,2.971 0.017,2.951 C0.037,2.813 0.081,2.672 0.150,2.528 C0.220,2.385 0.304,2.269 0.402,2.180 L2.374,0.208 C2.512,0.069 2.670,-0.000 2.848,-0.000 C2.976,-0.000 3.090,0.037 3.189,0.111 C3.287,0.185 3.371,0.276 3.441,0.385 L5.027,3.396 C5.115,3.554 5.140,3.727 5.101,3.915 C5.061,4.103 4.977,4.261 4.849,4.390 L4.122,5.117 C4.103,5.136 4.085,5.168 4.071,5.213 C4.056,5.257 4.048,5.294 4.048,5.324 C4.088,5.532 4.177,5.769 4.315,6.036 C4.434,6.273 4.616,6.562 4.863,6.903 C5.111,7.245 5.461,7.638 5.916,8.082 C6.360,8.537 6.756,8.891 7.101,9.143 C7.447,9.395 7.736,9.580 7.968,9.699 C8.201,9.818 8.378,9.889 8.502,9.914 L8.687,9.951 C8.707,9.951 8.739,9.943 8.783,9.929 C8.828,9.914 8.860,9.897 8.880,9.877 L9.725,9.017 C9.902,8.858 10.110,8.779 10.347,8.779 C10.515,8.779 10.649,8.809 10.747,8.868 L10.762,8.868 L13.623,10.559 C13.830,10.687 13.953,10.851 13.993,11.048 Z"> </path> </g> </svg> <span>6221 536 99 200</span> </li> <li> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="14px"> <defs> <filter id="Filter_0"> <feFlood flood-color="rgb(255, 255, 255)" flood-opacity="1" result="floodOut"> </feFlood> <feComposite operator="atop" in="floodOut" in2="SourceGraphic" result="compOut"> </feComposite> <feBlend mode="normal" in="compOut" in2="SourceGraphic"></feBlend> </filter> </defs> <g filter="url(#Filter_0)"> <path fill-rule="evenodd" fill="rgb(0, 0, 0)" d="M15.347,2.370 C14.694,2.370 14.041,2.370 13.388,2.370 C13.388,1.793 13.388,1.217 13.388,0.640 C13.388,0.286 13.095,-0.000 12.735,-0.000 C9.578,-0.000 6.422,-0.000 3.265,-0.000 C2.905,-0.000 2.612,0.286 2.612,0.640 C2.612,1.217 2.612,1.793 2.612,2.370 C1.959,2.370 1.306,2.370 0.653,2.370 C0.292,2.370 -0.000,2.657 -0.000,3.011 C-0.000,5.104 -0.000,7.196 -0.000,9.289 C-0.000,9.643 0.292,9.930 0.653,9.930 C1.306,9.930 1.959,9.930 2.612,9.930 C2.612,10.686 2.612,11.442 2.612,12.199 C2.612,12.568 2.612,12.937 2.612,13.306 C2.612,13.519 2.656,13.679 2.825,13.830 C2.903,13.900 2.987,13.946 3.089,13.974 C3.183,14.000 3.277,13.997 3.373,13.997 C4.915,13.997 6.457,13.997 8.000,13.997 C9.542,13.997 11.085,13.997 12.627,13.997 C12.723,13.997 12.817,14.000 12.911,13.974 C13.013,13.945 13.097,13.900 13.176,13.829 C13.344,13.678 13.388,13.519 13.388,13.305 C13.388,12.936 13.388,12.567 13.388,12.197 C13.388,11.442 13.388,10.686 13.388,9.930 C14.041,9.930 14.694,9.930 15.347,9.930 C15.708,9.930 16.000,9.643 16.000,9.289 C16.000,7.196 16.000,5.104 16.000,3.011 C16.000,2.657 15.708,2.370 15.347,2.370 ZM1.633,4.628 C1.317,4.628 1.061,4.378 1.061,4.068 C1.061,3.758 1.317,3.507 1.633,3.507 C1.948,3.507 2.204,3.758 2.204,4.068 C2.204,4.378 1.948,4.628 1.633,4.628 ZM12.735,13.357 L3.265,13.357 L3.265,8.296 L12.735,8.296 L12.735,13.357 L12.735,13.357 ZM12.735,2.370 C9.578,2.370 6.422,2.370 3.265,2.370 C3.265,2.007 3.265,1.644 3.265,1.281 C3.265,0.927 3.558,0.640 3.918,0.640 C6.639,0.640 9.361,0.640 12.082,0.640 C12.442,0.640 12.735,0.927 12.735,1.281 C12.735,1.644 12.735,2.007 12.735,2.370 Z"> </path> </g> </svg> <span>6221 5360678</span> </li> <li> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15px" height="12px"> <defs> <filter id="Filter_0"> <feFlood flood-color="rgb(255, 255, 255)" flood-opacity="1" result="floodOut"> </feFlood> <feComposite operator="atop" in="floodOut" in2="SourceGraphic" result="compOut"> </feComposite> <feBlend mode="normal" in="compOut" in2="SourceGraphic"></feBlend> </filter> </defs> <g filter="url(#Filter_0)"> <path fill-rule="evenodd" fill="rgb(0, 0, 0)" d="M14.607,0.399 C14.344,0.132 14.029,-0.001 13.661,-0.001 L1.339,-0.001 C0.971,-0.001 0.656,0.132 0.393,0.399 C0.131,0.666 -0.000,0.987 -0.000,1.363 L-0.000,10.637 C-0.000,11.012 0.131,11.334 0.393,11.600 C0.656,11.868 0.971,12.001 1.339,12.001 L13.661,12.001 C14.029,12.001 14.344,11.868 14.607,11.600 C14.869,11.334 15.000,11.012 15.000,10.637 L15.000,1.363 C15.000,0.987 14.869,0.666 14.607,0.399 ZM13.928,10.637 C13.928,10.711 13.902,10.775 13.849,10.829 C13.796,10.883 13.733,10.910 13.661,10.910 L1.339,10.910 C1.267,10.910 1.204,10.883 1.151,10.829 C1.098,10.775 1.071,10.711 1.071,10.637 L1.071,4.090 C1.250,4.295 1.442,4.483 1.649,4.653 C3.145,5.824 4.333,6.784 5.215,7.534 C5.499,7.779 5.731,7.969 5.910,8.105 C6.088,8.242 6.329,8.379 6.633,8.519 C6.938,8.658 7.224,8.728 7.492,8.728 L7.500,8.728 L7.508,8.728 C7.776,8.728 8.062,8.658 8.366,8.519 C8.670,8.379 8.912,8.242 9.090,8.105 C9.269,7.969 9.501,7.779 9.785,7.534 C10.667,6.784 11.855,5.824 13.351,4.653 C13.558,4.483 13.750,4.295 13.928,4.090 L13.928,10.637 L13.928,10.637 ZM13.928,1.584 L13.928,1.678 C13.928,2.013 13.799,2.387 13.539,2.799 C13.280,3.211 12.999,3.539 12.698,3.783 C11.621,4.647 10.502,5.548 9.341,6.486 C9.308,6.514 9.210,6.598 9.048,6.737 C8.887,6.876 8.758,6.983 8.663,7.057 C8.568,7.131 8.444,7.220 8.291,7.325 C8.137,7.430 7.996,7.508 7.868,7.560 C7.740,7.611 7.620,7.636 7.508,7.636 L7.500,7.636 L7.492,7.636 C7.380,7.636 7.260,7.611 7.132,7.560 C7.003,7.508 6.862,7.430 6.709,7.325 C6.556,7.220 6.431,7.131 6.337,7.057 C6.242,6.983 6.113,6.876 5.951,6.737 C5.790,6.598 5.692,6.514 5.658,6.486 C4.498,5.548 3.379,4.647 2.302,3.783 C1.482,3.124 1.071,2.317 1.071,1.362 C1.071,1.288 1.098,1.224 1.151,1.170 C1.204,1.116 1.267,1.090 1.339,1.090 L13.661,1.090 C13.705,1.115 13.744,1.122 13.778,1.111 C13.811,1.099 13.837,1.121 13.853,1.174 C13.870,1.229 13.885,1.254 13.899,1.251 C13.913,1.249 13.922,1.284 13.924,1.358 C13.927,1.432 13.928,1.469 13.928,1.469 L13.928,1.584 L13.928,1.584 Z"> </path> </g> </svg> <span>kompasiana@kompasiana.com </span> </li> </ul> </div> <br> <div class="footerChild footerChild--address">Untuk pengajuan iklan dan kerja sama bisa menghubungi: <br> <a href="mailto:kerjasama@kompasiana.com">kerjasama@kompasiana.com </a> </div> </div> </div> <div class="footerCopyright"> 漏 2018 Kompasiana.com. A subsidiary of <a href="//kgmedia.id" target="_blank" rel="noopener">KG Media</a>. All Rights Reserved </div> </div> </footer> </div> <!-- s: alert --> <div class="popup popup--hidden alert"> <div class="center-flex alertBox"> <button class="button buttonRemove buttonRemove--right" aria-label="Close" onclick="dismissAlert()"><span class="baseIcon iconClose"></span></button> <div class="alertTitle"></div> <div class="alertContent"></div> <div class="alertButton"> </div> </div> </div> <!-- e: alert --> <script src="https://assets.temu.id/kompasiana-grup/desktop/asset/js/jquery.min.js?x=1.43"></script> <script src="https://assets.temu.id/kompasiana-grup/all/asset/js/bootstrap/bootstrap.bundle.min.js?x=1.43"></script> <script type="text/javascript" src="https://assets.temu.id/kompasiana-grup/desktop/asset/js/slick.min.js?x=1.43"></script> <script src="https://assets.temu.id/kompasiana-grup/all/asset/js/simplebar/simplebar.min.js?x=1.43"></script> <script src="https://asset.kompas.com/data/2023/07/18/wp/js/sso_g_signin.min.js"></script> <script src="https://asset.kompas.com/data/2021/sso/js/additional.min.js"></script> <script src="https://assets.kompasiana.com/statics/widget/sso_personalisasi_nk.min.js"></script> <script src="https://asset.kompas.com/data/2023/08/30/sso/js/extender.min.js"></script> <script src="https://assets.temu.id/kompasiana-grup/desktop/asset/js/main.min.js?x=1.43"></script> <script src="https://assets.temu.id/kompasiana-grup/all/asset/js/moment/moment.min.js?x=1.43"></script> <!-- Setup csrf token for ajax request --> <script> $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); // Passive event listeners jQuery.event.special.touchstart = { setup: function( _, ns, handle ) { this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") }); } }; jQuery.event.special.touchmove = { setup: function( _, ns, handle ) { this.addEventListener("touchmove", handle, { passive: !ns.includes("noPreventDefault") }); } }; </script> <script> $(document).ready(function () { updateBar() $("#join-grup").click(function (e) { e.preventDefault() $('html,body').animate({ scrollTop: $("#join").offset().top - 65 }); }); $('.sliderEvent__slidetrack').slick({ dots: false, infinite: true, speed: 300, slidesToShow: 3, slidesToScroll: 1, mobileFirst: true, centerMode: false, variableWidth: true, responsive: [{ breakpoint: 1024, settings: { slidesToScroll: 3, } }, { breakpoint: 700, settings: { slidesToScroll: 2, } }, { breakpoint: 480, settings: { slidesToScroll: 1, } } ] }); $('.sliderArticle__slidetrack').slick({ dots: false, infinite: true, speed: 300, slidesToShow: 3, slidesToScroll: 1, mobileFirst: true, centerMode: false, variableWidth: true, responsive: [{ breakpoint: 1024, settings: { slidesToScroll: 3, } }, { breakpoint: 700, settings: { slidesToScroll: 2, } }, { breakpoint: 480, settings: { slidesToScroll: 1, } } ] }); $('.commaSlide').slick({ dots: false, infinite: true, speed: 300, slidesToShow: 4, centerMode: false, variableWidth: true }); }) function joinGrup(e) { var formData = new FormData(); formData.append('id', $(e).data('community_id')); $.ajax({ type: "POST", url: $(e).data('url'), contentType: false, processData: false, data: formData, dataType: "JSON", complete: function (response) { window.location = '/' + $(e).data('username'); }, error: function (response) { return false; }, }); } function unjoinGrupAlert(e) { let id = $(e).attr('id'); showAlert({ compo: 'writeAlert', msg: 'Apakah anda yakin ingin keluar dari grup ini?', ok: 'Keluar', func: `unjoinGrup('#`+ id +`')`, cancel: 'Batal', cancelFunc: `dismissAlert()` }); } function unjoinGrup(e) { var formData = new FormData(); formData.append('member_id', $(e).data('id')); $.ajax({ type: "POST", url: $(e).data('url'), contentType: false, processData: false, data: formData, dataType: "JSON", success: function (response) { let community_id = $(e).data('community_id') let username = $(e).data('username') $(e).replaceWith(` <a href='javascript:;' class="communityCard__btn" onclick="joinGrup(this)" data-community_id="${community_id}" data-username="${username}" data-url='${window.location.origin}/group/${username}/join'> Join </a>`); dismissAlert(); }, error: function (response) { return false; }, }); } </script> </body> </html>