Kilas Balik - Kompasiana

<!DOCTYPE html> <html lang="en" prefix="og: http://ogp.me/ns#"> <head>  <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-P7HQ38'); </script>   <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta content="text/html; charset=UTF-8" name="Content-Type"> <meta name="google" content="notranslate"> <meta name="description" content="Album memori kebersamaan kita di Kompasiana. Cek juga pencapaianmu sepanjang 2024!"> <meta property="og:type" content="article" /> <meta property="fb:pages" content="194032223976103" /> <meta property="fb:app_id" content="397600276959629" /> <meta property="og:site_name" content="KOMPASIANA" /> <meta name="ROBOTS" content="NOODP, NOYDIR" /> <meta property="og:title" content="Kilas Balik - Kompasiana" /> <meta property="og:url" content="https://kilasbalik.kompasiana.com/" /> <meta property="article:author" content="" /> <meta property="article:publisher" content="" /> <meta name="content_category" content="" /> <meta name="content_location" content="ID" /> <meta name="content_type" content="article" /> <meta name="content_PublishedDate" content="" /> <meta name="content_author" content="" /> <meta name="content_level" content="" /> <meta name="keywords" content="kompasiana, kompas, jurnalisme warga, media warga, citizen journalism, citizen media, sharing, connecting, blogger, blog, media opini"> <meta itemprop="image" property="og:image" content="https://assets-a1.kompasiana.com/statics/kaleidoskop/2024/images/kilas balik 2024_BA.jpg?t=o&v=1200" /> <meta property="og:description" content="Album memori kebersamaan kita di Kompasiana. Cek juga pencapaianmu sepanjang 2024!" /> <meta property="og:type" content="website" />  <meta name="adx:sections" content="home" /> <title>Kilas Balik - Kompasiana</title> <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 href="https://assets-a1.kompasiana.com/statics/kaleidoskop/2024/css/swiper/swiper-bundle.min.css?v=1" rel="stylesheet"> <link href="https://assets-a1.kompasiana.com/statics/kaleidoskop/2024/css/style-kaleidoskop-2024.min.css?v=2" rel="stylesheet">    <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=Poppins:wght@400;600;700&display=swap" rel="stylesheet"> </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="panel">   <section class="sections" style="background: #2D0084;"> <img class="sectionsVectors--cover sectionsVectors-1l " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2024/images/vector/1-left.svg" /> <img class="sectionsVectors--cover sectionsVectors-1r " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2024/images/vector/1-right.svg" /> <div class="container flex cover"> <picture> <source media="(max-width: 799px)" srcset="https://assets-a1.kompasiana.com/statics/kaleidoskop/2024/images/kompasiana.png" /> <source media="(min-width: 800px)" srcset="https://assets-a1.kompasiana.com/statics/kaleidoskop/2024/images/kompasiana@2x.png" /> <img class="logobrand" src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2024/images/kompasiana@2x.png" alt="Kompasiana" width="264" height="88"/> </picture> <h1 class="webTitle">KILAS BALIK <b>2024</b></h1> <h2 class="webSubtitle">#KilasBalikKompasiana</h2> <p class="webLead">Inilah album memori kebersamaan kita di Kompasiana.</p> <p class="text-center">Cek juga pencapaianmu sepanjang 2024!<br> Tahun ini, kamu dapat peringkat berapa ya?</p> <a class="button button--checkitout openPerformance" href="javascript:void(0)">Cek Sekarang!</a> <p class="text-center"><small><i>*Perhitungan hingga November 2024</i></small></p> </div> </section>   <section class="sections sections--awards" id="awards-section"> <img class="sectionsVectors sectionsVectors-awards-tl sectionsVectors-awards--top" src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/awards-tl.svg" /> <img class="sectionsVectors sectionsVectors-awards-bl" src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/awards-bl.svg" /> <img class="sectionsVectors sectionsVectors-awards-tr sectionsVectors-awards--top" src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/awards-tr.svg" /> <img class="sectionsVectors sectionsVectors-awards-br" src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/awards-br.svg" /> <div class="container"> <div class="sectionsHeader"> <h3 class="heading"> <span>KOMPASIANA</span> <span>AWARDS</span> </h3> <p>Penerima Kompasiana Awards 2024, ajang penganugerahan bagi Kompasianer yang konsisten membuat konten berkualitas</p> </div> <div class="sectionsContent cardWrapper cardWrapper--rounded"> <div class="card card--rounded"> <a href="https://www.kompasiana.com/akbarisation" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kompasianival/koy-akbar-pitopang-1-1730700723.jpg?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Akbar Pitopang</div> <div class="cardDesc">KOMPASIANER OF THE YEAR</div> </div> </a> </div> <div class="card card--rounded"> <a href="https://www.kompasiana.com/tututsetyorinie" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kompasianival/the-game-changer-tutut-setyorinie-1730700260.jpeg?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Tutut Setyorinie</div> <div class="cardDesc">THE GAME CHANGER</div> </div> </a> </div> <div class="card card--rounded"> <a href="https://www.kompasiana.com/siskafajarrany" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kompasianival/best-in-si-siska-fajarrany-1730700312.jpg?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Siska Fajarrany</div> <div class="cardDesc">BEST IN SPECIFIC INTEREST</div> </div> </a> </div> <div class="card card--rounded"> <a href="https://www.kompasiana.com/ithaabimanyu" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kompasianival/best-in-fiction-itha-abimanyu-1730700381.jpg?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Itha Abimanyu</div> <div class="cardDesc">BEST IN FICTION</div> </div> </a> </div> <div class="card card--rounded"> <a href="https://www.kompasiana.com/dina_amalia" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kompasianival/best-in-opinion-dina-amalia-1730700461.jpeg?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Dina Amalia</div> <div class="cardDesc">BEST IN OPINION</div> </div> </a> </div> <div class="card card--rounded"> <a href="https://www.kompasiana.com/budi_susilo" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kompasianival/best-in-cj-budi-susilo-1730700525.jpg?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Budi Susilo</div> <div class="cardDesc">BEST IN CITIZEN JOURNALISM</div> </div> </a> </div> <div class="card card--rounded"> <a href="https://www.kompasiana.com/budi_susilo" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kompasianival/best-in-cj-budi-susilo-1730700576.jpg?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Budi Susilo</div> <div class="cardDesc">PEOPLE CHOICE</div> </div> </a> </div> <div class="card card--rounded"> <a href="https://www.kompasiana.com/kotekasiana" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kompasianival/koteka-untuk-kaleidoskop-1733891548.png?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">KOTEKA</div> <div class="cardDesc">BEST COMMUNITY</div> </div> </a> </div> </div> </div> </section>   <section class="sections sections--terpopuler"> <img class="sectionsVectors sectionsVectors-terpopuler-1 " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/pencil.svg" /> <img class="sectionsVectors sectionsVectors-terpopuler-2 " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2024/images/vector/wave-2023.svg" /> <div class="container"> <div class="sectionsHeader"> <h3 class="heading"> <span>KOMPASIANER</span> <span>TERPOPULER</span> </h3> <p>Para Kompasianer yang dalam setahun berhasil membuat konten-konten dengan keterbacaan tertinggi </p> </div> <div class="sectionsContent cardWrapper card-m6"> <div class="card"> <a href="https://www.kompasiana.com/wijayalabs" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/images/avatar/13238654261484422270-1-55f01730d492738426cba881.jpg?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Wijaya Kusumah</div> <div class="cardCount">1.049.204</div> <div class="cardLead">Keterbacaan</div> </div> </a> </div> <div class="card"> <a href="https://www.kompasiana.com/anggitarahmawati2172" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/images/avatar/cpqujc81-400x400-675a6985ed6415741e0a34d2.jpg?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Azusa</div> <div class="cardCount">579.191</div> <div class="cardLead">Keterbacaan</div> </div> </a> </div> <div class="card"> <a href="https://www.kompasiana.com/jandris_sky" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/images/avatar/screenshot-20221215-181355-2-63aef0930788a36f9e2cb9c2.jpg?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Jandris_Sky</div> <div class="cardCount">541.568</div> <div class="cardLead">Keterbacaan</div> </div> </a> </div> <div class="card"> <a href="https://www.kompasiana.com/istiyogi" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/images/avatar/inbound8158152756905726743-66dfc3c6ed64152de3190fc2.jpg?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Isti Yogiswandani</div> <div class="cardCount">504.677</div> <div class="cardLead">Keterbacaan</div> </div> </a> </div> <div class="card"> <a href="https://www.kompasiana.com/noerashari3023" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/images/avatar/1000047567-66728f4dc925c47df00ee882.jpg?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Noer Ashari</div> <div class="cardCount">480.627</div> <div class="cardLead">Keterbacaan</div> </div> </a> </div> <div class="card"> <a href="https://www.kompasiana.com/merzagamal8924" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/images/avatar/merza-3-4-body03-629ee6b6aa3ccd36741b8863.jpg?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Merza Gamal</div> <div class="cardCount">453.113</div> <div class="cardLead">Keterbacaan</div> </div> </a> </div> <div class="card"> <a href="https://www.kompasiana.com/marionomariono0409" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/images/avatar/photo-1617536491852-processed-661384bede948f7acb5797a2.png?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Abi Wihan</div> <div class="cardCount">428.174</div> <div class="cardLead">Keterbacaan</div> </div> </a> </div> <div class="card"> <a href="https://www.kompasiana.com/gregsatria3529" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/images/avatar/10484778-4709076780498-6119740564646946527-o-65ce3614de948f46240b8536.jpg?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Greg Satria</div> <div class="cardCount">422.443</div> <div class="cardLead">Keterbacaan</div> </div> </a> </div> </div> </div> </section>   <section class="sections sections--terproduktif"> <img class="sectionsVectors sectionsVectors-terproduktif-1 " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2024/images/vector/wave-2023.svg" /> <img class="sectionsVectors sectionsVectors-terproduktif-2 " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/laptop.svg" /> <div class="container"> <div class="sectionsHeader"> <h3 class="heading"> <span>KOMPASIANER</span> <span>TERPRODUKTIF</span> </h3> <p>Daftar Kompasianer si paling rajin<br>bikin konten dalam setahun</p> </div> <div class="sectionsContent cardWrapper card-m6"> <div class="card"> <a href="https://www.kompasiana.com/agungchrris6556" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/images/avatar/img-20240124-wa0041-65b81049c57afb45871c4b82.jpeg?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Agung Christanto</div> <div class="cardCount">2.156</div> <div class="cardLead">Artikel</div> </div> </a> </div> <div class="card"> <a href="https://www.kompasiana.com/humaslapasbatang2268" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/images/avatar/img-20230427-wa0021-644a2e20a7e0fa6a550e0cf3.jpg?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Humas Lapas batang</div> <div class="cardCount">1.725</div> <div class="cardLead">Artikel</div> </div> </a> </div> <div class="card"> <a href="https://www.kompasiana.com/syaifulanwar2876" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/images/avatar/image-750x-65be4833dcabd-66b506d3ed64151d587ed7e2.jpg?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Syaiful Anwar</div> <div class="cardCount">1.679</div> <div class="cardLead">Artikel</div> </div> </a> </div> <div class="card"> <a href="https://www.kompasiana.com/nadya31117" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/images/avatar/fb-img-17123744604593771-6684f34434777c0fce3b8fc2.jpg?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Nadya Putri</div> <div class="cardCount">1.434</div> <div class="cardLead">Artikel</div> </div> </a> </div> <div class="card"> <a href="https://www.kompasiana.com/universitasahmaddahlan" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/images/avatar/200-x-200-px-kompasiana-61aec5cb62a704346f4fd434.jpg?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Universitas Ahmad Dahlan</div> <div class="cardCount">1.336</div> <div class="cardLead">Artikel</div> </div> </a> </div> <div class="card"> <a href="https://www.kompasiana.com/anggitarahmawati2172" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/images/avatar/cpqujc81-400x400-675a6985ed6415741e0a34d2.jpg?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Azusa</div> <div class="cardCount">1.242</div> <div class="cardLead">Artikel</div> </div> </a> </div> <div class="card"> <a href="https://www.kompasiana.com/sitifatima5982" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/images/avatar/screenshot-2023-06-03-10-01-50-63-647fe8e1822199334f473c82.png?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">siti fatima</div> <div class="cardCount">1.140</div> <div class="cardLead">Artikel</div> </div> </a> </div> <div class="card"> <a href="https://www.kompasiana.com/marionomariono0409" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/images/avatar/photo-1617536491852-processed-661384bede948f7acb5797a2.png?t=t&v=168&x=168"> </div> </div> <div class="cardContent"> <div class="cardName">Abi Wihan</div> <div class="cardCount">1.030</div> <div class="cardLead">Artikel</div> </div> </a> </div> </div> </div> </section>   <section class="sections sections--statTahun"> <img class="sectionsVectors sectionsVectors-statistik-1 " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/texture.svg" /> <img class="sectionsVectors sectionsVectors-statistik-2 " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/tumb.svg" /> <img class="sectionsVectors sectionsVectors-statistik-3 " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/texture.svg" /> <img class="sectionsVectors sectionsVectors-statistik-4 " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/miniatur.svg" /> <div class="container"> <div class="sectionsHeader"> <h3 class="heading"> <span>STATISTIK KOMPASIANA</span> <span>TAHUN 2024</span> </h3> </div> <div class="sectionsContent boxstatWrapper"> <div class="boxstat"> <div class="boxstatTitle">Artikel Tayang</div> <div class="boxstatData"> <div class="boxstatCount"> 435.425 </div> <div class="boxstatPercent"> <span class="ico ico-plus"></span> 14% </div> </div> </div> <div class="boxstat"> <div class="boxstatTitle">Kompasianer Baru</div> <div class="boxstatData"> <div class="boxstatCount"> 534.120 </div> </div> </div> <div class="boxstat"> <div class="boxstatTitle">Jumlah Komentar</div> <div class="boxstatData"> <div class="boxstatCount"> 635.109 </div> </div> </div> <div class="boxstat"> <div class="boxstatTitle">Jumlah Rating</div> <div class="boxstatData"> <div class="boxstatCount"> 1.273.938 </div> </div> </div> <div class="boxstat"> <div class="boxstatTitle">Akun Tervalidasi</div> <div class="boxstatData"> <div class="boxstatCount"> 99.823 </div> </div> </div> <div class="boxstat"> <div class="boxstatTitle">Komunitas Baru</div> <div class="boxstatData"> <div class="boxstatCount"> 76 </div> </div> </div> </div> </div> </section>   <section class="sections sections--statAlltime"> <img class="sectionsVectors sectionsVectors-alltime-bl " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/alltime-bl.svg" /> <img class="sectionsVectors sectionsVectors-alltime-astro " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/astronaut.svg" /> <img class="sectionsVectors sectionsVectors-alltime-right " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/alltime-right.svg" /> <img class="sectionsVectors sectionsVectors-alltime-rocket " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/rocket.svg" /> <div class="container"> <div class="sectionsHeader"> <h3 class="heading"> <span>STATISTIK KOMPASIANA</span> <span>SEPANJANG WAKTU</span> </h3> </div> <div class="sectionsContent boxstatWrapper"> <div class="boxstat"> <div class="boxstatTitle">Total Kompasianer</div> <div class="boxstatData"> <div class="boxstatCount"> 5.319.472 </div> </div> </div> <div class="boxstat"> <div class="boxstatTitle">Total Artikel Tayang</div> <div class="boxstatData"> <div class="boxstatCount"> 3.362.597 </div> </div> </div> <div class="boxstat"> <div class="boxstatTitle">Total Artikel Headline</div> <div class="boxstatData"> <div class="boxstatCount"> 127.080 </div> <div class="boxstatPercent"><span class="ico ico-plus"></span> 8%</div> </div> </div> <div class="boxstat"> <div class="boxstatTitle">Total Artikel Pilihan</div> <div class="boxstatData"> <div class="boxstatCount"> 739.171 </div> <div class="boxstatPercent"><span class="ico ico-plus"></span> 14%</div> </div> </div> <div class="boxstat"> <div class="boxstatTitle">Total Komentar</div> <div class="boxstatData"> <div class="boxstatCount"> 9.383.571 </div> <div class="boxstatPercent"><span class="ico ico-plus"></span> 7%</div> </div> </div> <div class="boxstat"> <div class="boxstatTitle">Total Komunitas</div> <div class="boxstatData"> <div class="boxstatCount"> 276 </div> </div> </div> </div> </div> </section>   <section class="sections sections--qa sections--qa-1"> <img class="sectionsVectors sectionsVectors-qa-1-bl " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/qa-1-bl.svg" /> <img class="sectionsVectors sectionsVectors-qa-1-tr " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/qa-1-tr.svg" /> <img class="sectionsVectors sectionsVectors-qa-1-br " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/qa-1-br.svg" /> <div class="container"> <div class="sectionsHeader sectionsHeader--col"> <h3 class="heading"> <span>Memang Boleh,</span> <span>Se-Cuan ini dari Kompasiana?</span> </h3> </p> </div> <div class="sectionsContent"> <div class="qaDiv"> <p class="pText">Total Hadiah Kompetisi</p> <p class="pBoxed"><span class="counter" data-target="100000000">0</span>++</p> </div> <div class="qaDiv"> <p class="pText">Spending Micro-Influencer Program</p> <p class="pBoxed"><span class="counter" data-target="1000000000">0</span>++</p> </div> <div class="qaDiv"> <p class="pText">Total K-Rewards, Community Quarter, dan KG Now</p> <p class="pBoxed"><span class="counter" data-target="150000000">0</span>++</p> </div> </div> </div> </section>  <section class="sections sections--artikel"> <img class="sectionsVectors sectionsVectors-artikel-tr " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/artikel-tr.svg" /> <div class="container"> <div class="sectionsHeader"> <h3 class="heading"> <span>ARTIKEL HEADLINE</span> <span>POPULER</span> </h3> <p>Artikel Kompasianer yang berhasil mendapatkan predikat Headline/Artikel Utama dengan keterbacaan tinggi</p> </div> <div class="sectionsContent cardWrapper "> <div class="card"> <a href="http://www.kompasiana.com/merzagamal8924/672f50a4ed6415773d3c1ad5/belajar-dari-penutupan-yogya-department-store-sejarah-kenangan-dan-tantangan-ritel-belanja-murah" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a3.kompasiana.com/items/album/2024/11/11/yogya-dep-store-673179fd34777c79497a4983.jpg?t=o&v=400&x=225"> </div> </div> <div class="cardName">Belajar dari Penutupan Yogya Department Store: Sejar...</div> </a> <div class="cardContent"> <div class="cardCount">128.312</div> <div class="cardLead">Keterbacaan</div> </div> </div> <div class="card"> <a href="http://www.kompasiana.com/www.tisna_1965.com/66ca057cc925c461325b7694/deklarasi-airin-ade-di-banten-dan-golkar-yang-masih-tersandera" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a3.kompasiana.com/items/album/2024/08/25/1724572870805-66cae4c7ed64154dae02df22.png?t=o&v=400&x=225"> </div> </div> <div class="cardName">Deklarasi Airin-Ade di Banten dan Golkar yang Masih ...</div> </a> <div class="cardContent"> <div class="cardCount">81.298</div> <div class="cardLead">Keterbacaan</div> </div> </div> <div class="card"> <a href="http://www.kompasiana.com/jandris_sky/66cc539fed64156f423ff5e2/budidaya-ayam-kampung-di-rumah-sebagai-langkah-strategis-dalam-mewujudkan-ketahanan-pangan-nasional" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a3.kompasiana.com/items/album/2024/08/26/img-20240825-130933-789-2-66cc4c85c925c45a1f7c0822.jpg?t=o&v=400&x=225"> </div> </div> <div class="cardName">Budidaya Ayam Kampung di Rumah sebagai Langkah Strat...</div> </a> <div class="cardContent"> <div class="cardCount">62.217</div> <div class="cardLead">Keterbacaan</div> </div> </div> <div class="card"> <a href="http://www.kompasiana.com/rajalubis/65a74fba12d50f238e4fd222/penyebab-orang-tidak-lagi-ke-karaoke-bukan-hanya-soal-pajak-hiburan" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a3.kompasiana.com/items/album/2024/01/17/102-0442-jpg-65a74c69de948f5bb25cbab3.jpg?t=o&v=400&x=225"> </div> </div> <div class="cardName">Penyebab Orang Tidak Lagi ke Karaoke, Bukan Hanya So...</div> </a> <div class="cardContent"> <div class="cardCount">54.494</div> <div class="cardLead">Keterbacaan</div> </div> </div> <div class="card"> <a href="http://www.kompasiana.com/dosom/66e2209ec925c417d65f9944/kelebihan-rizky-rihdo-di-antara-barisan-pemain-diaspora" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a3.kompasiana.com/items/album/2024/09/12/66e043625b73b-66e21f33ed641575a83adab2.jpg?t=o&v=400&x=225"> </div> </div> <div class="cardName">Kelebihan Rizky Ridho di Antara Barisan Pemain Diasp...</div> </a> <div class="cardContent"> <div class="cardCount">39.796</div> <div class="cardLead">Keterbacaan</div> </div> </div> <div class="card"> <a href="http://www.kompasiana.com/noerashari3023/65937e08de948f126c1caf32/kata-bijak-warren-buffet-jika-gaji-satu-satunya-sumber-penghasilanmu-kamu-sudah-selangkah-lebih-dekat-dengan-kemiskinan" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a3.kompasiana.com/items/album/2024/01/02/pexels-karolina-grabowska-5900263-65939356de948f2aa311e042.jpg?t=o&v=400&x=225"> </div> </div> <div class="cardName">Kata Bijak Warren Buffet: Jika Gaji Satu-satunya Sum...</div> </a> <div class="cardContent"> <div class="cardCount">39.061</div> <div class="cardLead">Keterbacaan</div> </div> </div> <div class="card"> <a href="http://www.kompasiana.com/chsabara/664c9511c57afb23df3735c2/kartu-jkn-kis-dinonaktifkan-hukuman-berat-bagi-rakyat-miskin" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a3.kompasiana.com/items/album/2024/05/22/62134acdafa03-664d36a3de948f73732f7ea2.jpeg?t=o&v=400&x=225"> </div> </div> <div class="cardName">Kartu JKN-KIS Dinonaktifkan, Hukuman Berat bagi Raky...</div> </a> <div class="cardContent"> <div class="cardCount">31.532</div> <div class="cardLead">Keterbacaan</div> </div> </div> <div class="card"> <a href="http://www.kompasiana.com/mukhlispuna3006/65af0304c57afb1667405fb2/kurikulum-merdeka-siswa-belajar-mandiri-guru-merdeka-tak-mengajar" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a3.kompasiana.com/items/album/2024/01/23/screenshot-20240123-145103-gallery-65af7014c57afb34b1124412.jpg?t=o&v=400&x=225"> </div> </div> <div class="cardName">Kurikulum Merdeka dan PMM: Siswa Belajar Mandiri, Gu...</div> </a> <div class="cardContent"> <div class="cardCount">28.021</div> <div class="cardLead">Keterbacaan</div> </div> </div> </div> </div> </section>   <section class="sections sections--artikel"> <img class="sectionsVectors sectionsVectors-artikel-bl " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/artikel-bl.svg" /> <div class="container"> <div class="sectionsHeader"> <h3 class="heading"> <span>ARTIKEL PILIHAN</span> <span>TERFAVORIT</span> </h3> <p>Artikel Kompasianer yang berhasil mendapatkan predikat Pilihan </p> </div> <div class="sectionsContent cardWrapper "> <div class="card"> <a href="http://www.kompasiana.com/alimusrisyam/662cad51c57afb12da55b7c3/tuhan-terimalah-kicau-puisi-puisinya-elegi-sajak-buat-joko-pinurbo" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a3.kompasiana.com/items/album/2024/04/27/img-20240423-160246-662d0018de948f3f755d02b2.jpg?t=o&v=400&x=225"> </div> </div> <div class="cardName">Tuhan, Terimalah Kicau Puisi-Puisinya (Elegi Sajak Buat...</div> </a> <div class="cardContent"> <div class="cardCount">139</div> <div class="cardLead">Favorit</div> </div> </div> <div class="card"> <a href="http://www.kompasiana.com/fardanmubtasir5088/66c0ddd934777c376368a6a2/overthinking-dalam-menggunakan-media-sosial-dan-dampaknya-terhadap-kesehatan-mental-seseorang" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a3.kompasiana.com/items/album/2024/08/18/brain-7146260-1920-66c0dd36c925c4774b273ef3.png?t=o&v=400&x=225"> </div> </div> <div class="cardName">Overthinking dalam Menggunakan Media Sosial dan Dampakn...</div> </a> <div class="cardContent"> <div class="cardCount">133</div> <div class="cardLead">Favorit</div> </div> </div> <div class="card"> <a href="http://www.kompasiana.com/kaekaha.4277/665d686634777c334d660583/oedipus-complex-ketika-cinta-tidak-lagi-buta-warna" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a3.kompasiana.com/items/album/2024/06/03/img-20240603-144408-665d66b6ed641547f22b41a2.jpg?t=o&v=400&x=225"> </div> </div> <div class="cardName">Oedipus Complex, Ketika Cinta Tidak Lagi Buta (Warna)</div> </a> <div class="cardContent"> <div class="cardCount">131</div> <div class="cardLead">Favorit</div> </div> </div> <div class="card"> <a href="http://www.kompasiana.com/dhiyaulhaq14/659e1806c57afb4fbf3a2985/penguatan-kesehatan-mental-para-penerus-bangsa-indonesia-dengan-pancasila-untuk-indonesia-emas-2045" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a3.kompasiana.com/items/album/2024/01/10/dirjen-kekayaan-negara-659e0bf6de948f5dfe217872.jpg?t=o&v=400&x=225"> </div> </div> <div class="cardName">Penguatan Kesehatan Mental Para Penerus Bangsa Indonesi...</div> </a> <div class="cardContent"> <div class="cardCount">123</div> <div class="cardLead">Favorit</div> </div> </div> <div class="card"> <a href="http://www.kompasiana.com/yustisia.kristiana/65b1c12fde948f2dc66950e2/karier-gemilang-di-industri-pariwisata-ini-soft-skill-yang-dibutuhkan" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a3.kompasiana.com/items/album/2024/01/25/guiding-upw-65b1bee1de948f09576fde22.jpg?t=o&v=400&x=225"> </div> </div> <div class="cardName">Karier Gemilang di Industri Pariwisata, Ini Soft Skill ...</div> </a> <div class="cardContent"> <div class="cardCount">117</div> <div class="cardLead">Favorit</div> </div> </div> <div class="card"> <a href="http://www.kompasiana.com/noerashari3023/65966333c57afb701974ddf2/kata-bijak-jusuf-hamka-banyak-duit-jangan-sombong-gak-banyak-duit-jangan-bohong-gak-punya-duit-jangan-nyolong" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a3.kompasiana.com/items/album/2024/01/04/pexels-cottonbro-studio-5922465-65967cc8de948f3a222cf534.jpg?t=o&v=400&x=225"> </div> </div> <div class="cardName">Kata Bijak Jusuf Hamka: Banyak Duit Jangan Sombong, Gak...</div> </a> <div class="cardContent"> <div class="cardCount">117</div> <div class="cardLead">Favorit</div> </div> </div> <div class="card"> <a href="http://www.kompasiana.com/abahalifsastrawinata/65c8eb0e12d50f0fef579ff2/cara-mengubah-kalimat-aktif-menjadi-kalimat-pasif-dalam-bahasa-inggris" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a3.kompasiana.com/items/album/2024/02/11/screenshot-2024-02-11-22-30-44-01-680d03679600f7af0b4c700c6b270fe7-65c8e838c57afb5f6b49e457.jpg?t=o&v=400&x=225"> </div> </div> <div class="cardName">Cara Mengubah Kalimat Aktif Menjadi Kalimat Pasif dalam...</div> </a> <div class="cardContent"> <div class="cardCount">117</div> <div class="cardLead">Favorit</div> </div> </div> <div class="card"> <a href="http://www.kompasiana.com/yustisia.kristiana/65a9fedcde948f5870629ef2/menjelajahi-keindahan-indonesia-lewat-hobi-berwisata" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a3.kompasiana.com/items/album/2024/01/19/fb-img-1705496875727-65a9fca812d50f4c134a8c83.jpg?t=o&v=400&x=225"> </div> </div> <div class="cardName">Menjelajahi Keindahan Indonesia lewat Hobi Berwisata</div> </a> <div class="cardContent"> <div class="cardCount">114</div> <div class="cardLead">Favorit</div> </div> </div> </div> </div> </section> <section class="sections sections--qa sections--qa-2"> <img class="sectionsVectors sectionsVectors-qa-2-bl " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/qa-2-bl.svg" /> <img class="sectionsVectors sectionsVectors-qa-2-right " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/qa-2-tr.svg" /> <div class="container"> <div class="sectionsHeader"> <h3 class="heading"> <span>Kategori</span> <span>Terlaris</span> </h3> </div> <div class="sectionsContent"> <div class="qaDiv mt20"> <p class="pBoxed">3 Kategori Paling Laris Ditulis:</p> <p class="pText"><span class="pPercent">33%</span>Ruang Kelas</p> <p class="pText"><span class="pPercent">18%</span>Humaniora</p> <p class="pText"><span class="pPercent">11%</span>Fiksiana</p> </div> <div class="qaDiv"> <p class="pBoxed">3 Kategori Paling Laris Dibaca:</p> <p class="pText"><span class="pPercent">25%</span>Humaniora</p> <p class="pText"><span class="pPercent">24%</span>Ruang Kelas</p> <p class="pText"><span class="pPercent">14%</span>Lyfe</p> </div> </div> </div> </section>  <section class="sections sections--komunitas"> <img class="sectionsVectors sectionsVectors-komunitas-tr " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/komunitas-tr.svg" /> <img class="sectionsVectors sectionsVectors-komunitas-bl " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/komunitas-bl.svg" /> <img class="sectionsVectors sectionsVectors-komunitas-br " src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2023/images/vector/komunitas-br.svg" /> <div class="container"> <div class="sectionsContent flex" id="sectionKomunitas"> <div class="sectionsContent__left cardWrapper cardWrapper--rounded" id="sectionKomunitasLeft"> <div class="sectionsHeader" id="headerKomunitas"> <h3 class="heading"> <span>KOMUNITAS</span> <span>TERBAIK</span> </h3> </div> <div class="card card--rounded"> <a href="https://temu.kompasiana.com/koteka" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kaleidoskop_2024/koteka-1733732411.png?t=t&v=197"> </div> </div> <div class="cardContent"> <div class="cardName">KOTeKA</div> </div> </a> <div class="qNote"> Best Community 2024 </div> </div> </div> <div class="sectionsContent__right"> <p>Daftar Komunitas Teraktif dalam mengadakan event sepanjang tahun 2024 </p>  <div class="sectionsContent__row flex"> <div class="qList">Quartal 1</div> <div class="cardWrapper cardWrapper--rounded card--swipe swiper swiper-container" data-slides-per-view="3"> <div class="swiper-wrapper"> <div class="card card--rounded swiper-slide"> <a href="https://temu.kompasiana.com/sastramenyala)" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kaleidoskop_2024/menyala-sastra-1733814797.jpg?t=t&v=197"> </div> </div> <div class="cardContent"> <div class="cardName">SASTRAMENYALA</div> </div> </a> </div> <div class="card card--rounded swiper-slide"> <a href="https://temu.kompasiana.com/koteka" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kaleidoskop_2024/koteka-comm-1733813617.jpg?t=t&v=197"> </div> </div> <div class="cardContent"> <div class="cardName">KOTEKA</div> </div> </a> </div> <div class="card card--rounded swiper-slide"> <a href="https://temu.kompasiana.com/komik_kompasiana" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kaleidoskop_2024/komik-comm-1733813501.png?t=t&v=197"> </div> </div> <div class="cardContent"> <div class="cardName">KOMIK</div> </div> </a> </div> <div class="card card--rounded swiper-slide"> <a href="https://temu.kompasiana.com/pulpen/pulpen-perkumpulan-pencinta-cerpen_181" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kaleidoskop_2024/temu-pulpen-1734329283.png?t=t&v=197"> </div> </div> <div class="cardContent"> <div class="cardName">PULPEN</div> </div> </a> </div> <div class="card card--rounded swiper-slide"> <a href="https://temu.kompasiana.com/komunitaskompasianerjakarta" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kaleidoskop_2024/temu-kopaja-1734329563.jpeg?t=t&v=197"> </div> </div> <div class="cardContent"> <div class="cardName">KOPAJA71</div> </div> </a> </div> </div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> </div>  <div class="sectionsContent__row flex"> <div class="qList">Quartal 2</div> <div class="cardWrapper cardWrapper--rounded card--swipe swiper swiper-container" data-slides-per-view="3"> <div class="swiper-wrapper"> <div class="card card--rounded swiper-slide"> <a href="https://temu.kompasiana.com/komik_kompasiana" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kaleidoskop_2024/komik-comm-1733813488.png?t=t&v=197"> </div> </div> <div class="cardContent"> <div class="cardName">KOMIK</div> </div> </a> </div> <div class="card card--rounded swiper-slide"> <a href="https://temu.kompasiana.com/koteka" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kaleidoskop_2024/koteka-comm-1733813600.jpg?t=t&v=197"> </div> </div> <div class="cardContent"> <div class="cardName">KOTEKA</div> </div> </a> </div> <div class="card card--rounded swiper-slide"> <a href="https://temu.kompasiana.com/sastramenyala" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kaleidoskop_2024/menyala-sastra-1733814808.jpg?t=t&v=197"> </div> </div> <div class="cardContent"> <div class="cardName">SASTRAMENYALA</div> </div> </a> </div> <div class="card card--rounded swiper-slide"> <a href="https://temu.kompasiana.com/pulpen/pulpen-perkumpulan-pencinta-cerpen_181" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kaleidoskop_2024/temu-pulpen-1734329692.png?t=t&v=197"> </div> </div> <div class="cardContent"> <div class="cardName">PULPEN</div> </div> </a> </div> <div class="card card--rounded swiper-slide"> <a href="https://temu.kompasiana.com/komunitaskompasianerjakarta" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kaleidoskop_2024/temu-kopaja-1734329730.jpeg?t=t&v=197"> </div> </div> <div class="cardContent"> <div class="cardName">KOPAJA71</div> </div> </a> </div> </div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> </div>  <div class="sectionsContent__row flex"> <div class="qList">Quartal 3</div> <div class="cardWrapper cardWrapper--rounded card--swipe swiper swiper-container" data-slides-per-view="3"> <div class="swiper-wrapper"> <div class="card card--rounded swiper-slide"> <a href="https://temu.kompasiana.com/sesangu" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kaleidoskop_2024/sesangu-comm-1733814857.png?t=t&v=197"> </div> </div> <div class="cardContent"> <div class="cardName">SESANGU</div> </div> </a> </div> <div class="card card--rounded swiper-slide"> <a href="https://temu.kompasiana.com/cakkaji" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kaleidoskop_2024/cak-kaji-comm-1733814683.png?t=t&v=197"> </div> </div> <div class="cardContent"> <div class="cardName">CAK KAJI</div> </div> </a> </div> <div class="card card--rounded swiper-slide"> <a href="https://temu.kompasiana.com/literasikompasiana" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kaleidoskop_2024/litkom-comm-1733814731.jpg?t=t&v=197"> </div> </div> <div class="cardContent"> <div class="cardName">LITERASIKOMPASIANA</div> </div> </a> </div> <div class="card card--rounded swiper-slide"> <a href="https://temu.kompasiana.com/vlomaya-official" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kaleidoskop_2024/temu-vlomaya-1734329885.jpg?t=t&v=197"> </div> </div> <div class="cardContent"> <div class="cardName">VLOMAYA</div> </div> </a> </div> <div class="card card--rounded swiper-slide"> <a href="https://temu.kompasiana.com/ketapelsnews" target="_blank"> <div class="cardHeader"> <div class="cardImg"> <img src="https://assets-a1.kompasiana.com/items/kaleidoskop_2024/temu-ketapels-1734329978.jpg?t=t&v=197"> </div> </div> <div class="cardContent"> <div class="cardName">KETAPELS</div> </div> </a> </div> </div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> </div> </div> </div> </div> </section> <section class="sections sections--congrats"> <div class="container"> <div class="sectionsHeader sectionsHeader--col"> <h3 class="heading"> <span>Kompasianer, </span> <span>selamat atas pencapaianmu!</span> </h3> <p>Terima kasih telah berbagi cerita inspiratif di Kompasiana <span class="ico ico-heart"></span><br> Mari jangan lelah berbagi cerita. Memberi makna pada setiap kisah, membawa dampak positif melalui karya.</br> Because every story matters! </p> </div> <div class="sectionsContent"> </div> </div> </section>  </div>  <ul class="floatingSocmed"> <li><a href="javascript:void(0)" onclick="fb_share('Kilas Balik Kompasiana 2024', 'https://kilasbalik.kompasiana.com/')"><span class="ico ico-fb"></span></a></li> <li><a href="javascript:void(0)" onclick="tweet_share('Kilas Balik Kompasiana 2024 https://kilasbalik.kompasiana.com/')"><span class="ico ico-x"></span></a></li> <li><a href="javascript:void(0)" onclick="ln_share('https://kilasbalik.kompasiana.com/')"><span class="ico ico-in"></span></a></li> </ul> <script type="text/javascript"> var base_url = "https://kilasbalik.kompasiana.com/"; var ajax_loader = "http://www.kompasiana.com/assets/images/loader.svg"; var isKompasianer = ""; var notifAjax = false; </script> <script src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2021/desktop/js/jquery-3.5.1.js"></script> <script src="https://assets-a1.kompasiana.com/statics/kaleidoskop/2024/js/plugin/swiper.min.js"></script> <script> function redirectLogin() { window.location = 'https://account.kompasiana.com/login/a29tcGFzaWFuYQ==/aHR0cHM6Ly9raWxhc2JhbGlrLmtvbXBhc2lhbmEuY29tLw=='; } $('.openPerformance').on('click', function(e) { pencapaian() }); function pencapaian(){ if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); } else { window.location = "https://kilasbalik.kompasiana.com/pencapaian"; } } </script> <script> $(document).ready(function () { $('.sectionsVectors-1l').addClass('sectionsVectors-1l-animate'); $('.sectionsVectors-1r').addClass('sectionsVectors-1r-animate'); $('.cover').addClass('cover-animate').delay(5000); }); function resize() { console.log("height: ", window.innerHeight, "px"); console.log("width: ", window.innerWidth, "px"); if ($(window).width() <= 768) { $("#headerKomunitas").prependTo("#sectionKomunitas"); } else { $("#headerKomunitas").prependTo("#sectionKomunitasLeft"); } } window.onresize = resize; </script> <style> .sectionsVectors { opacity: 0; transform: translateY(20px); /* Adjust as needed */ transition: opacity 0.5s, transform 0.5s; } .sectionsVectors.active { opacity: 1; transform: translateY(0); } </style> <script> window.onload = function () { var $elementsToFadeIn = $('.sectionsVectors'); function checkVisibility() { var windowHeight = $(window).height(); $elementsToFadeIn.each(function () { var $element = $(this); // Check if the element is in the DOM if ($element.length > 0) { var elementRect = $element[0].getBoundingClientRect(); // Check if at least 25% of the element is visible from the bottom if (elementRect.bottom >= windowHeight * 0.75 && elementRect.top <= windowHeight) { // Apply 'active' class with a 1000ms (1s) delay setTimeout(function () { $element.addClass('active'); }, 500); } else { // Remove 'active' class immediately } } }); } function handleScroll() { checkVisibility(); } $(window).on('scroll resize', handleScroll); // Initial check on page load handleScroll(); }; </script> <script> $(document).ready(function () { // Function to check if an element is in the viewport function isElementInViewport(el) { var rect = el.getBoundingClientRect(); return ( rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth) ); } // Function to animate the counter when the element is in the viewport function animateCounterIfVisible(element, targetValue) { if (isElementInViewport(element) && !$(element).data('counted')) { $({ Counter: 0 }).animate( { Counter: targetValue, }, { duration: 1000, // adjust as needed easing: 'swing', step: function (now) { // Display the number with the plus sign and percentage (for .boxstatPercent) var formattedNumber = Math.ceil(now); if (element.classList.contains('boxstatCount')) { formattedNumber = numberWithSeparator(formattedNumber); } else if (element.classList.contains('boxstatPercent')) { formattedNumber = '<span class="ico ico-plus"></span> ' + formattedNumber + '%'; } $(element).html(formattedNumber); }, } ); // Mark the element as counted $(element).data('counted', true); } } // Attach scroll event listener $(window).on('scroll', function () { // Iterate over each .boxstatCount element $('.boxstatCount').each(function () { // Get the target value var targetValue = parseFloat($(this).text().replace(/\./g, '')); // assuming the text may contain dots // Animate the counter if visible animateCounterIfVisible(this, targetValue); }); // Iterate over each .boxstatPercent element $('.boxstatPercent').each(function () { // Get the target value var targetValue = parseFloat($(this).text().replace('%', '')); // Animate the counter if visible animateCounterIfVisible(this, targetValue); }); }); // Trigger the scroll event on page load to check for visible elements $(window).trigger('scroll'); // Function to add separators to a number function numberWithSeparator(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, '.'); } }); </script> <script> // Function to check if an element is in the viewport function isInViewport(element) { const rect = element.getBoundingClientRect(); return ( rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth) ); } // Function to handle the animation function animateOnScroll() { $('.counter:not(.animated)').each(function () { const element = $(this); if (isInViewport(element[0])) { element.addClass('animated'); const numericValue = parseFloat(element.attr('data-target')); $({ count: 0 }).animate( { count: numericValue }, { duration: 2000, // Animation duration: 2 seconds easing: 'swing', step: function () { element.text('Rp. ' + Math.floor(this.count).toLocaleString() + '++'); }, complete: function () { element.text('Rp. ' + numericValue.toLocaleString() + '++'); }, } ); } }); } // Attach the scroll event $(window).on('scroll', animateOnScroll); // Initial check animateOnScroll(); function fb_share(title,url) { u = url; t = title; window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false; } function tweet_share(status) { u = status; window.open('https://twitter.com/intent/tweet?text='+encodeURIComponent(u),'sharer','toolbar=0,status=0,width=626,height=436');return false; } function ln_share(url){ u = url; window.open('https://www.linkedin.com/shareArticle?mini=true&url='+encodeURIComponent(u),'sharer','toolbar=0,status=0,width=626,height=436');return false; } </script> <script> // script swiper document.querySelectorAll('.swiper').forEach(swiperElement => { const slidesPerView = parseFloat(swiperElement.getAttribute('data-slides-per-view')) || 1; new Swiper(swiperElement, { loop: false, effect: 'slide', slidesPerView: slidesPerView, spaceBetween: 25, pagination: { el: '.swiper-pagination', }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, scrollbar: { el: '.swiper-scrollbar', }, breakpoints: { // when window width is >= 320px 768: { slidesPerView: 3, spaceBetween: 30 }, // when window width is >= 480px 1024: { slidesPerView: 3, spaceBetween: 30 }, // when window width is >= 640px 1280: { slidesPerView: 3, spaceBetween: 25 } } }); }); </script> </body> </html>

CINXE.COM

Kilas Balik - Kompasiana