Mediakit - Kompasiana.com

<!DOCTYPE html> <html lang="en"> <head>  <style>.async-hide { opacity: 0 !important} </style> <script> (function(a,s,y,n,c,h,i,d,e){s.className+=' '+y; h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')}; (a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c); })(window,document.documentElement,'async-hide','dataLayer',4000,{'GTM-P7HQ38':true}); </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P7HQ38');</script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width"> <meta name="description" content="Kompasiana merupakan Media Warga (Citizen Media) yang mengusung semangat berbagi dan saling terhubung (sharing, connecting)"> <meta name="author" content="Kompasiana.com"> <title>Mediakit - Kompasiana.com</title> <link rel="shortcut icon" href="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/favicon.ico"> <link rel="stylesheet" href="https://assets.kompasiana.com/statics/2019_microsite/mediakit/css/style.min.css?v=5" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Baloo+Paaji|Baloo+Tamma|Rubik:400,400i,500,500i,700" rel="stylesheet">  <script src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/js/jquery-1.12.0.min.js"></script> <script src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/js/modernizr.custom.min.js"></script>  </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>  <header class="header"> <div class="header__nav"> <div class="container clearfix"> <nav class="nav"> <div class="nav__item"> <a href="#section_profil" class="nav__link">Profil</a> </div> <div class="nav__item"> <a href="#section_kompasianer" class="nav__link">Kompasianer</a> </div> <div class="nav__item"> <a href="#section_program" class="nav__link">Program & Produk</a> </div> <div class="nav__item"> <a href="#section_kerjasama" class="nav__link">Kerja Sama</a> </div> </nav> </div> </div> <div class="menu js-menu"> <a href="#" class="menu__icon"> <span class="icon icon-bar"> <i></i> </span> </a> </div> </header>  <div id="cover" class="section section--cover"> <div class="cover__img picturefill-background"> <span data-src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/cover_bg-m.jpg"></span> <span data-src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/cover_bg.jpg" data-media="(min-width: 800px)"></span> </div> <div class="cover__bg"></div> <div class="cover__content"> <div class="display-table"> <div class="display-center"> <div class="container"> <div class="cover__art"> <div class="left"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/cover_art_1.png" alt=""> </div> <div class="right"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/cover_art_2.png" alt=""> </div> </div> <div class="cover__logo__kompasiana"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/kompasianaputih.png" alt=""> </div> <div class="cover__logo__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/beyond_blogging.png" alt=""> </div> <div class="cover__lead"> <p>sebagai <i>platform blog</i> dengan ratusan ribu <i>blogger</i> dan komunitas, Kompasiana memiliki integritas dalam mengakomodasi jutaan konten positif dan menjadi solusi bagi <i>marketers</i> dalam menyelenggarakan <i>creative campaign</i></p> </div> <div class="cover__footer"> <a href="https://www.kompasiana.com" class="cover__button">Mau menulis & berjejaring?</a> <a href="https://api.whatsapp.com/send?phone=6285693089574" class="cover__button">Mau bekerja sama?</a> </div> <div class="cover__arrow"> <a href="#" class="cover__arrow__down js-start"> <span class="icon icon-angle-down"></span> </a> </div> </div> </div> </div> </div> </div>  <div id="section_profil" class="section section--fluid section--profile"> <h2 class="section__title">Profil</h2> <div class="profile__menu js-profile-menu"> <div class="profile__menu__item"> <div class="profile__menu__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/profil_btn_1.png" alt=""> </div> <div class="profile__menu__text">Profil</div> </div> <div class="profile__menu__item"> <div class="profile__menu__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/profil_btn_2.png" alt=""> </div> <div class="profile__menu__text">Milestone</div> </div> <div class="profile__menu__item"> <div class="profile__menu__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/profil_btn_3.png" alt=""> </div> <div class="profile__menu__text">Mengapa Kompasiana</div> </div> <div class="profile__menu__item"> <div class="profile__menu__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/profil_btn_4.png" alt=""> </div> <div class="profile__menu__text">Statistik</div> </div> <div class="profile__menu__item"> <div class="profile__menu__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/profil_btn_5.png" alt=""> </div> <div class="profile__menu__text">Konten</div> </div> <div class="profile__menu__item"> <div class="profile__menu__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/profil_btn_6.png" alt=""> </div> <div class="profile__menu__text">Penghargaan</div> </div> </div> <div class="profile__wrapper"> <div class="profile__content js-profile-content"> <div class="profile__content__item clearfix"> <div class="profile__content__left"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/profil_content_1.png" alt=""> </div> <div class="profile__content__right"> <p>Kompasiana adalah platform blog dengan kemasan konten teks, foto, dan video yang sepenuhnya dibuat dan ditayangkan oleh pengguna (user generated content).</p> <p>Setiap netizen yang berkontribusi di Kompasiana sudah terdaftar sebagai anggota dikenal dengan sebutan Kompasianer.</p> <p>Mulai tahun 2017, Kompasiana mengusung slogan “BEYOND BLOGGING” sebagai platform blog yang memberikan ruang bagi masyarakat untuk berkarya melalui konten positif yang bermanfaat, berupa laporan warga, opini, hingga karya fiksi sekaligus berjejaring sosial dengan netizen atau Kompasianer lainnya melalui beragam kegiatan online dan offline.</p> <p>Kompasiana terdepan sebagai wadah untuk blogger & komunitas se-Indonesia.</p> <p>Jika Anda ingin meningkatkan kepercayaan pelanggan dan mendorong angka penjualan konsumen, maka <strong>UGC atau User Generated Content adalah salah satu langkah yang harus Anda ambil sebagai bagian dari strategi pemasaran brand Anda.</strong></p> </div> </div> <div class="profile__content__item clearfix"> <div class="profile__stone js-cs"> <div class="profile__stone__slide"> <ul class="profile__stone__row"> <li class="profile__stone__item y2008"> <div class="profile__stone__wrapper"> <div class="profile__stone__year"> <div class="profile__stone__month">August</div> <span>2008</span> </div> <div class="profile__stone__text"><p><p><strong>14 Agustus 2008</strong></p> <p>Kompasiana <em>online</em> perdana di <strong>www.kompasiana.com</strong> sebagai <em>journalist blog network</em> wartawan Kompas dengan artikel perdana berjudul <strong>Senjakala Blog oleh Pepih Nugraha</strong></p> <p><strong>10 Oktober 2008</strong></p> <p>Kompasiana menjadi blog publik yang terbuka untuk umum, setelah disusulkan oleh Prayitno Ramelan</p> <p><strong>22 Oktober 2008</strong></p> <p>Grand <em>launching</em> Kompasiana.com di redaksi harian KOMPAS</p></p></div> </div> </li> <li class="profile__stone__item y2009"> <div class="profile__stone__wrapper"> <div class="profile__stone__year"> <div class="profile__stone__month">March</div> <span>2009</span> </div> <div class="profile__stone__text"><p><p><strong>Maret 2009</strong></p> <p>Kopi darat pertama di Gedung Bentara Budaya Jakarta (BBJ)</p> <p><strong>Oktober 2009</strong></p> <p>Peluncuran tampilan baru Kompasiana dan slogan "Sharing Connecting"</p></p></div> </div> </li> <li class="profile__stone__item y2010"> <div class="profile__stone__wrapper"> <div class="profile__stone__year"> <div class="profile__stone__month">November</div> <span>2010</span> </div> <div class="profile__stone__text"><p><p><strong>November 2010</strong></p> <p>Kompasiana meraih Penghargaan Asian Digital Media Awards (ADMA) 2010, Best in Digital Content Award - User Generated Content dari WAN-IFRA</p></p></div> </div> </li> <li class="profile__stone__item y2011"> <div class="profile__stone__wrapper"> <div class="profile__stone__year"> <div class="profile__stone__month">July</div> <span>2011</span> </div> <div class="profile__stone__text"><p><p><strong>Juli 2011</strong></p> <p>Lembar Kompasiana Freez terbit perdana di harian KOMPAS selama satu tahun</p> <p><strong>Desember 2011</strong></p> <p>Kompasianival diadakan untuk pertama kali sebagai pesta akbar blogger dan netizen</p></p></div> </div> </li> <li class="profile__stone__item y2012"> <div class="profile__stone__wrapper"> <div class="profile__stone__year"> <div class="profile__stone__month">October</div> <span>2012</span> </div> <div class="profile__stone__text"><p><p><strong>Oktober 2012</strong></p> <p>Peluncuran aplikasi Kompasiana di Windows 8</p></p></div> </div> </li> </ul> </div> <div class="profile__stone__slide"> <ul class="profile__stone__row"> <li class="profile__stone__item y2008"> <div class="profile__stone__wrapper"> <div class="profile__stone__year"> <div class="profile__stone__month">October</div> <span>2013</span> </div> <div class="profile__stone__text"><p><p><strong>Oktober 2013</strong></p> <p>Meluncurkan beberapa buku hasil kolaborasi blogger Kompasiana (Kompasianer)</p></p></div> </div> </li> <li class="profile__stone__item y2009"> <div class="profile__stone__wrapper"> <div class="profile__stone__year"> <div class="profile__stone__month">November</div> <span>2014</span> </div> <div class="profile__stone__text"><p><p><strong>November 2014</strong></p> <p>Peluncuran Kriko sebagai maskot Kompasiana (2014-2016) dan kartu pembayaran elektronik Kompasiana Community Card (KCC)</p></p></div> </div> </li> <li class="profile__stone__item y2010"> <div class="profile__stone__wrapper"> <div class="profile__stone__year"> <div class="profile__stone__month">January</div> <span>2015</span> </div> <div class="profile__stone__text"><p><p style="text-align: left;"><strong>Januari 2015</strong></p> <p style="text-align: left;">Program Kompasiana TV tayang perdana di Kompas TV selama satu tahun</p> <p style="text-align: left;"><strong>November 2015</strong></p> <p style="text-align: left;">100 Kompasianer bertemu Presiden Joko Widodo di Istana Negara, Jakarta</p></p></div> </div> </li> <li class="profile__stone__item y2011"> <div class="profile__stone__wrapper"> <div class="profile__stone__year"> <div class="profile__stone__month">February</div> <span>2017</span> </div> <div class="profile__stone__text"><p><p><strong>Februari 2017</strong></p> <p>Peluncuran logo dan slogan "Beyond Blogging"</p> <p><strong>Juni 2017</strong></p> <p>Kompasiana berganti wajah dengan tampilan dan fitur baru</p> <p><strong>Oktober 2017</strong></p> <p>Penyelenggaraan Kompasianival ke-7 dan perayaan ulang tahun ke-9 Kompasiana di Jakarta</p></p></div> </div> </li> <li class="profile__stone__item y2012"> <div class="profile__stone__wrapper"> <div class="profile__stone__year"> <div class="profile__stone__month">February</div> <span>2018</span> </div> <div class="profile__stone__text"><p><p><strong>Februari 2018</strong></p> <p>Penambahan kategori "Video"</p> <p><strong>April 2018</strong></p> <p>Peluncuran loyalty program K-Rewards dan Community Affiliation</p> <p><strong>Agustus 2018</strong></p> <p>Penyelenggaraan Indonesia Community Day 2018 di kota Malang</p> <p> </p></p></div> </div> </li> </ul> </div> <div class="profile__stone__slide"> <ul class="profile__stone__row"> <li class="profile__stone__item y2008"> <div class="profile__stone__wrapper"> <div class="profile__stone__year"> <div class="profile__stone__month">October</div> <span>2019</span> </div> <div class="profile__stone__text"><p><p>Kompasiana sebagai <strong>UGC terbesar</strong> di Indonesia pada Alexa.com 2019</p> <p>20 besar dengan website <strong>terbanyak diakses</strong> kategori media dan blog di Indonesia</p> <p>Pencapaian page views <strong>tertinggi</strong></p></p></div> </div> </li> <li class="profile__stone__item y2009"> <div class="profile__stone__wrapper"> <div class="profile__stone__year"> <div class="profile__stone__month">October</div> <span>2020</span> </div> <div class="profile__stone__text"><p><p>Kompasiana meluncurkan program <em>content marketing playground</em> untuk <em>content creator</em> dan <em>advertiser</em> di https://microsite.kompasiana.com/narativ</p> <p>Kompasiana menghadirkan <em>Premium Account</em> untuk memberikan pengalaman baru kepada Kompasianer</p> <p>Kompasianival ke-10 perdana secara virtual</p></p></div> </div> </li> </ul> </div> </div> <div class="external-scroll_x"> <div class="scroll-element_outer"> <div class="scroll-element_size"></div> <div class="scroll-element_track"></div> <div class="scroll-bar"></div> </div> </div> </div> <div class="profile__content__item clearfix"> <div class="profile__why"> <div class="profile__why__item"> <div class="profile__why__box b1"> <div class="profile__why__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/why_01.png" alt=""> </div> <div class="profile__why__text">Konten Kreatif, Positif, dan Enganging (Beyond Blogging)</div> </div> </div> <div class="profile__why__item"> <div class="profile__why__box b2"> <div class="profile__why__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/why_02.png" alt=""> </div> <div class="profile__why__text">Relasi antar Kompasianer, Komunitas dan Kompasiana</div> </div> </div> <div class="profile__why__item"> <div class="profile__why__box b3"> <div class="profile__why__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/why_03.png" alt=""> </div> <div class="profile__why__text">Karakter Blogger Kompasiana yang kritis, & up to date terhadap isu terbaru dengan penulisan perspektif masing-masing blogger</div> </div> </div> <div class="profile__why__item"> <div class="profile__why__box b4"> <div class="profile__why__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/why_04.png" alt=""> </div> <div class="profile__why__text">Ragam activity offline & online untuk melakukan real action</div> </div> </div> <div class="profile__why__item"> <div class="profile__why__box b5"> <div class="profile__why__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/why_05.png" alt=""> </div> <div class="profile__why__text">Eksekusi activity dengan strategi tepat (right execution) dilengkapi dengan report yang berkualitas</div> </div> </div> </div> </div> <div class="profile__content__item clearfix"> <div class="profile__content__left"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/profil_content_4.png" alt=""> </div> <div class="profile__content__right"> <div class="profile__stat"> <div class="profile__stat__item"> <h4>Pageviews</h4> <p>All Users 0</p> <p>Desktop 0</p> <p>Mobile Traffic 0</p> </div> <div class="profile__stat__item"> <h4>Users</h4> <p>All Users 0</p> <p>Desktop 0</p> <p>Mobile Traffic 0</p> </div> <div class="profile__stat__item"> <h4>Pages / Session</h4> <p>All Users 0.00</p> <p>Desktop 0.00</p> <p>Mobile Traffic 0.00</p> </div> <div class="profile__stat__item"> <h4>Avg. Session Duration</h4> <p>All Users 00:00:00</p> <p>Desktop 00:00:00</p> <p>Mobile Traffic 00:00:00</p> </div> </div> <div class="profile__content__copy"><p>Source: GA / Jan 2025</p></div> </div> </div> <div class="profile__content__item clearfix"> <div class="profile__most__left"> <div class="profile__most__title"><span>9</span> Kategori Terpopuler</div> <div class="profile__most__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/profil_content_5.png" alt=""> </div> </div> <div class="profile__most__right"> <div class="profile__most__text"> <h4>Published Articles: <span>3,619,079</span></h4> <p>Active Writer: <span><p>0</p></span></p> <p>Average article/day: <span><p>800</p></span></p> </div> <div class="profile__most__copy"> <p>Source: Kompasiana Jan 2025</p> </div> </div> </div> <div class="profile__content__item clearfix"> <div class="profile__awards"> <div class="profile__awards__item"> <div class="profile__awards__img"> <img src="https://assets.kompasiana.com/items/microsite/adma-1579599829.jpg" alt=""> </div> <div class="profile__awards__text">Asian Digital Media Awards-2010 (Best in Digital Content – User Generated Content) WAN - IFRA</div> </div> <div class="profile__awards__item"> <div class="profile__awards__img"> <img src="https://assets.kompasiana.com/items/microsite/mark-plus-1579599742.jpg" alt=""> </div> <div class="profile__awards__text">MarkPlus - 2010</div> </div> <div class="profile__awards__item"> <div class="profile__awards__img"> <img src="https://assets.kompasiana.com/items/microsite/pestabloger-1579599789.jpg" alt=""> </div> <div class="profile__awards__text">Pesta Blogger - 2010</div> </div> </div> </div> </div> </div> </div>  <div id="section_kompasianer" class="section section--fluid section--kompasianer"> <h2 class="section__title">Kompasianer</h2> <div class="kompasianer__menu js-kompasianer-menu"> <div class="kompasianer__menu__item"> <div class="kompasianer__menu__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/kompasianer_btn_1.png" alt=""> </div> <div class="kompasianer__menu__text">Visitor</div> </div> <div class="kompasianer__menu__item"> <div class="kompasianer__menu__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/kompasianer_btn_2.png" alt=""> </div> <div class="kompasianer__menu__text">Komunitas</div> </div> <div class="kompasianer__menu__item"> <div class="kompasianer__menu__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/kompasianer_btn_3.png" alt=""> </div> <div class="kompasianer__menu__text">Member</div> </div> <div class="kompasianer__menu__item"> <div class="kompasianer__menu__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/kompasianer_btn_4.png" alt=""> </div> <div class="kompasianer__menu__text">Demografis</div> </div> <div class="kompasianer__menu__item"> <div class="kompasianer__menu__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/kompasianer_btn_5.png" alt=""> </div> <div class="kompasianer__menu__text">Social Media Statistik</div> </div> </div> <div class="kompasianer__wrapper"> <div class="kompasianer__content js-kompasianer-content"> <div class="kompasianer__content__item clearfix"> <div class="kompasianer__chart"> <div class="kompasianer__chart__item"> <div class="kompasianer__chart__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/visitor_1.png" alt=""> <div class="kompasianer__chart__title">Usia</div> </div> <div class="kompasianer__chart__graphic" id="chart_usia"></div> <div class="kompasianer__chart__legend" id="legend_usia"></div> </div> <div class="kompasianer__chart__item"> <div class="kompasianer__chart__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/visitor_2.png" alt=""> <div class="kompasianer__chart__title">Jenis Pekerjaan</div> </div> <div class="kompasianer__chart__graphic" id="chart_job"></div> <div class="kompasianer__chart__legend" id="legend_job"></div> </div> <div class="kompasianer__chart__item"> <div class="kompasianer__chart__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/visitor_3.png" alt=""> <div class="kompasianer__chart__title">Jenjang Pendidikan</div> </div> <div class="kompasianer__chart__graphic" id="chart_education"></div> <div class="kompasianer__chart__legend" id="legend_education"></div> </div> <div class="kompasianer__copy"> <p id="source_visitor"></p> </div> </div> </div> <div class="kompasianer__content__item clearfix"> <div class="kompasianer__comnty"> <div class="scrollable scrollbar-inner"> <h4>25 Komunitas Regional</h4> <ul class="list"> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/bolang-1579855426.png" alt=""></div> <div class="text">Blogger Kompasiana Malang (Bolang)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/inspirasiana-1608737946.png" alt=""></div> <div class="text">Inspirasiana</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/master-logo-mobile-png-1594214318.png" alt=""></div> <div class="text">KONDANG (Komunitas Kompasianer Padang)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/koma-1580206502.png" alt=""></div> <div class="text">Kompasianer Amboina (KOMA)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/kbandung-putih-1579855505.png" alt=""></div> <div class="text">Kompasianer Bandung (K-Bandung)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/kombatan-1580444830.png" alt=""></div> <div class="text">Kompasianer Banua/Kal-Sel*</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/master-logo-mobile-png-1594214264.png" alt=""></div> <div class="text">Kompasianer Bengkulu (IKO Bengkulu)*</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/kombes-1580207180.png" alt=""></div> <div class="text">Kompasianer Brebes (KOMBES)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/master-logo-mobile-png-1594214296.png" alt=""></div> <div class="text">Kompasianer Diaspora*</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/logo-jogja-1579855484.png" alt=""></div> <div class="text">Kompasianer Jogja (K-Jogja)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/master-logo-mobile-png-1594214282.png" alt=""></div> <div class="text">Kompasianer Kal-Tim*</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/master-logo-mobile-png-1594214246.png" alt=""></div> <div class="text">Kompasianer Lombok (KOLOM)*</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/kompak-tawa-1579856440.png" alt=""></div> <div class="text">Kompasianer Makassar - Tawwa (Kompak Tawwa)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/komed-1579856537.png" alt=""></div> <div class="text">Kompasianer Medan (Komed)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/konek-1580206932.png" alt=""></div> <div class="text">Kompasianer Nekad (Konek)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/kompal-1579856421.png" alt=""></div> <div class="text">Kompasianer Palembang (Kompal)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/kudeta-1580207021.jpg" alt=""></div> <div class="text">Kompasianer Pulau Dewata (Kudeta)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/komposono-1580206890.png" alt=""></div> <div class="text">Kompasianer Solo Raya (Komposono)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/logo-ketapels-1579855580.png" alt=""></div> <div class="text">Kompasianer Tangsel Plus (Ketapel)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/kka-1579856293.png" alt=""></div> <div class="text">Komunitas Kompasianer Aceh (KKA)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/kampung-ntt-1580273335.png" alt=""></div> <div class="text">Komunitas Kompasianer Kupang NTT (Kampung NTT)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/kpb-1608737918.jpg" alt=""></div> <div class="text">Komunitas Kompasianer Puisi Berbalas (KPB)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/master-logo-mobile-png-1594214329.png" alt=""></div> <div class="text">SEKOCI (Komunitas Kompasianer Cirebon & Indramayu)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/semarkutiga-1580207401.jpeg" alt=""></div> <div class="text">Semarang, Kudus, Salatiga, & Sekitarnya Kompasianer (Semarkutigakom)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/warga-kota-1581330473.png" alt=""></div> <div class="text">WARGA KOTA (Wadah Kompasianer Purwakarta)</div> </li> </ul> <h4>20 Komunitas Based on Interest</h4> <ul class="list"> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/logo-click-1579856214.png" alt=""></div> <div class="text">Commuter Line Community Kompasiana (CLICK)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/desarangkat-1581592207.jpg" alt=""></div> <div class="text">Desa Rangkat (Dear)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/komalku-raya-1581330448.jpg" alt=""></div> <div class="text">Komalku Raya (Komunitas Kompasianer Penulis Buku se-Malang Raya)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/kompasiana-kampus-1579855631.png" alt=""></div> <div class="text">Kompasiana Kampus (Kamus)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/kocek-fix-1579855556.png" alt=""></div> <div class="text">Kompasianer Bicara Ekonomi (Kocek)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/komposer-1579856354.png" alt=""></div> <div class="text">Kompasianer Obrol Senandung Irama (Komposer)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/komik-1-1579865606.png" alt=""></div> <div class="text">Kompasianer Only Movie Enthus(I)Ast Club (Komik)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/koprol-1580209654.png" alt=""></div> <div class="text">Kompasianer Penggemar Olahraga (Koprol)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/logo-kpk-new-2-1580209565.png" alt=""></div> <div class="text">Kompasianer Penggila Kuliner (KPK)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/kutubuku-1580209673.png" alt=""></div> <div class="text">Kompasianer Ulas Tulis Buku (Kutu Buku)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/k3-1579865567.png" alt=""></div> <div class="text">Komunitas Keluarga Kompasianer (K-Tiga)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/fiksiana-hires-1580207445.jpeg" alt=""></div> <div class="text">Komunitas Kompasianer Penulis Fiksi (Fiksiana)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/koteka-1580208623.png" alt=""></div> <div class="text">Komunitas Traveler Kompasiana (Koteka)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/koplak-yo-band-1580208600.png" alt=""></div> <div class="text">Koplak Yo Band (KYB)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/logo-ladiesiana-1579855609.png" alt=""></div> <div class="text">Ladies Of Kompasiana (Ladiesiana)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/mudasiana-fix-1579856037.png" alt=""></div> <div class="text">Mudasiana</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/planet-knethir-1580273517.png" alt=""></div> <div class="text">Planet Kenthir (PK)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/rtc-1580273403.png" alt=""></div> <div class="text">Rumpies The Club (RTC)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/vlomaya-1580209746.jpg" alt=""></div> <div class="text">Vlogger Kompasiana Pemerhati Budaya (Vlomaya)</div> </li> <li> <div class="img"><img src="https://assets.kompasiana.com/items/microsite/vlogkers-back-putih-1579856402.png" alt=""></div> <div class="text">Vlogger Kompasianer (Vlogkers)</div> </li> </ul> </div> </div> </div> <div class="kompasianer__content__item clearfix"> <div class="kompasianer__member"> <div class="row"> <div class="col col-fluid"> <ul class="list"> <li> <div class="img"> <img src="https://assets.kompasiana.com/items/microsite/kompasianaputih-small-png-1610335055.jpg" alt=""> </div> <p> <span>Total Member Kompasiana</span> <p>843,679 Members</p> </p> </li> <li> <div class="img"> <img src="https://assets.kompasiana.com/items/microsite/kompasianaputih-small-png-1-1610335067.jpg" alt=""> </div> <p> <span>Validated User</span> <p>40,519 Members</p> </p> </li> </ul> </div> <div class="col"> <div class="checked__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/kompasianer_member_verification_logo.png" alt=""> </div> </div> <div class="col"> <div class="checked"> <p><span class="green">Green</span> Verification: <span class="big">381,072</span></p> <p><span class="blue">Blue</span> Verification: <span class="big">952</span></p> </div> </div> <div class="col"> <div class="gender__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/kompasianer_member_gender.png" alt=""> </div> </div> <div class="col"> <div class="gender__total"> <p>Total: <span class="big">428,273</span></p> </div> <div class="gender__list"> <div class="img"><img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/kompasianer_member_gender_male.png" alt=""></div> <span class="big">42%</span> </div> <div class="gender__list"> <div class="img"><img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/kompasianer_member_gender_female.png" alt=""></div> <span class="big pink">58%</span> </div> </div> </div> <div class="kompasianer__copy"> <p>Source: Dashboard Kompasiana / Jan 2025</p> </div> </div> </div> <div class="kompasianer__content__item clearfix"> <div class="kompasianer__map"> <div class="kompasianer__map__header"> <p>Pengakses Kompasiana terbesar berasal dari kota-kota besar di Indonesia. 5 kota besar diantaranya yaitu</p> <p><span></span></p> </div> <div class="kompasianer__map__maps">  <ul class="kompasianer__map__city"> </ul> <div class="img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/map.png" alt=""> </div> </div> <div class="kompasianer__copy"> <p>Source: GA per Jan 2025</p> </div> </div> </div> <div class="kompasianer__content__item clearfix"> <div class="kompasianer__sosmed"> <div class="kompasianer__sosmed__left"> <div class="row clearfix"> <div class="img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/kompasianer_sosmed_fb.png" alt=""> </div> <div class="text"> <p>0 LIKES</p> <p>Facebook : Kompasiana</p> </div> </div> <div class="row clearfix"> <div class="img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/kompasianer_sosmed_ig.png" alt=""> </div> <div class="text"> <p>Instagram : @kompasianacom</p> </div> </div> <div class="row clearfix"> <div class="img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/kompasianer_sosmed_twitter.png" alt=""> </div> <div class="text"> <p>0 FOLLOWERS</p> <p>Twitter : @Kompasiana</p> </div> </div> </div> <div class="kompasianer__sosmed__right"> <div class="row"> <div class="box facebook"> <h4>Facebook</h4> <div class="stat"> <div class="col"> <p>REACH</p> <p>4.7M</p> </div> <div class="col"> <p>IMPRESSIONS</p> <p>4.9M</p> </div> <div class="col"> <p>ENGAGEMENT</p> <p>107.6K</p> </div> <div class="col"> <p>LINK CLICK</p> <p>93.5K</p> </div> </div> </div> </div> <div class="row"> <div class="box instagram"> <h4>Instagram</h4> <div class="stat"> <div class="col"> <p>IMPRESSIONS</p> <p>766.9K</p> </div> <div class="col"> <p>ENGAGEMENT</p> <p>17.9K</p> </div> <div class="col"> <p>REACH</p> <p>343K</p> </div> </div> </div> </div> <div class="row"> <div class="box twitter"> <h4>Twitter</h4> <div class="stat"> <div class="col"> <p>IMPRESSIONS</p> <p>85.6M</p> </div> <div class="col"> <p>ENGAGEMENT</p> <p>100.3K</p> </div> <div class="col"> <p>LINK CLICK</p> <p>674.5K</p> </div> </div> </div> </div> </div> </div> <div class="kompasianer__copy"> <p>Source: Social Media Kompasiana Jan 2025</p> </div> </div> </div> </div> </div>  <div id="section_program" class="section section--fluid section--program"> <div class="program__wrapper"> <div class="program__produk js-program">  <div class="program__item"> <div class="program__box"> <div class="program__bg"> <div class="program__img picturefill-background"> <span data-src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/program_bg_produk-m.jpg"></span> <span data-src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/program_bg_produk.jpg" data-media="(min-width: 800px)"></span> </div> <div class="program__text"> <div class="display-table"> <div class="display-center"> <div class="program__subtitle">Program & Produk</div> <div class="program__title">Produk</div> </div> </div> </div> </div> <div class="program__list">  <div class="program__popup light hide"> <div class="program__popup__wrapper fade-in js-action"> <a href="#" class="program__popup__close"> <b></b> <b></b> </a> <div class="program__popup__content"> <div class="bg"></div> <div class="scrollable scrollbar-inner"> <div class="display-table"> <div class="display-center"> <div class="video"></div> <div class="title"></div> <div class="logo"></div> <div class="text"></div> </div> </div> </div> </div> </div> </div>  <div class="program__list__wrapper scrollbar-inner"> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/activation-square-1611566570.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/activation-square-1611566570.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/awarnes-square-1611566520.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/awarnes-square-1611566520.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/competition-square-1611566593.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/competition-square-1611566593.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/conten-marketing-square-1611566543.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/conten-marketing-square-1611566543.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> </div> </div> </div> </div>  <div class="program__item"> <div class="program__box"> <div class="program__bg"> <div class="program__img picturefill-background"> <span data-src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/program_bg_online_program-m.jpg"></span> <span data-src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/program_bg_online_program.jpg" data-media="(min-width: 800px)"></span> </div> <div class="program__text"> <div class="display-table"> <div class="display-center"> <div class="program__subtitle">Program & Produk</div> <div class="program__title">Awareness & Exposure</span></div> </div> </div> </div> </div> <div class="program__list">  <div class="program__popup light hide"> <div class="program__popup__wrapper fade-in js-action"> <a href="#" class="program__popup__close"> <b></b> <b></b> </a> <div class="program__popup__content"> <div class="bg"></div> <div class="scrollable scrollbar-inner"> <div class="display-table"> <div class="display-center"> <div class="video"></div> <div class="title"></div> <div class="logo"></div> <div class="text"></div> </div> </div> </div> </div> </div> </div>  <div class="program__list__wrapper scrollbar-inner"> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/bannerplacement-1581590856.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/bplacement-banner-isi-brand-01-1611551504.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/emailblast-1581590978.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/eblast-banner-isi-brand-04-1611551558.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/rosbanner-1581590943.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/ros-banner-banner-isi-brand-02-1611551710.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/socialmediapost-1581590997.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/sosmed-banner-isi-brand-03-1611551836.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> </div> </div> </div> </div>  <div class="program__item"> <div class="program__box"> <div class="program__bg"> <div class="program__img picturefill-background"> <span data-src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/program_bg_afiliasi-m.jpg"></span> <span data-src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/program_bg_afiliasi.jpg" data-media="(min-width: 800px)"></span> </div> <div class="program__text"> <div class="display-table"> <div class="display-center"> <div class="program__subtitle">Program & Produk</div> <div class="program__title">Content marketing</div> </div> </div> </div> </div> <div class="program__list">  <div class="program__popup light hide"> <div class="program__popup__wrapper fade-in js-action"> <a href="#" class="program__popup__close"> <b></b> <b></b> </a> <div class="program__popup__content"> <div class="bg"></div> <div class="scrollable scrollbar-inner"> <div class="display-table"> <div class="display-center"> <div class="video"></div> <div class="title"></div> <div class="logo"></div> <div class="text"></div> </div> </div> </div> </div> </div> </div>  <div class="program__list__wrapper scrollbar-inner"> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/advetorial-1611021872.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/advertorial-banner-isi-brand-08-1611551481.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/logo-kompasiana-brand-stories-1610434904.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/brandstories-banner-isi-brand-07-1611551528.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/narative-1581415971.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/narativ-banner-isi-brand-05-1611551639.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/logo-sorot-1610434864.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/sorot-banner-isi-brand-06-1611551851.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/video-prod-1611025970.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/videoprod-banner-isi-brand-09-1611551947.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> </div> </div> </div> </div>  <div class="program__item"> <div class="program__box"> <div class="program__bg"> <div class="program__img picturefill-background"> <span data-src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/program_bg_produk-m.jpg"></span> <span data-src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/program_bg_produk.jpg" data-media="(min-width: 800px)"></span> </div> <div class="program__text"> <div class="display-table"> <div class="display-center"> <div class="program__subtitle">Program & Produk</div> <div class="program__title">Activation, Signature</span></div> </div> </div> </div> </div> <div class="program__list">  <div class="program__popup light hide"> <div class="program__popup__wrapper fade-in js-action"> <a href="#" class="program__popup__close"> <b></b> <b></b> </a> <div class="program__popup__content"> <div class="bg"></div> <div class="scrollable scrollbar-inner"> <div class="display-table"> <div class="display-center"> <div class="video"></div> <div class="title"></div> <div class="logo"></div> <div class="text"></div> </div> </div> </div> </div> </div> </div>  <div class="program__list__wrapper scrollbar-inner"> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/comma-1581499274.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/comma-banner-isi-brand-12-1611551542.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/gatherinc-1611022055.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/gatherinc-banner-isi-brand-13-1611551575.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/kampus-1581499344.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/k-kampusbanner-isi-brand-14-1611551587.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/kompasianival-1611034721.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/kompasianival-banner-isi-brand-23-1611562190.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/kopiwriting-1581499260.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/kopiwriting-banner-isi-brand-11-1611551607.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/nangkring-1581499238.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/nangkring-banner-isi-brand-10-1611551624.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/petasan-1611034756.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/petasan-banner-isi-brand-24-1611562172.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/samber-1611034684.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/samber-1611034684.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/share-voice-1611025922.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/sov-banner-isi-brand-16-1611562329.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/thr-1611034737.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/thr-banner-isi-brand-22-1611562209.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/xskul-1581499328.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/xkul-banner-isi-brand-15-1611551960.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> </div> </div> </div> </div>  <div class="program__item"> <div class="program__box"> <div class="program__bg"> <div class="program__img picturefill-background"> <span data-src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/program_bg_competition-m.jpg"></span> <span data-src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/program_bg_competition.jpg" data-media="(min-width: 800px)"></span> </div> <div class="program__text"> <div class="display-table"> <div class="display-center"> <div class="program__subtitle">Program & Produk</div> <div class="program__title">Competition</span></div> </div> </div> </div> </div> <div class="program__list">  <div class="program__popup light hide"> <div class="program__popup__wrapper fade-in js-action"> <a href="#" class="program__popup__close"> <b></b> <b></b> </a> <div class="program__popup__content"> <div class="bg"></div> <div class="scrollable scrollbar-inner"> <div class="display-table"> <div class="display-center"> <div class="video"></div> <div class="title"></div> <div class="logo"></div> <div class="text"></div> </div> </div> </div> </div> </div> </div>  <div class="program__list__wrapper scrollbar-inner"> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/blogcomp-1581590451.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/blogcom-banner-isi-brand-17-1611551516.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/photocompetition-1581590478.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/photocom-banner-isi-brand-18-1611551671.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/quiz-1611025906.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/qoa-banner-isi-brand-21-1611562264.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/topil-1611025941.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/topil-banner-isi-brand-20-1611562282.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> <div class="program__list__item"> <a href="#" class="program__list__link"> <div class="program__list__logo"> <div class="bg" style="background-image:url('https://assets.kompasiana.com/items/microsite/videocompetition-1581590499.jpg')"></div> <div class="display-table"> <div class="display-center"></div> </div> </div> <span class="data" data-bg="https://assets.kompasiana.com/items/microsite/vidcom-banner-isi-brand-19-1611562301.jpg" data-title=""> <div class="txt"> </div> <div class="video"> </div> </span> </a> </div> </div> </div> </div> </div> </div> </div> </div> <style> .program__title{ font-size:55px !important } </style>  <div id="section_kerjasama" class="section section--fluid section--kerjasama"> <h2 class="section__title">Kerja Sama</h2> <div class="collab__wrap"> <div class="collab__wrapper js-collab"> <div class="collab__item"> <div class="collab__box rate"> <a target="_blank" href="https://drive.google.com/u/0/uc?id=1j0sTcL1f5UB1geQt8C2TavMckv04TaI_&export=download" class="collab__link" target="_blank"> <div class="collab__title">Collaborative <br />Rate</div> <div class="collab__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/collab__rate.png" alt=""> </div> <div class="collab__button white full"> <div class="collab__button__pdf"><span class="icon icon-pdf-white"></span> Download PDF</div> </div> </a> </div> </div> <div class="collab__item"> <div class="collab__box banner"> <a href="#" class="collab__link collab__link--popup" target="_blank"> <div class="collab__title">Banner <br />Ads</div> <div class="collab__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/collab__banner.png" alt=""> </div> <div class="collab__button"> <div class="collab__button__pdf"><span class="icon icon-pdf"></span> Download PDF</div> <span class="icon icon-arrow-right"></span> </div> </a>  <div class="collab__data"> <div class="collab__banner"> <div class="collab__banner__desktop"> <h4>PC Homepage</h4> <div class="img"> <div class="hover"> <div class="display-table"> <div class="display-center"> <a href="#" class="link" target="_blank"><span class="icon icon-pdf"></span>Download PDF</a> </div> </div> </div> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/banner_wp_desktop.jpg" alt=""> </div> </div> <div class="collab__banner__mobile"> <h4>Mobile Homepage</h4> <div class="img"> <div class="hover"> <div class="display-table"> <div class="display-center"> <a href="#" class="link" target="_blank"><span class="icon icon-pdf"></span>Download PDF</a> </div> </div> </div> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/banner_wp_mobile.jpg" alt=""> </div> </div> </div> <div class="collab__banner"> <div class="collab__banner__desktop"> <h4>PC Read Article</h4> <div class="img"> <div class="hover"> <div class="display-table"> <div class="display-center"> <a href="#" class="link" target="_blank"><span class="icon icon-pdf"></span>Download PDF</a> </div> </div> </div> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/banner_read_desktop.jpg" alt=""> </div> </div> <div class="collab__banner__mobile"> <h4>Mobile Read Article</h4> <div class="img"> <div class="hover"> <div class="display-table"> <div class="display-center"> <a href="#" class="link" target="_blank"><span class="icon icon-pdf"></span>Download PDF</a> </div> </div> </div> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/banner_read_mobile.jpg" alt=""> </div> </div> </div> </div> </div> </div> <div class="collab__item"> <div class="collab__box banner"> <a target="_blank" href="https://docs.google.com/presentation/d/1ziUR2b_9d8Fm_yDzl55ZDsIiC6csyP_rQlF9PqnlNTY/edit?usp=sharing" class="collab__link"> <div class="collab__title">Success <br />Story</div> <div class="collab__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/collab__success_story.png" alt=""> </div> <div class="collab__button"> <span class="icon icon-arrow-right"></span> </div> </a> </div> </div> <div class="collab__item"> <div class="collab__box activation"> <a href="#" class="collab__link collab__link--popup all-popup"> <div class="collab__title">Activation <br />Program</div> <div class="collab__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/collab__activation.png" alt=""> </div> <div class="collab__button white"> <span class="icon icon-arrow-right-white"></span> </div> </a>  <div class="collab__data"> <div class="collab__activation"> <h4>Activation Program</h4> <div class="collab__video"> <iframe width="560" height="315" src="https://www.youtube.com/embed/7m7esi9czOU?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> </div> </div> </div> <div class="collab__item"> <div class="collab__box sosmed"> <a href="#" class="collab__link collab__link--popup all-popup"> <div class="collab__title">Social <br />Media</div> <div class="collab__img"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/collab__sosmed.png" alt=""> </div> <div class="collab__button white"> <span class="icon icon-arrow-right-white"></span> </div> </a>  <div class="collab__data"> <div class="collab__sosmed__col"> <h4>Instagram</h4> </div> <div class="collab__sosmed"> <div class="collab__sosmed__col"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/sosmed_ig_1.jpg" alt="" loading="lazy"> </div> <div class="collab__sosmed__col"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/sosmed_ig_2.jpg" alt="" loading="lazy"> </div> <div class="collab__sosmed__col"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/sosmed_ig_3.jpg" alt="" loading="lazy"> </div> </div> <div class="collab__sosmed justify-start"> <div class="collab__sosmed__col"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/sosmed_ig_4.jpg" alt="" loading="lazy"> </div> <div class="collab__sosmed__col"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/sosmed_ig_5.jpg" alt="" loading="lazy"> </div> </div> <div class="collab__sosmed__col"> <h4>Facebook</h4> </div> <div class="collab__sosmed"> <div class="collab__sosmed__col"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/sosmed_fb.jpg" alt="" loading="lazy"> </div> <div class="collab__sosmed__col"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/sosmed_fb_2.jpg" alt="" loading="lazy"> </div> <div class="collab__sosmed__col"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/sosmed_fb_3.jpg" alt="" loading="lazy"> </div> </div> <div class="collab__sosmed__col"> <h4>Twitter</h4> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/sosmed_twitter.jpg" alt="" loading="lazy"> </div> </div> </div> </div> </div> </div>  <div class="collab__popup hide"> <div class="collab__popup__wrapper"> <a href="#" class="collab__popup__close"> <b></b> <b></b> </a> <div class="collab__popup__content scrollable scrollbar-inner"> <div class="text"></div> </div> </div> </div> </div>  <footer class="footer"> <div class="container clearfix"> <div class="col-offset-fluid clearfix"> <div class="col-bs12-3"> <div class="footer__logo"> <a href="#cover"> <img src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/images/logo-kompasiana-white.png" alt=""> </a> </div> </div> <div class="col-bs12-4"> <div class="footer__content"> <h4>Kontak Kami</h4> <p>Gedung Kompas Gramedia Palmerah Barat</p> <p>Unit II Lantai 6, Jl. Palmerah Barat</p> <p>No. 29-37, Gelora, Tanah Abang, </p> <p>Jakarta Pusat 10270</p> </div> </div> <div class="col-bs12-5"> <div class="footer__content"> <p><span class="icon icon-phone"></span> 6221 536 99 200</p> <p><span class="icon icon-fax"></span> 6221 5360678</p> <p><span class="icon icon-email"></span> <a href="mailto:kompasiana@kompasiana.com" target="_blank">kompasiana@kompasiana.com</a></p> <br /> <p>Pemasangan Iklan & Kerja Sama: <strong><a href="mailto:kerjasama@kompasiana.com" target="_blank">kerjasama@kompasiana.com</a></strong></p> </div> </div> </div> </div> </footer> <script type="text/javascript" src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/js/picturefill-background.min.js"></script> <script type="text/javascript" src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/js/picturefill.min.js"></script> <script type="text/javascript" src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/js/slick.min.js"></script> <script type="text/javascript" src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/js/jquery.scrollbar.min.js"></script> <script type="text/javascript" src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/js/jquery.easing.min.js"></script> <script type="text/javascript" src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/js/chartist.min.js"></script> <script type="text/javascript" src="https://assets.kompasiana.com/statics/2019_microsite/mediakit/js/main.min.js"></script>  <script type="text/javascript"> $.ajax({ url: '/ajax/get_visitor', type: 'GET', dataType: 'JSON', success: function (response) { if (!response) { alert('Cannot get visitor data'); return; } generate_chart(response); }, error: function (xhr) { console.log(xhr); } }); function generate_chart(data) { var sum = function(a, b) { return a + b }; // chart usia var dataUsia = { labels: data.usia.map(function (row) { return row[0] + ' Tahun'; }) }; var dataUsiaValue = { series: data.usia.map(function (row) { return parseInt(row[1]); }) }; new Chartist.Pie('#chart_usia', dataUsiaValue, { labelInterpolationFnc: function(value) { return Math.round(value / dataUsiaValue.series.reduce(sum) * 100) + '%'; }, chartPadding: 20, labelOffset: 50, labelDirection: 'explode' }); legend(dataUsia.labels, '#legend_usia'); // chart pekerjaan var dataPekerjaan = { labels: data.pekerjaan.map(function (row) { return row.name; }) }; var dataPekerjaanValue = { series: data.pekerjaan.map(function (row) { return parseInt(row.count); }) }; new Chartist.Pie('#chart_job', dataPekerjaanValue, { labelInterpolationFnc: function(value) { return Math.round(value / dataPekerjaanValue.series.reduce(sum) * 100) + '%'; }, chartPadding: 20, labelOffset: 50, labelDirection: 'explode' }); legend(dataPekerjaan.labels, '#legend_job'); // chart pendidikan var dataPendidikan = { labels: data.pendidikan.map(function (row) { return row.name; }) }; var dataPendidikanValue = { series: data.pendidikan.map(function (row) { return parseInt(row.count); }) }; new Chartist.Pie('#chart_education', dataPendidikanValue, { labelInterpolationFnc: function(value) { return Math.round(value / dataPendidikanValue.series.reduce(sum) * 100) + '%'; }, chartPadding: 20, labelOffset: 50, labelDirection: 'explode' }); legend(dataPendidikan.labels, '#legend_education'); $('#source_visitor').html(data.source[0].description); } function legend(data, element) { var el = $(element); for(var i=0;i<data.length;i++) { el.append('<div class="item"><span class="square ct-series-'+(i+1)+'"></span> '+data[i]+'</div>'); } } </script></body> </html>

CINXE.COM

Mediakit - Kompasiana.com