Yuk, kita belajar bersama tentang poster di artikel Bahasa Indonesia kelas 7, meliputi pengertian, fungsi, jenis-jenis, hingga cara membuat poster yang menarik dan keren!
—
Pernah nggak sih kamu lagi jalan-jalan terus lihat gambar besar penuh warna dengan tulisan mencolok di tembok atau papan pengumuman? Yup, itu namanya poster! Benda satu ini memang sudah jadi bagian dari keseharian kita, entah itu untuk promosi, edukasi, atau bahkan kampanye sosial. Tapi, sebenarnya poster itu apa sih?
Yuk, kita kulik lebih dalam mulai dari pengertian, fungsi poster, ciri-ciri, jenis, sampai langkah-langkah membuat poster yang menarik dan informatif. Cocok banget nih buat kamu yang pengen belajar desain atau lagi dapat tugas bikin poster di sekolah. Langsung saja kita mulai, ya!
Apa itu Poster?
Sebelum membahas lebih jauh, kita bahas dulu dasar-dasarnya, ya. Jadi, apa itu poster?
Secara umum, poster adalah media publikasi dalam bentuk gambar atau tulisan yang ditempelkan di tempat-tempat umum dengan tujuan untuk menyampaikan pesan kepada khalayak ramai. Biasanya, poster dirancang menarik dengan warna mencolok, font yang besar, dan gambar visual yang eye-catching.
Contoh poster infografis tentang ‘Go Green‘ (Sumber: id.pinterest.com)
Poster nggak cuma dipakai buat promosi acara atau produk, tapi juga bisa jadi media edukasi, informasi, bahkan ajakan moral. Singkatnya, poster adalah perpaduan antara seni visual dan pesan teks yang dirancang untuk memikat perhatian sekaligus menyampaikan informasi secara cepat dan jelas.
Tujuan Poster
Setiap poster yang dibuat pasti punya maksud dan tujuan tertentu. Nah, tujuan poster itu bisa berbeda-beda ya, tergantung konteks dan isi pesan yang dikandung. Berikut ini adalah beberapa tujuan umum dari pembuatan poster:
-
Memberikan informasi: Seperti jadwal kegiatan, pengumuman, atau himbauan penting.
-
Mempromosikan sesuatu: Bisa promosi produk, jasa, atau acara.
-
Mengajak masyarakat: Misalnya ajakan untuk menjaga lingkungan, tidak merokok, atau mengikuti vaksinasi.
-
Mengedukasi: Seperti poster pendidikan di sekolah atau kampanye kesehatan.
-
Menghibur: Poster film, konser, atau event seni yang biasanya dibuat untuk menarik perhatian dengan gaya visual yang fun dan menarik.
Jadi, bisa dibilang fungsi poster itu cukup fleksibel, tergantung pada kebutuhan si pembuat dan siapa target audiensnya.
Baca Juga: Kumpulan Contoh Iklan dalam Berbagai Jenis dan Tema, Lengkap!
Agar kamu semakin paham dan bisa membedakan antara poster dengan jenis media visual lainnya, penting banget untuk mengenali ciri khas atau karakteristiknya. Poster dirancang khusus agar bisa menarik perhatian dan menyampaikan pesan secara efektif hanya dalam sekali lihat. Nah, berikut ini beberapa ciri-ciri poster yang wajib kamu ketahui:
1. Berukuran Besar
Poster umumnya dicetak dalam ukuran yang cukup besar, seperti A3, A2, atau lebih besar lagi tergantung kebutuhan. Tujuannya, tentu agar bisa dengan mudah dilihat oleh orang-orang, meskipun dari jarak yang cukup jauh. Selain itu, ukuran yang besar ini memungkinkan poster memuat elemen-elemen penting, seperti gambar dan teks besar yang langsung terbaca tanpa harus didekati terlebih dahulu.
2. Menggunakan Kombinasi Teks dan Gambar yang Seimbang
Salah satu daya tarik poster terletak pada perpaduan antara teks dan gambar. Poster yang efektif tidak hanya berisi tulisan panjang, melainkan mengkombinasikan kalimat singkat dengan ilustrasi visual yang mendukung. Dengan adanya gambar, isi poster jadi lebih mudah dipahami dan tidak membosankan.
Contoh poster menarik (Sumber: id.pinterest.com)
3. Desain Menarik dan Mencolok
Penggunaan warna-warna kontras dan desain yang mencolok menjadi ciri khas utamanya. Warna cerah seperti merah, kuning, atau biru sering dipilih karena mampu memancing mata orang yang lewat untuk melihat lebih dekat. Ditambah dengan tata letak yang rapi dan elemen desain grafis yang kreatif, poster bisa tampil lebih hidup dan menggugah minat.
4. Singkat, Jelas, dan Padat
Karena waktu perhatian pembaca biasanya sangat singkat (hanya beberapa detik), maka teks dalam poster harus langsung ke inti informasi. Kalimat yang digunakan biasanya to the point, mudah dipahami, dan bersifat persuasif atau informatif tergantung tujuan poster.
Baca Juga: Kumpulan Contoh Kalimat Persuasif beserta Pengertian, Ciri-Ciri & Jenis
5. Ditempel di Tempat Umum
Agar pesan yang dibawa oleh poster bisa diketahui oleh khalayak luas, media ini biasanya dipasang di tempat-tempat strategis yang ramai dikunjungi orang. Contohnya seperti tembok jalanan, halte, papan pengumuman, sekolah, kampus, pusat perbelanjaan, atau tempat umum lainnya. Penempatan yang tepat, akan memperbesar peluang pesan dalam poster sampai ke target yang diinginkan.
6. Memiliki Unsur Visual yang Kuat
Terakhir, poster yang baik selalu memiliki elemen visual yang kuat, seperti ilustrasi, ikon, simbol, tipografi mencolok, atau bahkan karakter maskot. Unsur visual ini dirancang untuk memancing rasa penasaran orang yang melihatnya. Tak jarang, visual yang kuat juga menjadi daya ingat yang menempel di benak pembaca bahkan setelah mereka pergi, loh.
Unsur-Unsur Poster
Agar poster benar-benar efektif, menarik perhatian, dan bisa menyampaikan pesan dengan jelas, ada beberapa elemen atau unsur penting yang harus diperhatikan. Tanpa unsur-unsur ini, sebuah poster bisa kehilangan fungsinya sebagai media komunikasi visual.
1. Judul (Headline)
Judul atau headline adalah hal pertama yang dilihat orang saat melihat poster. Maka dari itu, judul biasanya dibuat besar, tebal, dan mencolok. Judul yang baik bersifat singkat namun kuat, serta mampu mewakili isi pesan secara keseluruhan. Misalnya, dalam poster kampanye lingkungan, judul seperti “SELAMATKAN BUMI KITA!” akan langsung menarik mata dan membangkitkan rasa peduli.
2. Gambar
Gambar adalah elemen visual yang membuat poster terlihat menarik dan tidak membosankan. Ilustrasi yang digunakan harus berhubungan dengan isi pesan, serta memiliki warna dan gaya yang mendukung tema. Misalnya, kamu bisa membuat gambar ‘bumi yang gersang’ untuk memperkuat pesan poster tentang pentingnya menjaga lingkungan.
3. Warna dan Tipografi
Kombinasi antara warna dan bentuk huruf (tipografi) sangatlah mempengaruhi daya tarik poster. Warna harus dipilih sesuai dengan tema dan suasana yang ingin disampaikan. Misalnya, warna cerah untuk tema semangat, atau warna hijau untuk lingkungan. Sementara itu, tipografi juga harus dibuat agar mudah terbaca dan tidak berlebihan.
4. Pesan Utama
Bagian ini akan menjelaskan tujuan dari poster tersebut. Kalimat yang digunakan harus ringkas, jelas, dan padat makna. Hindari penjelasan yang terlalu panjang karena bisa membuat orang malas membaca.
5. Logo
Setiap poster sebaiknya mencantumkan siapa yang membuat atau menerbitkannya. Kamu bisa menaruh logo organisasi, lembaga, sekolah, atau bahkan nama pribadi. Identitas ini penting sebagai bentuk pertanggungjawaban dan kredibilitas. Letaknya biasanya di bagian bawah atau pojok poster agar tidak mengganggu elemen utama.
6. Kontak atau Informasi Tambahan
Untuk poster yang bersifat ajakan atau persuasif (seperti ajakan untuk mengikuti gerakan sosial, mengikuti lomba, atau event tertentu), perlu disediakan kontak informasi. Bisa berupa nomor telepon, email, alamat website, atau akun media sosial. Kontak ini memungkinkan audiens untuk mengambil langkah lanjutan setelah membaca poster.
Baca Juga: Bagian-Bagian Buku Fiksi dan Nonfiksi serta Contohnya
Jenis-Jenis Poster
Ternyata, poster itu nggak cuma satu macam aja, lho! Ada berbagai jenis-jenis poster yang dibedakan berdasarkan fungsi dan tujuannya. Berikut beberapa jenis poster yang sering kita jumpai:
1. Poster Niaga
Poster jenis ini digunakan sebagai alat promosi atau iklan yang bertujuan menarik minat konsumen terhadap suatu produk atau jasa. Biasanya, poster niaga didesain dengan warna yang mencolok, gambar produk yang menarik, serta slogan atau kalimat persuasif untuk memikat calon pembeli. Poster niaga sering kita temui di pusat perbelanjaan, pinggir jalan, atau di media sosial karena memang dirancang untuk menjangkau sebanyak mungkin orang.
Contoh: Poster promosi minuman kekinian, diskon akhir tahun di toko pakaian, atau iklan layanan internet murah.
Contoh poster niaga tentang produk es cendol (Sumber: id.pinterest.com)
2. Poster Layanan Masyarakat
Jenis poster ini bersifat edukatif dan informatif, karena bertujuan menyampaikan pesan-pesan sosial atau ajakan untuk melakukan hal yang bermanfaat bagi masyarakat. Poster layanan masyarakat dibuat oleh lembaga pemerintah, organisasi kesehatan, atau komunitas sosial. Gaya visualnya cenderung sederhana namun kuat secara emosional, karena berusaha membangkitkan kesadaran dan empati masyarakat.
Contoh: Poster kampanye anti-narkoba, ajakan untuk tidak membuang sampah sembarangan, atau pentingnya vaksinasi.
Contoh poster layanan masyarakat tentang membuang sampah pada tempatnya (Sumber: id.pinterest.com)
3. Poster Kegiatan
Poster ini bertujuan untuk memberikan informasi tentang suatu acara atau event tertentu. Isinya mencakup detail seperti waktu, tempat, tema acara, dan siapa saja yang terlibat. Poster kegiatan cenderung menarik perhatian dengan desain yang meriah dan padat informasi agar penonton segera tertarik untuk datang atau ikut serta.
Contoh: Poster konser musik, lomba mural, seminar pendidikan, atau pentas seni sekolah.
Contoh poster kegiatan pentas musik (Sumber: id.pinterest.com)
4. Poster Pendidikan (Edukatif)
Seperti namanya, poster edukatif dirancang untuk menginformasikan atau mengajarkan sesuatu secara visual. Biasanya digunakan di lingkungan pendidikan seperti sekolah, universitas, atau di tempat umum untuk menyebarkan ilmu pengetahuan.
Contoh: Poster anatomi tubuh manusia di ruang kelas biologi, tabel perkalian, atau poster sejarah pahlawan nasional.
Contoh poster edukasi di sekolah (Sumber: id.pinterest.com)
5. Poster Karya Seni
Poster jenis ini lebih mengedepankan unsur estetika dan ekspresi visual. Sering kali, poster seni tidak memiliki tujuan komersial atau informatif secara langsung, melainkan lebih untuk memperlihatkan keindahan, suasana, atau gaya tertentu. Poster seni menjadi daya tarik tersendiri karena bisa menjadi elemen dekoratif, koleksi, bahkan bentuk apresiasi terhadap kreativitas seniman.
Contoh: Poster film dengan desain artistik, pameran seni rupa, atau poster pertunjukan teater klasik.
Contoh poster karya seni dengan tema Hari Kartini (Sumber: id.pinterest.com)
Kalau kamu lagi cari inspirasi untuk tugas sekolah atau mau bikin kampanye kecil-kecilan, contoh poster di atas bisa jadi referensi awal yang bagus banget, nih!
Baca Juga: Kumpulan Contoh Kata Baku dan Tidak Baku, Apa Bedanya?
Cara Membuat Poster yang Menarik
Kalau kamu ingin poster kamu benar-benar eye-catching, bisa menyampaikan pesan dengan jelas, dan menggerakkan orang lain untuk bertindak, maka kamu perlu langkah yang tepat. Nah, berikut ini beberapa tips penting yang bisa kamu ikuti agar postermu nggak sekadar lewat di pandangan orang, tapi benar-benar ngena di hati dan pikiran mereka:
1. Tentukan Tujuan dan Target Audiens
Sebelum memulai mendesain poster, kamu bisa tanya dulu ke diri sendiri, sebenarnya poster ini buat siapa dan untuk apa, sih? Apakah kamu membuat poster untuk anak-anak, remaja, atau orang dewasa? Kemudian, isi posternya tentang apa? Promosi produk, acara, atau mengedukasi? Jika kamu tahu tujuannya sejak awal, kamu bisa menyesuaikan gaya bahasa, visual, hingga penyampaiannya agar lebih tepat sasaran.
2. Tentukan Konsep Desain
Gunakan kombinasi warna yang mencolok tapi tetap enak dipandang. Selain itu, tambahkan gambar ilustrasi yang berkaitan langsung dengan tema poster kamu. Misalnya, kalau kamu bikin poster kampanye kebersihan, gunakan gambar orang membuang sampah pada tempatnya atau lingkungan bersih yang asri.
Gunakan huruf besar atau tebal untuk judul, dan font yang simpel untuk isi teks. Jangan asal pilih font karena lucu atau keren, ya. Font yang terlalu ramai atau sulit dibaca bisa bikin orang malas memerhatikan. Nah, kalau postermu berisi promosi produk, atau acara tertentu, jangan lupa menyertakan logo dan kontak untuk info lebih lanjut.
3. Pilih Ukuran Poster yang Tepat
Ukuran poster itu penting lho! Umumnya, ukuran poster bervariasi. Ukuran A4 cocok untuk selebaran, ukuran A3 dan A2 cocok ditempel di mading atau ruang publik, sementara ukuran yang lebih besar lagi, cocok untuk billboard, spanduk, atau promosi skala besar. Pastikan ukurannya sesuai dengan tempat pemasangan dan banyaknya informasi yang ingin kamu sampaikan, ya.
4. Pilih Alat Bantu Desain
Beberapa aplikasi atau tools yang bisa kamu gunakan untuk membuat poster, antara lain Canva, Adobe Photoshop, CorelDRAW, atau bahkan PowerPoint.
5. Mulai Mendesain Poster
Setelah semua komponen ditentukan, saatnya kamu mulai menuangkan ide ke dalam desain. Pastikan kamu memperhatikan ciri-ciri serta unsur poster yang sudah kita bahas sebelumnya, ya. Pastikan mengecek kembali hasil desain yang dibuat, agar tidak ada typo dan sudah sesuai keinginan. Kamu juga bisa minta pendapat ke teman, guru, atau orang tua untuk mengetahui apakah desainmu sudah cukup menarik dan komunikatif atau belum.
6. Cetak atau Upload Poster
Tahap terakhir, kamu bisa cetak atau upload poster sesuai kebutuhan. Jika poster akan disebarluaskan secara offline, misalnya dipasang di papan pengumuman, mading sekolah, atau tempat umum lainnya, pastikan kamu mencetaknya dalam resolusi tinggi agar hasilnya tajam dan tahan lama. Namun, jika postermu akan di-upload ke media sosial, simpan dalam format yang tepat (misalnya JPEG atau PNG) dan sesuaikan ukurannya agar optimal di platform digital.
—
Dengan mengikuti langkah-langkah membuat poster di atas, dijamin kamu bisa bikin poster yang bukan cuma keren, tapi juga fungsional dan komunikatif. Ternyata, di balik poster yang sering kita lihat sehari-hari, ada banyak pertimbangan desain dan strategi komunikasi yang harus dipikirkan, ya!
Kalau kamu punya ide kreatif dan pesan yang ingin disampaikan ke banyak orang, poster bisa jadi media yang pas banget buat kamu. Yuk, mulai eksplorasi desain dan coba bikin postermu sendiri. Siapa tahu dari tugas sekolah, nanti kamu bisa jadi desainer grafis profesional.
Jangan lupa juga untuk selalu belajar hal-hal baru dan menarik lainnya bersama Ruangguru! Yuk, langganan sekarang!
Referensi:
https://www.gramedia.com/literasi/pengertian-poster-adalah/?srsltid=AfmBOopdgeREe6i9nBbUta4m0n9EvOdDLbPfPsJ9i2gaDmBGlmWrXlC3 (Diakses pada 5 Maret 2025)
https://telkomuniversity.ac.id/pengertian-poster-serta-ciri-ciri-tujuan-fungsi-jenis-dan-bagaimana-cara-membuatnya/ (Diakses pada 5 Maret 2025)
Sumber Foto:
‘Gambar Poster Go Green’ [Daring]. Tautan: https://id.pinterest.com/pin/1125968650927104/
‘Gambar Poster Menarik’ [Daring]. Tautan: https://id.pinterest.com/pin/13046372044704818/
‘Gambar Poster Es Cendol by Silvi Nuraini’ [Daring]. Tautan: https://id.pinterest.com/pin/117164027799912397/
‘Gambar Poster Layanan Masyarakat by Hydric Template’ [Daring]. Tautan: https://id.pinterest.com/pin/209276713930304669/
‘Gambar Poster Pentas Seni by Hyperine Design’ [Daring]. Tautan: https://id.pinterest.com/pin/449234131601696719/
‘Gambar Poster Edukasi by Hydric Template’ [Daring]. Tautan: https://id.pinterest.com/pin/326299935520522617/
‘Gambar Poster Karya Seni by Revindra’ [Daring]. Tautan: https://id.pinterest.com/pin/476326098111106506/
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta author="viewport" content="Ruangguru Tech Team">
<title>Mengenal Poster: Pengertian, Jenis, Ciri & Cara Membuatnya</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/homepage-web/public/assets/icons/favicon.id.ico" type="image/x-icon" />
<!-- <link rel="profile" href="https://gmpg.org/xfn/11"> -->
<link rel="pingback" href="https://www.ruangguru.com/blog/xmlrpc.php">
<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=Inter:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/css/bootstrap.min.css">
<link rel="stylesheet" href="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/css/style.css">
<script src="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/js/jquery-3.6.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/js/bootstrap.min.js"></script>
<script src="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/js/main.js"></script>
<script src="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/js/side-banner.js"></script>
<!-- Google Tag Manager -->
<meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
<!-- <script>
document.querySelector('meta[name="author"]').setAttribute("content", "Ruangguru Tech Team");
</script> -->
<meta name="publisher" content="PT Ruang Raya Indonesia">
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-PVNLZFT');
</script>
<!-- End Google Tag Manager -->
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
<!-- This site is optimized with the Yoast SEO plugin v25.9 - https://yoast.com/wordpress/plugins/seo/ -->
<meta name="description" content="Yuk, kita belajar bersama tentang poster, meliputi pengertian, fungsi, ciri-ciri, unsur, jenis, hingga cara membuat poster yang menarik dan keren!" />
<link rel="canonical" href="https://www.ruangguru.com/blog/pengertian-poster-jenis-dan-cara-membuatnya" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Mengenal Poster: Pengertian, Jenis, Ciri & Cara Membuatnya" />
<meta property="og:description" content="Yuk, kita belajar bersama tentang poster, meliputi pengertian, fungsi, ciri-ciri, unsur, jenis, hingga cara membuat poster yang menarik dan keren!" />
<meta property="og:url" content="https://www.ruangguru.com/blog/pengertian-poster-jenis-dan-cara-membuatnya" />
<meta property="og:site_name" content="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru" />
<meta property="article:publisher" content="https://www.facebook.com/ruanggurucom/" />
<meta property="article:published_time" content="2025-05-19T03:00:26+00:00" />
<meta name="author" content="Kenya Swawikanti" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@ruangguru" />
<meta name="twitter:site" content="@ruangguru" />
<meta name="twitter:label1" content="Written by" />
<meta name="twitter:data1" content="Kenya Swawikanti" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="11 minutes" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.ruangguru.com/blog/pengertian-poster-jenis-dan-cara-membuatnya","url":"https://www.ruangguru.com/blog/pengertian-poster-jenis-dan-cara-membuatnya","name":"Mengenal Poster: Pengertian, Jenis, Ciri & Cara Membuatnya","isPartOf":{"@id":"https://www.ruangguru.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.ruangguru.com/blog/pengertian-poster-jenis-dan-cara-membuatnya#primaryimage"},"image":{"@id":"https://www.ruangguru.com/blog/pengertian-poster-jenis-dan-cara-membuatnya#primaryimage"},"thumbnailUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/d942b12e-005b-4eaa-a3d7-84859f76e876.png","datePublished":"2025-05-19T03:00:26+00:00","author":{"@id":"https://www.ruangguru.com/blog/#/schema/person/2961333999f86a82f666cdabdd06fc14"},"description":"Yuk, kita belajar bersama tentang poster, meliputi pengertian, fungsi, ciri-ciri, unsur, jenis, hingga cara membuat poster yang menarik dan keren!","breadcrumb":{"@id":"https://www.ruangguru.com/blog/pengertian-poster-jenis-dan-cara-membuatnya#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.ruangguru.com/blog/pengertian-poster-jenis-dan-cara-membuatnya"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/pengertian-poster-jenis-dan-cara-membuatnya#primaryimage","url":"https://cdn-web-2.ruangguru.com/landing-pages/assets/d942b12e-005b-4eaa-a3d7-84859f76e876.png","contentUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/d942b12e-005b-4eaa-a3d7-84859f76e876.png"},{"@type":"BreadcrumbList","@id":"https://www.ruangguru.com/blog/pengertian-poster-jenis-dan-cara-membuatnya#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.ruangguru.com/blog"},{"@type":"ListItem","position":2,"name":"Mengenal Poster: Pengertian, Jenis, Ciri & Cara Membuatnya | Bahasa Indonesia Kelas 7"}]},{"@type":"WebSite","@id":"https://www.ruangguru.com/blog/#website","url":"https://www.ruangguru.com/blog/","name":"Ruangguru Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.ruangguru.com/blog/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https://www.ruangguru.com/blog/#/schema/person/2961333999f86a82f666cdabdd06fc14","name":"Kenya Swawikanti","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/?s=96&d=mm&r=g","caption":"Kenya Swawikanti"},"url":"https://www.ruangguru.com/blog/author/kenya-swawikanti"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="alternate" type="application/rss+xml" title="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru » Mengenal Poster: Pengertian, Jenis, Ciri & Cara Membuatnya | Bahasa Indonesia Kelas 7 Comments Feed" href="https://www.ruangguru.com/blog/pengertian-poster-jenis-dan-cara-membuatnya/feed" />
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.1.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.1.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.ruangguru.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.1"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\ud83d\udd25","\ud83d\udc26\u200b\ud83d\udd25")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<style id='wp-emoji-styles-inline-css' type='text/css'>
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://www.ruangguru.com/blog/wp-includes/css/dist/block-library/style.min.css?ver=6.8.1' type='text/css' media='all' />
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel="https://api.w.org/" href="https://www.ruangguru.com/blog/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.ruangguru.com/blog/wp-json/wp/v2/posts/23199" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.ruangguru.com/blog/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.8.1" />
<link rel='shortlink' href='https://www.ruangguru.com/blog/?p=23199' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.ruangguru.com/blog/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.ruangguru.com%2Fblog%2Fpengertian-poster-jenis-dan-cara-membuatnya" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.ruangguru.com/blog/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.ruangguru.com%2Fblog%2Fpengertian-poster-jenis-dan-cara-membuatnya&format=xml" />
</head>
<body class="wp-singular post-template-default single single-post postid-23199 single-format-standard wp-theme-ruangguru">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M28L4XJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header class="header">
<div class="container">
<nav class="navbar navbar-expand-lg header-inner">
<div style="display:flex; gap:12px;">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<img alt="menu" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/beba4a70-3971-41be-9364-f9ee6857b192.svg" loading="lazy" width="30px" height="32px" />
</button>
<a href="https://ruangguru.com" class="header-logo">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com/static/logo-ruangguru.png" alt="Logo">
</a>
</div>
<form class="form-inline my-2 my-lg-0" role="search" method="get" id="searchformmobile" class="searchform" action="https://www.ruangguru.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<div class="input-group input-group-sm">
<span class="input-group-text" id="search-2"><img width="20px" height="20px" loading="lazy" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/baf38d7b-226b-4374-8b2b-e49766395871.png" alt="" /></span>
<input type="text" value="" name="s" class="form-control" placeholder="Cari artikel di sini!" aria-label="Cari artikel di sini!" aria-describedby="Cari artikel di sini!">
</div>
</div>
</form>
<div class="collapse navbar-collapse dropdown-hover-all" id="navbarSupportedContent">
<div class="d-lg-none navbar-head-collapse">
<a href="https://ruangguru.com" class="header-logo">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com/static/logo-ruangguru.png" alt="Logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
X
</button>
</div>
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="https://www.ruangguru.com/blog/">Blog</a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Konsep & Tips Pelajaran </p>
<div class="dropdown-menu" aria-labelledby="nav1">
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu0" href="https://www.ruangguru.com/blog/c/bahasa-indonesia" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bahasa Indonesia</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu0">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu1" href="https://www.ruangguru.com/blog/c/bahasa-inggris" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bahasa Inggris</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu1">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu2" href="https://www.ruangguru.com/blog/c/biologi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Biologi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu2">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu3" href="https://www.ruangguru.com/blog/c/ekonomi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Ekonomi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu3">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu4" href="https://www.ruangguru.com/blog/c/fisika" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Fisika</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu4">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu5" href="https://www.ruangguru.com/blog/c/geografi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Geografi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu5">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu6" href="https://www.ruangguru.com/blog/c/ipa-terpadu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">IPA Terpadu</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu6">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-6">Kelas 6</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu7" href="https://www.ruangguru.com/blog/c/ips-terpadu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">IPS Terpadu</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu7">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-6">Kelas 6</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu8" href="https://www.ruangguru.com/blog/c/kimia" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Kimia</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu8">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu9" href="https://www.ruangguru.com/blog/c/matematika" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Matematika</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu9">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu10" href="https://www.ruangguru.com/blog/c/sejarah" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sejarah</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu10">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu11" href="https://www.ruangguru.com/blog/c/sosiologi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sosiologi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu11">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-12">Kelas 12</a>
</div>
</div>
</div>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Latihan Soal </p>
<div class="dropdown-menu" aria-labelledby="nav2">
<a class="dropdown-item" id="nav2-menu0" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-4">Latihan Soal Kelas 4</a>
<a class="dropdown-item" id="nav2-menu1" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-5">Latihan Soal Kelas 5</a>
<a class="dropdown-item" id="nav2-menu2" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-6">Latihan Soal Kelas 6</a>
<a class="dropdown-item" id="nav2-menu3" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-7">Latihan Soal Kelas 7</a>
<a class="dropdown-item" id="nav2-menu4" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-8">Latihan Soal Kelas 8</a>
<a class="dropdown-item" id="nav2-menu5" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-9">Latihan Soal Kelas 9</a>
<a class="dropdown-item" id="nav2-menu6" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-10">Latihan Soal Kelas 10</a>
<a class="dropdown-item" id="nav2-menu7" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-11">Latihan Soal Kelas 11</a>
<a class="dropdown-item" id="nav2-menu8" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-12">Latihan Soal Kelas 12</a>
</div>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Pojok Kampus </p>
<div class="dropdown-menu" aria-labelledby="nav3">
<a class="dropdown-item" id="nav3-menu0" href="https://www.ruangguru.com/blog/c/info-beasiswa">Info Beasiswa</a>
<a class="dropdown-item" id="nav3-menu1" href="https://www.ruangguru.com/blog/c/kampus-dan-jurusan">Kampus dan Jurusan</a>
<a class="dropdown-item" id="nav3-menu2" href="https://www.ruangguru.com/blog/c/seleksi-masuk">Seleksi Masuk</a>
</div>
</li>
<li class="nav-item
">
<a class="nav-link
" href=" https://www.ruangguru.com/blog/c/fakta-seru" id="nav4"
>
Fakta Seru </a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dunia Kata </p>
<div class="dropdown-menu" aria-labelledby="nav5">
<a class="dropdown-item" id="nav5-menu0" href="https://www.ruangguru.com/blog/tag/cerpen">Cerpen</a>
<a class="dropdown-item" id="nav5-menu1" href="https://www.ruangguru.com/blog/tag/resensi-buku">Resensi Buku</a>
</div>
</li>
<li class="nav-item
">
<a class="nav-link
" href=" https://www.ruangguru.com/blog/tag/for-kids" id="nav6"
>
For Kids </a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Seputar Ruangguru </p>
<div class="dropdown-menu" aria-labelledby="nav7">
<a class="dropdown-item" id="nav7-menu0" href="https://www.ruangguru.com/blog/tag/info-ruangguru">Info Ruangguru</a>
<a class="dropdown-item" id="nav7-menu1" href="https://www.ruangguru.com/blog/tag/siaran-pers">Siaran Pers</a>
<a class="dropdown-item" id="nav7-menu2" href="https://www.ruangguru.com/blog/tag/cerita-juara">Cerita Juara</a>
<a class="dropdown-item" id="nav7-menu3" href="https://www.ruangguru.com/blog/tag/seputar-guru">Seputar Guru</a>
<a class="dropdown-item" id="nav7-menu4" href="https://www.ruangguru.com/blog/tag/lifeatruangguru">Life at Ruangguru</a>
</div>
</li>
</ul>
<form class="form-inline my-2 my-lg-0" role="search" method="get" id="searchform" class="searchform" action="https://www.ruangguru.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<div class="input-group input-group-sm">
<span class="input-group-text" id="search-2"><img width="10" height="10" loading="lazy" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/baf38d7b-226b-4374-8b2b-e49766395871.png" alt="" /></span>
<input type="text" value="" name="s" class="form-control" placeholder="Cari artikel di sini!" aria-label="Cari artikel di sini!" aria-describedby="Cari artikel di sini!">
</div>
</div>
</form>
</div>
</nav>
<script>
(function($bs) {
const CLASS_NAME = 'has-child-dropdown-show';
$bs.Dropdown.prototype.toggle = function(_orginal) {
return function() {
document.querySelectorAll('.' + CLASS_NAME).forEach(function(e) {
e.classList.remove(CLASS_NAME);
});
let dd = this._element.closest('.dropdown').parentNode.closest('.dropdown');
for (; dd && dd !== document; dd = dd.parentNode.closest('.dropdown')) {
dd.classList.add(CLASS_NAME);
}
return _orginal.call(this);
}
}($bs.Dropdown.prototype.toggle);
document.querySelectorAll('.dropdown').forEach(function(dd) {
dd.addEventListener('hide.bs.dropdown', function(e) {
if (this.classList.contains(CLASS_NAME)) {
this.classList.remove(CLASS_NAME);
e.preventDefault();
}
e.stopPropagation(); // do not need pop in multi level mode
});
});
// for hover
document.querySelectorAll('.dropdown-hover, .dropdown-hover-all .dropdown').forEach(function(dd) {
dd.addEventListener('mouseenter', function(e) {
let toggle = e.target.querySelector(':scope>[data-bs-toggle="dropdown"]');
if (!toggle.classList.contains('show')) {
$bs.Dropdown.getOrCreateInstance(toggle).toggle();
dd.classList.add(CLASS_NAME);
$bs.Dropdown.clearMenus(e);
}
});
dd.addEventListener('mouseleave', function(e) {
let toggle = e.target.querySelector(':scope>[data-bs-toggle="dropdown"]');
if (toggle.classList.contains('show')) {
$bs.Dropdown.getOrCreateInstance(toggle).toggle();
}
});
});
})(bootstrap);
$(document).ready(() => {
if ($(window).width() > 991) {
$("a[data-bs-toggle='dropdown']").click(function() {
window.location = $(this).attr('href');
});
}
})
</script>
</div>
</header>
<div class="main-content">
<div class="side-banner-mobile">
</div>
<div class="glider-navigation mobile">
<div role="tablist" class="dots" id="side-banner-mobile-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="side-banner-mobile-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="side-banner-mobile-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-8 post">
<div class="content">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<!-- Home Link -->
<li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog">Home</a></li>
<!-- Categories -->
<li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog/c/bahasa-indonesia">Bahasa Indonesia</a></li><li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-7">Bahasa Indonesia SMP Kelas 7</a></li> </ol>
</nav>
<h1 class="content-title">
Mengenal Poster: Pengertian, Jenis, Ciri & Cara Membuatnya | Bahasa Indonesia Kelas 7 </h1>
<div class="content-meta">
<p class="content-author"><a href="https://www.ruangguru.com/blog/author/kenya-swawikanti" class="">Kenya Swawikanti</a> </p>
<p class="content-info"><span>May 19, 2025 • </span> <span>11 minutes read</span></p>
<br />
</div>
<div class="content-body">
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d942b12e-005b-4eaa-a3d7-84859f76e876.png" alt="pengertian poster" width="820" /></p>
<blockquote>
<p style="text-align: center;"><em><span style="font-weight: 400;">Yuk, kita belajar bersama tentang <strong>poster </strong>di <strong><a href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-7">artikel Bahasa Indonesia kelas 7</a></strong>, meliputi pengertian, fungsi, jenis-jenis, hingga cara membuat poster yang menarik dan keren!</span></em></p>
</blockquote>
<p style="text-align: center;"><span style="font-weight: 400;">—</span></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Pernah nggak sih kamu lagi jalan-jalan terus lihat gambar besar penuh warna dengan tulisan mencolok di tembok atau papan pengumuman? <em>Yup</em>, itu namanya poster! Benda satu ini memang sudah jadi bagian dari keseharian kita, entah itu untuk promosi, edukasi, atau bahkan kampanye sosial. Tapi, sebenarnya poster itu apa sih? </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Yuk, kita kulik lebih dalam mulai dari pengertian, fungsi poster, ciri-ciri, jenis, sampai langkah-langkah membuat poster yang menarik dan informatif. Cocok banget nih buat kamu yang pengen belajar desain atau lagi dapat tugas bikin poster di sekolah. Langsung saja kita mulai, ya!</span></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Apa itu Poster?</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Sebelum membahas lebih jauh, kita bahas dulu dasar-dasarnya, ya. Jadi, apa itu poster?</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Secara umum, poster adalah <strong>media publikasi dalam bentuk gambar atau tulisan yang ditempelkan di tempat-tempat umum</strong> dengan tujuan untuk <strong>menyampaikan pesan kepada khalayak ramai</strong>. Biasanya, poster dirancang menarik dengan warna mencolok, </span><em><span style="font-weight: 400;">font</span></em><span style="font-weight: 400;"> yang besar, dan gambar visual yang </span><em><span style="font-weight: 400;">eye-catching</span></em><i><span style="font-weight: 400;">.</span></i></p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9a2f09f4-7855-455a-952f-4d1d1a053956.jpg" alt="contoh poster" width="500" /></p>
<p style="text-align: center;"><span style="font-weight: 400;">Contoh poster infografis tentang ‘<em>Go Green</em>‘ (Sumber: id.pinterest.com)</span></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Poster nggak cuma dipakai buat promosi acara atau produk, tapi juga bisa jadi media edukasi, informasi, bahkan ajakan moral. Singkatnya, poster adalah perpaduan antara seni visual dan pesan teks yang dirancang untuk memikat perhatian sekaligus menyampaikan informasi secara cepat dan jelas.</span></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Tujuan Poster</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Setiap poster yang dibuat pasti punya maksud dan tujuan tertentu. Nah, tujuan poster itu bisa berbeda-beda ya, tergantung konteks dan isi pesan yang dikandung. Berikut ini adalah beberapa tujuan umum dari pembuatan poster:</span></p>
<ul style="text-align: justify;">
<li style="font-weight: 400;" aria-level="1"><strong>Memberikan informasi</strong><span style="font-weight: 400;">: Seperti jadwal kegiatan, pengumuman, atau himbauan penting.</span></li>
<li style="font-weight: 400;" aria-level="1"><strong>Mempromosikan sesuatu</strong><span style="font-weight: 400;">: Bisa promosi produk, jasa, atau acara.</span></li>
<li style="font-weight: 400;" aria-level="1"><strong>Mengajak masyarakat</strong><span style="font-weight: 400;">: Misalnya ajakan untuk menjaga lingkungan, tidak merokok, atau mengikuti vaksinasi.</span></li>
<li style="font-weight: 400;" aria-level="1"><strong>Mengedukasi</strong><span style="font-weight: 400;">: Seperti poster pendidikan di sekolah atau kampanye kesehatan.</span></li>
<li style="font-weight: 400;" aria-level="1"><strong>Menghibur</strong><span style="font-weight: 400;">: Poster film, konser, atau </span><i><span style="font-weight: 400;">event</span></i><span style="font-weight: 400;"> seni yang biasanya dibuat untuk menarik perhatian dengan gaya visual yang </span><em><span style="font-weight: 400;">fun</span></em><span style="font-weight: 400;"> dan menarik.</span></li>
</ul>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Jadi, bisa dibilang fungsi poster itu cukup fleksibel, tergantung pada kebutuhan si pembuat dan siapa target audiensnya.</span></p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/contoh-iklan">Kumpulan Contoh Iklan dalam Berbagai Jenis dan Tema, Lengkap!</a></strong></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Ciri-Ciri Poster</b></span></h2>
<p style="text-align: justify;">Agar kamu semakin paham dan bisa membedakan antara poster dengan jenis media visual lainnya, penting banget untuk mengenali ciri khas atau karakteristiknya. Poster dirancang khusus agar bisa menarik perhatian dan menyampaikan pesan secara efektif hanya dalam sekali lihat. Nah, berikut ini beberapa ciri-ciri poster yang wajib kamu ketahui:</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">1. Berukuran Besar</span></h3>
<p style="text-align: justify;">Poster umumnya <strong>dicetak dalam ukuran yang cukup besar</strong>, seperti A3, A2, atau lebih besar lagi tergantung kebutuhan. Tujuannya, tentu agar bisa dengan mudah dilihat oleh orang-orang, meskipun dari jarak yang cukup jauh. Selain itu, ukuran yang besar ini memungkinkan poster memuat elemen-elemen penting, seperti gambar dan teks besar yang langsung terbaca tanpa harus didekati terlebih dahulu.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">2. Menggunakan Kombinasi Teks dan Gambar yang Seimbang</span></h3>
<p style="text-align: justify;">Salah satu daya tarik poster terletak pada perpaduan antara teks dan gambar. Poster yang efektif tidak hanya berisi tulisan panjang, melainkan <strong>mengkombinasikan kalimat singkat dengan ilustrasi visual yang mendukung</strong>. Dengan adanya gambar, isi poster jadi lebih mudah dipahami dan tidak membosankan.</p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d3729acf-518c-4721-8ec6-ca6594c99320.jpg" alt="contoh poster menarik" width="500" /></p>
<p style="text-align: center;">Contoh poster menarik (Sumber: id.pinterest.com)</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">3. Desain Menarik dan Mencolok</span></h3>
<p style="text-align: justify;">Penggunaan <strong>warna-warna kontras dan desain yang mencolok</strong> menjadi ciri khas utamanya. Warna cerah seperti merah, kuning, atau biru sering dipilih karena mampu memancing mata orang yang lewat untuk melihat lebih dekat. Ditambah dengan tata letak yang rapi dan elemen desain grafis yang kreatif, poster bisa tampil lebih hidup dan menggugah minat.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">4. Singkat, Jelas, dan Padat</span></h3>
<p style="text-align: justify;">Karena waktu perhatian pembaca biasanya sangat singkat (hanya beberapa detik), maka teks dalam poster harus langsung ke inti informasi. Kalimat yang digunakan biasanya<em> to the point</em>, mudah dipahami, dan bersifat persuasif atau informatif tergantung tujuan poster.</p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/kalimat-persuasif">Kumpulan Contoh Kalimat Persuasif beserta Pengertian, Ciri-Ciri & Jenis</a></strong></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">5. Ditempel di Tempat Umum</span></h3>
<p style="text-align: justify;">Agar pesan yang dibawa oleh poster bisa diketahui oleh khalayak luas, media ini biasanya <strong>dipasang di tempat-tempat strategis yang ramai dikunjungi orang</strong>. Contohnya seperti tembok jalanan, halte, papan pengumuman, sekolah, kampus, pusat perbelanjaan, atau tempat umum lainnya. Penempatan yang tepat, akan memperbesar peluang pesan dalam poster sampai ke target yang diinginkan.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">6. Memiliki Unsur Visual yang Kuat</span></h3>
<p style="text-align: justify;">Terakhir, poster yang baik selalu memiliki elemen visual yang kuat, seperti <strong>ilustrasi, ikon, simbol, tipografi mencolok, atau bahkan karakter maskot</strong>. Unsur visual ini dirancang untuk memancing rasa penasaran orang yang melihatnya. Tak jarang, visual yang kuat juga menjadi daya ingat yang menempel di benak pembaca bahkan setelah mereka pergi, loh.</p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Unsur-Unsur Poster</b></span></h2>
<p style="text-align: justify;">Agar poster benar-benar efektif, menarik perhatian, dan bisa menyampaikan pesan dengan jelas, ada beberapa elemen atau unsur penting yang harus diperhatikan. Tanpa unsur-unsur ini, sebuah poster bisa kehilangan fungsinya sebagai media komunikasi visual.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">1. Judul (<em>Headline</em>)</span></h3>
<p style="text-align: justify;">Judul atau <em>headline</em> adalah hal pertama yang dilihat orang saat melihat poster. Maka dari itu, judul biasanya <strong>dibuat besar, tebal, dan mencolok</strong>. Judul yang baik <strong>bersifat singkat namun kuat</strong>, serta mampu <strong>mewakili isi pesan secara keseluruhan</strong>. Misalnya, dalam poster kampanye lingkungan, judul seperti “SELAMATKAN BUMI KITA!” akan langsung menarik mata dan membangkitkan rasa peduli.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">2. Gambar</span></h3>
<p style="text-align: justify;">Gambar adalah elemen visual yang membuat poster terlihat <strong>menarik dan tidak membosankan</strong>. Ilustrasi yang digunakan harus berhubungan dengan isi pesan, serta memiliki warna dan gaya yang mendukung tema. Misalnya, kamu bisa membuat gambar ‘bumi yang gersang’ untuk memperkuat pesan poster tentang pentingnya menjaga lingkungan.</p>
<p> </p>
<h3><span style="font-size: 14pt;">3. Warna dan Tipografi</span></h3>
<p style="text-align: justify;">Kombinasi antara warna dan bentuk huruf (tipografi) sangatlah <strong>mempengaruhi daya tarik poster</strong>. Warna harus dipilih sesuai dengan tema dan suasana yang ingin disampaikan. Misalnya, warna cerah untuk tema semangat, atau warna hijau untuk lingkungan. Sementara itu, tipografi juga harus dibuat agar mudah terbaca dan tidak berlebihan.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">4. Pesan Utama</span></h3>
<p style="text-align: justify;">Bagian ini akan <strong>menjelaskan tujuan dari poster</strong> tersebut. Kalimat yang digunakan harus <strong>ringkas, jelas, dan padat makna</strong>. Hindari penjelasan yang terlalu panjang karena bisa membuat orang malas membaca.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">5. Logo</span></h3>
<p style="text-align: justify;">Setiap poster sebaiknya mencantumkan siapa yang membuat atau menerbitkannya. Kamu bisa menaruh logo organisasi, lembaga, sekolah, atau bahkan nama pribadi. Identitas ini penting sebagai <strong>bentuk pertanggungjawaban dan kredibilitas</strong>. Letaknya biasanya di bagian bawah atau pojok poster agar tidak mengganggu elemen utama.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">6. Kontak atau Informasi Tambahan</span></h3>
<p style="text-align: justify;">Untuk poster yang bersifat ajakan atau persuasif (seperti ajakan untuk mengikuti gerakan sosial, mengikuti lomba, atau event tertentu), perlu disediakan kontak informasi. Bisa berupa nomor telepon, email, alamat website, atau akun media sosial. Kontak ini memungkinkan audiens untuk mengambil langkah lanjutan setelah membaca poster.</p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/bagian-bagian-buku-fiksi-dan-nonfiksi">Bagian-Bagian Buku Fiksi dan Nonfiksi serta Contohnya</a></strong></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Jenis-Jenis Poster</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Ternyata, poster itu nggak cuma satu macam aja, <em>lho</em>! Ada berbagai jenis-jenis poster yang dibedakan berdasarkan fungsi dan tujuannya. Berikut beberapa jenis poster yang sering kita jumpai:</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">1. Poster Niaga</span></h3>
<p style="text-align: justify;">Poster jenis ini digunakan sebagai <strong>alat promosi atau iklan</strong> yang bertujuan menarik minat konsumen terhadap suatu produk atau jasa. Biasanya, poster niaga didesain dengan warna yang mencolok, gambar produk yang menarik, serta slogan atau kalimat persuasif untuk memikat calon pembeli. Poster niaga sering kita temui di pusat perbelanjaan, pinggir jalan, atau di media sosial karena memang dirancang untuk menjangkau sebanyak mungkin orang.</p>
<p style="text-align: justify;">Contoh: Poster promosi minuman kekinian, diskon akhir tahun di toko pakaian, atau iklan layanan internet murah.</p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/cd2f69b3-ef9c-40a6-946c-bc6355c286d5.jpg" alt="contoh poster niaga" width="500" /></p>
<p style="text-align: center;">Contoh poster niaga tentang produk es cendol (Sumber: id.pinterest.com)</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">2. Poster Layanan Masyarakat</span></h3>
<p style="text-align: justify;">Jenis poster ini <strong>bersifat edukatif dan informatif</strong>, karena bertujuan menyampaikan pesan-pesan sosial atau ajakan untuk melakukan hal yang bermanfaat bagi masyarakat. Poster layanan masyarakat dibuat oleh lembaga pemerintah, organisasi kesehatan, atau komunitas sosial. Gaya visualnya cenderung sederhana namun kuat secara emosional, karena berusaha membangkitkan kesadaran dan empati masyarakat.</p>
<p style="text-align: justify;">Contoh: Poster kampanye anti-narkoba, ajakan untuk tidak membuang sampah sembarangan, atau pentingnya vaksinasi.</p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ea26231f-6e60-41ae-b502-ed985e702f1c.jpg" alt="contoh poster layanan masyarakat" width="500" /></p>
<p style="text-align: center;">Contoh poster layanan masyarakat tentang membuang sampah pada tempatnya (Sumber: id.pinterest.com)</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">3. Poster Kegiatan</span></h3>
<p style="text-align: justify;">Poster ini bertujuan untuk <strong>memberikan informasi tentang suatu acara atau event tertentu</strong>. Isinya mencakup detail seperti waktu, tempat, tema acara, dan siapa saja yang terlibat. Poster kegiatan cenderung menarik perhatian dengan desain yang meriah dan padat informasi agar penonton segera tertarik untuk datang atau ikut serta.</p>
<p style="text-align: justify;">Contoh: Poster konser musik, lomba mural, seminar pendidikan, atau pentas seni sekolah.</p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/fc0542ae-8898-471e-adeb-39d072d5e340.jpg" alt="contoh poster kegiatan" width="500" /></p>
<p style="text-align: center;">Contoh poster kegiatan pentas musik (Sumber: id.pinterest.com)</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">4. Poster Pendidikan (Edukatif)</span></h3>
<p style="text-align: justify;">Seperti namanya, poster edukatif dirancang untuk <strong>menginformasikan atau mengajarkan sesuatu secara visual</strong>. Biasanya digunakan di lingkungan pendidikan seperti sekolah, universitas, atau di tempat umum untuk menyebarkan ilmu pengetahuan.</p>
<p style="text-align: justify;">Contoh: Poster anatomi tubuh manusia di ruang kelas biologi, tabel perkalian, atau poster sejarah pahlawan nasional.</p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0252bdca-525c-4e38-8d21-a70506dd7d6c.jpg" alt="contoh poster edukasi" width="500" /></p>
<p style="text-align: center;">Contoh poster edukasi di sekolah (Sumber: id.pinterest.com)</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">5. Poster Karya Seni</span></h3>
<p style="text-align: justify;">Poster jenis ini lebih mengedepankan <strong>unsur estetika dan ekspresi visual</strong>. Sering kali, poster seni tidak memiliki tujuan komersial atau informatif secara langsung, melainkan lebih untuk memperlihatkan keindahan, suasana, atau gaya tertentu. Poster seni menjadi daya tarik tersendiri karena bisa menjadi elemen dekoratif, koleksi, bahkan bentuk apresiasi terhadap kreativitas seniman.</p>
<p style="text-align: justify;">Contoh: Poster film dengan desain artistik, pameran seni rupa, atau poster pertunjukan teater klasik.</p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/39345d84-ce90-4027-8a03-af03f80b9fd2.jpg" alt="contoh poster karya seni" width="500" /></p>
<p style="text-align: center;">Contoh poster karya seni dengan tema Hari Kartini (Sumber: id.pinterest.com)</p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Kalau kamu lagi cari inspirasi untuk tugas sekolah atau mau bikin kampanye kecil-kecilan, contoh poster di atas bisa jadi referensi awal yang bagus banget, nih!</span></p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/contoh-kata-baku-dan-tidak-baku">Kumpulan Contoh Kata Baku dan Tidak Baku, Apa Bedanya?</a></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;">Cara Membuat Poster yang Menarik</span></h2>
<p style="text-align: justify;">Kalau kamu ingin poster kamu benar-benar <em>eye-catching</em>, bisa menyampaikan pesan dengan jelas, dan menggerakkan orang lain untuk bertindak, maka kamu perlu langkah yang tepat. Nah, berikut ini beberapa tips penting yang bisa kamu ikuti agar postermu nggak sekadar lewat di pandangan orang, tapi benar-benar ngena di hati dan pikiran mereka:</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">1. Tentukan Tujuan dan Target Audiens</span></h3>
<p style="text-align: justify;">Sebelum memulai mendesain poster, kamu bisa tanya dulu ke diri sendiri, sebenarnya poster ini buat siapa dan untuk apa, sih? Apakah kamu membuat poster untuk anak-anak, remaja, atau orang dewasa? Kemudian, isi posternya tentang apa? Promosi produk, acara, atau mengedukasi? Jika kamu tahu tujuannya sejak awal, kamu bisa menyesuaikan gaya bahasa, visual, hingga penyampaiannya agar lebih tepat sasaran.</p>
<p> </p>
<h3><span style="font-size: 14pt;">2. Tentukan Konsep Desain</span></h3>
<p style="text-align: justify;">Gunakan kombinasi warna yang mencolok tapi tetap enak dipandang. Selain itu, tambahkan gambar ilustrasi yang berkaitan langsung dengan tema poster kamu. Misalnya, kalau kamu bikin poster kampanye kebersihan, gunakan gambar orang membuang sampah pada tempatnya atau lingkungan bersih yang asri.</p>
<p style="text-align: justify;">Gunakan huruf besar atau tebal untuk judul, dan <em>font</em> yang simpel untuk isi teks. Jangan asal pilih font karena lucu atau keren, ya. Font yang terlalu ramai atau sulit dibaca bisa bikin orang malas memerhatikan. Nah, kalau postermu berisi promosi produk, atau acara tertentu, jangan lupa menyertakan logo dan kontak untuk info lebih lanjut.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">3. Pilih Ukuran Poster yang Tepat</span></h3>
<p style="text-align: justify;">Ukuran poster itu penting lho! Umumnya, ukuran poster bervariasi. Ukuran A4 cocok untuk selebaran, ukuran A3 dan A2 cocok ditempel di mading atau ruang publik, sementara ukuran yang lebih besar lagi, cocok untuk billboard, spanduk, atau promosi skala besar. Pastikan ukurannya sesuai dengan tempat pemasangan dan banyaknya informasi yang ingin kamu sampaikan, ya.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">4. Pilih Alat Bantu Desain</span></h3>
<p style="text-align: justify;">Beberapa aplikasi atau <em>tools</em> yang bisa kamu gunakan untuk membuat poster, antara lain Canva, Adobe Photoshop, CorelDRAW, atau bahkan PowerPoint.</p>
<p> </p>
<h3><span style="font-size: 14pt;">5. Mulai Mendesain Poster</span></h3>
<p style="text-align: justify;">Setelah semua komponen ditentukan, saatnya kamu mulai menuangkan ide ke dalam desain. Pastikan kamu memperhatikan ciri-ciri serta unsur poster yang sudah kita bahas sebelumnya, ya. Pastikan mengecek kembali hasil desain yang dibuat, agar tidak ada <em>typo</em> dan sudah sesuai keinginan. Kamu juga bisa minta pendapat ke teman, guru, atau orang tua untuk mengetahui apakah desainmu sudah cukup menarik dan komunikatif atau belum.</p>
<p> </p>
<h3><span style="font-size: 14pt;">6. Cetak atau Upload Poster</span></h3>
<p style="text-align: justify;">Tahap terakhir, kamu bisa cetak atau upload poster sesuai kebutuhan. Jika poster akan disebarluaskan secara offline, misalnya dipasang di papan pengumuman, mading sekolah, atau tempat umum lainnya, pastikan kamu mencetaknya dalam resolusi tinggi agar hasilnya tajam dan tahan lama. Namun, jika postermu akan di-upload ke media sosial, simpan dalam format yang tepat (misalnya JPEG atau PNG) dan sesuaikan ukurannya agar optimal di platform digital.</p>
<p style="text-align: center;">—</p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dengan mengikuti langkah-langkah membuat poster di atas, dijamin kamu bisa bikin poster yang bukan cuma keren, tapi juga fungsional dan komunikatif. </span><span style="font-weight: 400;">Ternyata, di balik poster yang sering kita lihat sehari-hari, ada banyak pertimbangan desain dan strategi komunikasi yang harus dipikirkan, ya!</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Kalau kamu punya ide kreatif dan pesan yang ingin disampaikan ke banyak orang, poster bisa jadi media yang pas banget buat kamu. Yuk, mulai eksplorasi desain dan coba bikin postermu sendiri. Siapa tahu dari tugas sekolah, nanti kamu bisa jadi desainer grafis profesional. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Jangan lupa juga untuk selalu belajar hal-hal baru dan menarik lainnya bersama <strong><a href="https://www.ruangguru.com/ruangbelajar">Ruangguru</a></strong>! Yuk, langganan sekarang!</span></p>
<p><a href="https://app.ruangguru.com/ruangbelajar/"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/a2dbab8e-e903-4b70-ae04-39ff5807647e.jpg" alt="CTA ruangbelajar" /></a></p>
<p><strong>Referensi:</strong></p>
<p style="text-align: left;">https://www.gramedia.com/literasi/pengertian-poster-adalah/?srsltid=AfmBOopdgeREe6i9nBbUta4m0n9EvOdDLbPfPsJ9i2gaDmBGlmWrXlC3 (Diakses pada 5 Maret 2025)</p>
<p style="text-align: left;">https://telkomuniversity.ac.id/pengertian-poster-serta-ciri-ciri-tujuan-fungsi-jenis-dan-bagaimana-cara-membuatnya/ (Diakses pada 5 Maret 2025)</p>
<p><strong>Sumber Foto:</strong></p>
<p style="text-align: left;">‘Gambar Poster Go Green’ [Daring]. Tautan: https://id.pinterest.com/pin/1125968650927104/</p>
<p style="text-align: left;">‘Gambar Poster Menarik’ [Daring]. Tautan: https://id.pinterest.com/pin/13046372044704818/</p>
<p style="text-align: left;">‘Gambar Poster Es Cendol by Silvi Nuraini’ [Daring]. Tautan: https://id.pinterest.com/pin/117164027799912397/</p>
<p style="text-align: left;">‘Gambar Poster Layanan Masyarakat by Hydric Template’ [Daring]. Tautan: https://id.pinterest.com/pin/209276713930304669/</p>
<p style="text-align: left;">‘Gambar Poster Pentas Seni by Hyperine Design’ [Daring]. Tautan: https://id.pinterest.com/pin/449234131601696719/</p>
<p style="text-align: left;">‘Gambar Poster Edukasi by Hydric Template’ [Daring]. Tautan: https://id.pinterest.com/pin/326299935520522617/</p>
<p style="text-align: left;">‘Gambar Poster Karya Seni by Revindra’ [Daring]. Tautan: https://id.pinterest.com/pin/476326098111106506/</p>
</div>
<div class="content-meta-tags">
<a href="https://www.ruangguru.com/blog/tag/kelas-7" rel="tag">Kelas 7</a> <a href="https://www.ruangguru.com/blog/tag/konsep-pelajaran" rel="tag">Konsep Pelajaran</a> <a href="https://www.ruangguru.com/blog/tag/smp" rel="tag">SMP</a> </div>
</div>
<div class="author-post">
<img loading="lazy" class="author-avatar" width="64px" height="64px" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/5196bc4b-168b-4b6f-8c46-cb076ca8b451.png">
<div>
<h5 class="author-title">Kenya Swawikanti</h5>
<p class="author-description"></p>
</div>
</div> <div class="share-post">
<p>Bagikan artikel ini:</p>
<ul class="socmed">
<li>
<a target="_blank" href="https://api.whatsapp.com/send?phone=&text=Mengenal Poster: Pengertian, Jenis, Ciri & Cara Membuatnya | Bahasa Indonesia Kelas 7%0D%0A%0D%0Ahttps://www.ruangguru.com/blog/pengertian-poster-jenis-dan-cara-membuatnya"><img src="https://cdn-web-2.ruangguru.com/static/whatsapp.png" loading="lazy" alt="Logo Whatsapp " /></a>
</li>
<li>
<a target="_blank" href="https://www.facebook.com/share.php?u=https://www.ruangguru.com/blog/pengertian-poster-jenis-dan-cara-membuatnya&quote=Mengenal Poster: Pengertian, Jenis, Ciri & Cara Membuatnya | Bahasa Indonesia Kelas 7"> <img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook " /> </a>
</li>
<li>
<a target="_blank" href="https://twitter.com/intent/tweet?text=Mengenal Poster: Pengertian, Jenis, Ciri & Cara Membuatnya | Bahasa Indonesia Kelas 7&url=https://www.ruangguru.com/blog/pengertian-poster-jenis-dan-cara-membuatnya"> <img src="https://cdn-web-2.ruangguru.com/static/twitter.png" loading="lazy" alt="Logo Twitter " /> </a>
</li>
<li>
<a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.ruangguru.com/blog/pengertian-poster-jenis-dan-cara-membuatnya&title=Mengenal Poster: Pengertian, Jenis, Ciri & Cara Membuatnya | Bahasa Indonesia Kelas 7"><img src="https://cdn-web-2.ruangguru.com/static/linkedin.png" loading="lazy" alt="Logo LinkedIn " /></a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 sticky">
<aside id="sidebar">
<div class="side-banner-desktop">
</div>
<div class="glider-navigation desktop">
<div role="tablist" class="dots" id="side-banner-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="side-banner-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="side-banner-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
<h2 style="font-size: 24px; font-weight: bold; margin-bottom: 16px;margin-top: 16px;">Artikel Terbaru</h2>
<ul>
<li>
<a href="https://www.ruangguru.com/blog/pergerakan-nasional-indonesia">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png" alt="Pergerakan Nasional" class="external-img wp-post-image " /> <span>Pergerakan Nasional Indonesia: Pengertian, Tujuan & Penyebabnya | Sejarah Kelas 11</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/runtuhnya-uni-soviet">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png" alt="Runtuhnya Uni Soviet" class="external-img wp-post-image " /> <span>Sejarah Runtuhnya Uni Soviet, Penyebab, dan Dampaknya | Sejarah Kelas 12</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/konflik-palestina-israel">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png" class="external-img wp-post-image " /> <span>Latar Belakang Terjadinya Konflik Palestina dengan Israel | Sejarah Kelas 12</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/9-lembaga-dan-pelaku-pasar-modal-di-indonesia">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/279825ac-672b-43f9-b66e-a1c7ec87f784.png" alt="Pelaku Pasar Modal di Indonesia" class="external-img wp-post-image " /> <span>9 Lembaga dan Pelaku Pasar Modal di Indonesia | Ekonomi Kelas 10</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/peristiwa-kontemporer-dunia-perpecahan-cekoslovakia">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/2a1a35c0-f1f5-45d4-8869-ff5083bd90e5.png" alt="Perpecahan Cekoslowakia" class="external-img wp-post-image " /> <span>Latar Belakang Perpecahan Cekoslowakia dan Penyebabnya | Sejarah Kelas 12</span>
</a>
</li>
</ul>
</aside>
</div>
</div>
<div class="row">
<div class="col-12">
<section class="related-posts">
<h2 class="page-title">
Artikel Lainnya
</h2>
<div class="content-grid">
<div class="content">
<a href="https://www.ruangguru.com/blog/pergerakan-nasional-indonesia">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png?height=320&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png?height=320" type="image/png">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png" loading="lazy" alt="" />
</picture>
<div>
<h2 class="content-title">
Pergerakan Nasional Indonesia: Pengertian, Tujuan & Penyebabnya | Sejarah Kelas 11 </h2>
<div class="content-meta">
<span>March 6, 2026</span> <span>• 8 minutes read</span>
</div>
</div>
</a>
</div>
<div class="content">
<a href="https://www.ruangguru.com/blog/runtuhnya-uni-soviet">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png?height=320&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png?height=320" type="image/png">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png" loading="lazy" alt="" />
</picture>
<div>
<h2 class="content-title">
Sejarah Runtuhnya Uni Soviet, Penyebab, dan Dampaknya | Sejarah Kelas 12 </h2>
<div class="content-meta">
<span></span> <span>• 11 minutes read</span>
</div>
</div>
</a>
</div>
<div class="content">
<a href="https://www.ruangguru.com/blog/konflik-palestina-israel">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png?height=320&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png?height=320" type="image/png">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png" loading="lazy" alt="" />
</picture>
<div>
<h2 class="content-title">
Latar Belakang Terjadinya Konflik Palestina dengan Israel | Sejarah Kelas 12 </h2>
<div class="content-meta">
<span>March 5, 2026</span> <span>• 5 minutes read</span>
</div>
</div>
</a>
</div>
</div>
</section> </div>
</div>
<div class="banner-product-wrapper">
<a href="https://cta.ruangguru.com/7c02db90-610d-11ee-80fe-4201ac180089" target="_blank" class="alert alert-dismissible fade show banner-product" role="alert">
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
<!-- <p>Yuk pilih kelas dan materi belajar kamu di sini</p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0e292531-9ee1-4eed-92f5-b5c053eea4c2.svg" width="42px" height="42px" class="arrow-right"> -->
<img class="image-floating-bottom" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d19eb9b6-999d-4b92-87c6-c4fb32000d73.png?convert=web" />
</a>
</div>
</div>
</div>
<script>
function sleep(ms) {
return new Promise((resolve) => setTimeout(resolve, ms));
}
async function replaceCtaMarkupAsync() {
await sleep(2000);
alert("replace")
const contentBody = document.querySelector('.content-body');
const paragraphs = contentBody.querySelectorAll('p');
const regexPattern = /{{cta\(['"](.+?)['"]\)}}/g;
paragraphs.forEach((paragraph) => {
const originalHTML = paragraph.innerHTML;
let modifiedHTML = '';
let lastIndex = 0;
for (const match of originalHTML.matchAll(regexPattern)) {
const ctaId = match[1];
modifiedHTML += originalHTML.slice(lastIndex, match.index) + `<b>${ctaId}</b>`;
lastIndex = match.index + match[0].length;
}
modifiedHTML += originalHTML.slice(lastIndex);
paragraph.innerHTML = modifiedHTML;
});
document.addEventListener("DOMContentLoaded", () => {
replaceCtaMarkupAsync();
});
}
</script>
<div class="modal fade" id="popupPromo" tabindex="-1" aria-labelledby="popupPromoLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" data-bs-backdrop="static" data-bs-keyboard="false">
<div class="modal-content">
<div class="button-wrapper">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="glider-contain">
<div class="glider">
<a class="" target="_blank" href="https://cta.ruangguru.com/ab-web-pop-up-banner-blog-rg">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/4680961a-4e01-4169-8ff4-da0823d0da6c.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/ab-web-pop-up-banner-blog-rg-1">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e0ebb0c9-e368-4524-9241-dbaf73cafccd.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/rasionalisasi-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0ec15e92-707a-4660-8134-11f1c1e539a8.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/to-snbt-reg-2026-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/b95e02b2-28a4-4c24-a6db-930ecddef2fa.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/pop-blog-to-snbt-prem">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/1b8558a2-ad51-4144-b30c-01a3231a22da.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/to-prem-tka-sd-smp-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/e6888a56-1d95-4d8a-b87a-b19b8a185651.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/rgp-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/851003e6-07b5-40d1-9068-f9b0bcb1625a.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/25f78174-4fc2-11ef-9a39-4201ac180089">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/cbe7b869-fbe2-4497-8a1e-42344df5b137.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/kitab-tka-smp-popup-blog">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/eb41ad00-e4dc-46f5-b9f6-721266fc371e.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/pop-rg-kitab-utbk-snbt-lite">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f7908ac1-3b0b-492c-bf87-dcea2b20b87c.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/pop-rg-kitablitetkasmp">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/50097055-1862-46a8-bbe0-fa5b077f88bb.png" />
</a>
</div>
<div class="glider-navigation">
<div role="tablist" class="dots" id="popup-promo-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="popup-promo-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="popup-promo-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var jsonString = '[{"CreatedAt":"2025-07-25 01:01:27+00:00","Id":696,"UpdatedAt":"2026-02-25 02:12:12+00:00","campaign":null,"cta":[{"Id":31467,"ctaId":"ab-web-pop-up-banner-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/ab-web-pop-up-banner-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/b9b5f501-be14-4e3f-9ad8-a87e17ec16e9.png","name":"[AB] Web Pop Up Banner - Blog RG","targetUrl":"https:\/\/bayar.ruangguru.com\/?utm-source=ab-web-pop-up-banner-blog-rg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/4680961a-4e01-4169-8ff4-da0823d0da6c.png","name":"[RG] Popup Banner Blog - Promo SNBT Ramadan","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":1,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-07-25 01:01:27+00:00","Id":705,"UpdatedAt":"2026-02-23 10:52:46+00:00","campaign":null,"cta":[{"Id":33341,"ctaId":"ab-web-pop-up-banner-blog-rg-1","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/ab-web-pop-up-banner-blog-rg-1)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/f30c4943-4456-4a96-858b-fe065c9073ae.png","name":"[AB] Web Pop Up Banner - Blog RG 1","targetUrl":"https:\/\/bayar.ruangguru.com\/?utm-source=ab-web-pop-up-banner-blog-rg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/e0ebb0c9-e368-4524-9241-dbaf73cafccd.png","name":"[RG] Popup Banner Blog - Promo TKA Ramadan","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":2,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-08-16 13:35:02+00:00","Id":657,"UpdatedAt":"2026-02-06 03:52:10+00:00","campaign":null,"cta":[{"Id":33189,"ctaId":"rasionalisasi-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/rasionalisasi-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/0ec15e92-707a-4660-8134-11f1c1e539a8.png","name":"[RG] Pop Up Blog - Rasionalisasi","targetUrl":"https:\/\/www.ruangguru.com\/rasionalisasi"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/0ec15e92-707a-4660-8134-11f1c1e539a8.png","name":"[RG] Pop Up Blog RG - Rasionalisasi","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":3,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-12-07 09:26:39+00:00","Id":677,"UpdatedAt":"2026-02-12 02:22:12+00:00","campaign":null,"cta":[{"Id":33305,"ctaId":"to-snbt-reg-2026-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/to-snbt-reg-2026-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/b95e02b2-28a4-4c24-a6db-930ecddef2fa.jpg","name":"[IDN] CTA Popup Blog RG - Tryout SNBT Regular 2026","targetUrl":"https:\/\/link.ruangguru.com\/blPk\/TOUTBKREG7"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/b95e02b2-28a4-4c24-a6db-930ecddef2fa.jpg","name":"[RG] Popup Blog RG - Tryout Regular 2026","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":4,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2026-02-05 10:16:52+00:00","Id":689,"UpdatedAt":"2026-03-05 02:41:12+00:00","campaign":null,"cta":[{"Id":33338,"ctaId":"pop-blog-to-snbt-prem","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/pop-blog-to-snbt-prem)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/1b8558a2-ad51-4144-b30c-01a3231a22da.jpg","name":"[RG] Popup Blog - TO SNBT Prem","targetUrl":"https:\/\/link.ruangguru.com\/blPk\/TOUTBKPREM"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/1b8558a2-ad51-4144-b30c-01a3231a22da.jpg","name":"[RG] Pop blog - TO SNBT Prem","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":5,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-12-07 09:26:39+00:00","Id":679,"UpdatedAt":"2026-03-04 03:44:16+00:00","campaign":null,"cta":[{"Id":33304,"ctaId":"to-prem-tka-sd-smp-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/to-prem-tka-sd-smp-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/1bf472e1-62f4-4aa9-ab8c-4fa72a82dd7b.png","name":"[RG] Pop Up Blog RG - TO Premium TKA SD SMP","targetUrl":"https:\/\/s.id\/TOTKAPREMSDSMP"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/e6888a56-1d95-4d8a-b87a-b19b8a185651.png","name":"[RG] Popup Blog RG - TO TKA Premium SD SMP","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":6,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-08-25 04:25:04+00:00","Id":672,"UpdatedAt":"2026-02-06 03:52:17+00:00","campaign":null,"cta":[{"Id":33285,"ctaId":"rgp-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/rgp-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/851003e6-07b5-40d1-9068-f9b0bcb1625a.png","name":"[RG] Pop Up Blog - RGP","targetUrl":"https:\/\/www.ruangguru.com\/privat"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/851003e6-07b5-40d1-9068-f9b0bcb1625a.png","name":"[RG] Pop Up Blog - RGP","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":7,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-08-16 13:35:02+00:00","Id":379,"UpdatedAt":"2026-03-06 01:54:52+00:00","campaign":null,"cta":[{"Id":31356,"ctaId":"25f78174-4fc2-11ef-9a39-4201ac180089","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/25f78174-4fc2-11ef-9a39-4201ac180089)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/f60bc49c-c00f-4a5e-80a2-2552fa18ae21.jpg","name":"CTA Blog RG - Kitab UTBK SNBT","targetUrl":"https:\/\/bit.ly\/orderkitabrg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/cbe7b869-fbe2-4497-8a1e-42344df5b137.jpg","name":"[RG] Pop Up Blog RG - Kitab UTBK SNBT","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":8,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-08-16 13:35:02+00:00","Id":587,"UpdatedAt":"2026-03-06 01:55:00+00:00","campaign":null,"cta":[{"Id":33020,"ctaId":"kitab-tka-smp-popup-blog","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/kitab-tka-smp-popup-blog)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/9ea9eca7-9ef7-433c-baad-14bc1019f890.jpg","name":"[RG] Pop up blog - Kitab TKA SMP","targetUrl":"https:\/\/bit.ly\/kitabtkasmprg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/eb41ad00-e4dc-46f5-b9f6-721266fc371e.jpg","name":"[RG] Pop Up Blog RG - Kitab TKA SMP","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":9,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-11-12 10:28:45+00:00","Id":636,"UpdatedAt":"2026-02-06 03:52:20+00:00","campaign":null,"cta":[{"Id":33149,"ctaId":"pop-rg-kitab-utbk-snbt-lite","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/pop-rg-kitab-utbk-snbt-lite)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/8d6f8639-cfff-4d64-89ea-f68bfe7a868c.png","name":"[RG] Pop blog - Kitab utbk snbt lite","targetUrl":"https:\/\/s.id\/litesnbt26"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/f7908ac1-3b0b-492c-bf87-dcea2b20b87c.png","name":"[RG] Pop blog - Kitab utbk snbt lite","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":10,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-11-14 08:09:42+00:00","Id":647,"UpdatedAt":"2026-02-06 03:52:21+00:00","campaign":null,"cta":[{"Id":33160,"ctaId":"pop-rg-kitablitetkasmp","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/pop-rg-kitablitetkasmp)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/20edba9b-ef84-4938-b698-4a82783478a5.png","name":"[RG] Pop blog - kitab lite tka smp","targetUrl":"https:\/\/s.id\/litetkasmp26"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/50097055-1862-46a8-bbe0-fa5b077f88bb.png","name":"[RG] Pop blog - kitab lite tka smp","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":11,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"}]';
var jsArray = JSON.parse(jsonString);
console.log(jsArray);
</script>
<script>
let windowHeight = window.innerHeight;
let promosLength = 11;
document.addEventListener('DOMContentLoaded', function() {
// Initialize Bootstrap Modal
let popupPromo = new bootstrap.Modal(document.getElementById('popupPromo'), {});
// Initialize Glider.js inside the Bootstrap Modal
function initGliderInModal() {
new Glider(document.querySelector('#popupPromo .glider'), {
slidesToScroll: 1,
slidesToShow: 1,
draggable: true,
dots: '#popup-promo-dots',
arrows: {
prev: '#popup-promo-prev',
next: '#popup-promo-next'
}
});
}
// Show Bootstrap Modal and initialize Glider.js after a specified scroll amount
const scrollThreshold = 2 / 3 * windowHeight; // The scroll amount in pixels to trigger the Modal
let gliderInitialized = false;
window.addEventListener('scroll', function() {
if (window.scrollY >= scrollThreshold && !gliderInitialized && promosLength > 0) {
popupPromo.show();
// Listen for the 'shown' event to initialize Glider.js after the Modal has been fully displayed
$('#popupPromo').on('shown.bs.modal', function() {
initGliderInModal();
gliderInitialized = true;
// Optionally, remove the 'shown' event listener after initializing the Glider to avoid re-initializing
$('#popupPromo').off('shown.bs.modal');
});
// Remove the scroll event listener after the Modal is shown to avoid re-initializing the Glider
this.removeEventListener('scroll', arguments.callee);
}
});
});
</script>
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable-min@0.4.5/dist/analytics-plugin-trackable.min.js"></script>
<script type="text/javascript" defer>
/* Initialize analytics */
var Analytics = window._analytics.init({
app: "ruangguruLanding",
debug: false,
plugins: [analyticsTrackable()],
});
/* Additional context tracker pageView */
const post_id = 23199;
const tags_id = [7,10,16];
const category_id = 477;
const sub_category_id = 481;
const customData = {
tags_id: tags_id,
category_id: category_id,
sub_category_id: sub_category_id,
post_id: post_id,
};
Analytics.plugins.trackable.context(JSON.stringify(customData));
Analytics.ready(function () {
Analytics.page();
});
$(document).on('click', '[data-tracking-event-type]', function (event) {
const eventType = $(this).data('tracking-event-type');
const context = $(this).data('tracking-context');
Analytics.track(eventType, context);
});
</script>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="office">
<a href="https://www.ruangguru.com/">
<img src="https://cdn-web-2.ruangguru.com/static/RG_LOGO_WHITE.png?convert=auto" alt="Logo Ruangguru" loading="lazy" />
</a>
<address>
<p class="hq">RUANGGURU HQ</p>
<p>
Gedung Sinarmas MSIG Tower Lt. 33. Jl. Jenderal Sudirman Kav. 21, Karet Kuningan, Setiabudi, Jakarta Selatan, Jakarta 12920
</p>
</address>
</div>
<nav class="footer-menu call-us">
<p class="title">Hubungi Kami</p>
<address>
<a href="mailto:info@ruangguru.com">
<img class="icon-call-us" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/4739a139-8f09-42ea-b517-d842c5d1c28d.png" loading="lazy" alt="Logo Email Footer" />
info@ruangguru.com</a>
<a href="tel:02130930000">
<img class="icon-call-us" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/6f4bb6c8-52c9-4acb-859b-47a10a7eec75.png" loading="lazy" alt="Logo Phone Footer" />(021) 3093 0000</a>
<a href="https://wa.me/6281574410000">
<img class="icon-call-us" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/4b58468a-b2f9-40e4-867f-d3242a065dcf.png" loading="lazy" alt="Logo Whatsapp Footer" />0815 7441 0000</a>
</address>
</nav>
<nav class="footer-menu social d-none d-lg-block">
<p class="title">Ikuti Kami</p>
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/instagram.png" loading="lazy" alt="Logo Instagram Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/twitter.png" loading=" lazy" alt="Logo Twitter Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/youtube.png" loading=" lazy" alt="Logo Youtube Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/linkedin.png" loading=" lazy" alt="Logo LinkedIn Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/tiktok.png" loading=" lazy" alt="Logo TikTok Footer" width="32px" height="32px" />
</picture>
</a>
</nav>
</div>
<div class="col-lg-9">
<div class="row">
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title">Produk Ruangguru</p>
<ul type="none">
<li><a href="https://roboguru.ruangguru.com" target="_blank">Roboguru</a></li>
<li><a href="https://www.ruangguru.com/roboguruplus">Roboguru Plus</a></li>
<li><a href="https://www.ruangguru.com/dafa-lulu">Dafa dan Lulu</a></li>
<li><a href="https://www.ruangguru.com/for-kids/kursus">Kursus for Kids</a></li>
<li><a href="https://www.ruangguru.com/for-kids">Ruangguru for Kids</a></li>
<li><a href="https://www.ruangguru.com/bisnis">Ruangguru for Business</a></li>
<li><a href="https://www.ruangguru.com/ruanguji">Ruanguji</a></li>
<li><a href="https://www.ruangguru.com/blog">Ruangbaca</a></li>
<li><a href="https://www.ruangguru.com/ruangkelas">Ruangkelas</a></li>
<li><a href="https://www.ruangguru.com/ruangbelajar">Ruangbelajar</a></li>
<li><a href="https://pengajar.ruangguru.com/">Ruangpengajar</a></li>
<li><a href="https://www.ruangguru.com/privat">Ruangguru Privat</a></li>
<li><a href="https://www.ruangpeduli.org/" target="_blank">Ruangpeduli</a></li>
</ul>
</nav>
</div>
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title">Bantuan & Panduan</p>
<ul type="none">
<li><a href="https://www.ruangguru.com/company-credentials">Company Credentials</a></li>
<li><a href="https://www.ruangguru.com/beasiswa">Beasiswa Ruangguru</a></li>
<li><a href="https://www.ruangguru.com/cicilan">Cicilan Ruangguru</a></li>
<li><a href="https://www.ruangguru.com/promo">Promo Ruangguru</a></li>
<li><a href="https://ticketing.ruangguru.com/help?request_type_id=459" target="_blank">Vulnerability Report</a></li>
<li><a href="https://www.ruangguru.com/bantuan#layanan">Layanan Pengaduan</a></li>
<li><a href="https://www.ruangguru.com/terms-conditions">Syarat & Ketentuan</a></li>
<li><a href="https://www.ruangguru.com/privacy-policy">Kebijakan Privasi</a></li>
<li><a href="https://www.ruangguru.com/about-us">Tentang Kami</a></li>
<li><a href="https://www.ruangguru.com/contact-us">Kontak Kami</a></li>
<li><a href="https://www.ruangguru.com/press">Press Kit</a></li>
<li><a href="https://www.ruangguru.com/bantuan">Bantuan</a></li>
<li><a href="https://career.ruangguru.com/">Karier</a></li>
</ul>
</nav>
</div>
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title">Produk Lainnya</p>
<ul type="none">
<li><a href="https://www.brainacademy.id/" target="_blank">Brain Academy</a></li>
<li><a href="https://www.english-academy.id/" target="_blank">English Academy</a></li>
<li><a href="https://skillacademy.com/" target="_blank">Skill Academy</a></li>
<li><a href="https://www.ruangkerja.id/" target="_blank">Ruangkerja</a></li>
<li><a href="https://www.schoters.com/id/" target="_blank">Schoters</a></li>
<li><a href="https://www.kalananti.id/" target="_blank">Kalananti</a></li>
</ul>
</nav>
</div>
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title"> Coba GRATIS Aplikasi Ruangguru</p>
<div class="download-list">
<ul>
<li>
<a target="_blank" rel="nofollow" href="https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id">
<img src="https://cdn-web-2.ruangguru.com/static/appstore.png" loading="lazy" alt="Button App Store Footer " />
</a>
</li>
<li>
<a target="_blank" rel="nofollow" href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=in">
<img src="https://cdn-web-2.ruangguru.com/static/googleplay.png" loading="lazy" alt="Button Google Play Footer " />
</a>
</li>
<li>
<a target="_blank" rel="nofollow" href="https://appgallery.huawei.com/#/app/C102352375">
<img src="https://cdn-web-2.ruangguru.com/static/huawei.png" loading="lazy" alt="Button AppGallery Footer " />
</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center">
<nav class="footer-menu social">
<p class="title">Ikuti Kami</p>
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/instagram.png" loading="lazy" alt="Logo Instagram Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/twitter.png" loading=" lazy" alt="Logo Twitter Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/youtube.png" loading=" lazy" alt="Logo Youtube Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/linkedin.png" loading=" lazy" alt="Logo LinkedIn Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/tiktok.png" loading=" lazy" alt="Logo TikTok Footer" width="32px" height="32px" />
</picture>
</a>
</nav>
</div>
<p class="footer-copyright">
© 2026 All Rights Reserved PT. Ruang Raya Indonesia
</p>
</div>
<style>
.bantuan-container {
position: relative;
}
.bantuan-element {
position: fixed;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-top {
bottom: 11rem;
right: 2rem;
}
.bantuan-bottom {
bottom: 2rem;
right: 2rem;
}
.bantuan-top-2 {
bottom: 15rem;
right: 2rem;
}
.bantuan-top-3 {
bottom: 19rem;
right: 2rem;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 2rem;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 2rem;
}
@media (min-width: 768px) {
.bantuan-element img {
width: auto;
transition: all 0.4s ease;
}
.bantuan-top img {
width: 140px;
}
.bantuan-bottom img {
width: 140px;
}
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 140px;
}
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 140px;
}
.bantuan-element.clicked {
bottom: 9rem;
right: 2.5rem;
}
.bantuan-element.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan-top {
bottom: 8rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom {
bottom: 2rem;
right: 1.25rem;
align-items: center;
}
.bantuan-top-2 {
bottom: 12rem;
right: 1rem;
align-items: center;
}
.bantuan-top-3 {
bottom: 16rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 1.25rem;
align-items: center;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 1.25rem;
align-items: center;
}
.bantuan-element img {
width: auto;
}
.bantuan-top img,
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 96px;
}
.bantuan-bottom img,
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 96px;
}
}
.bantuan-element:hover {
transform: scale(1.05);
}
.bantuan-element img {
max-width: 100%;
height: auto;
}
</style>
<div id="bantuan-divs-container" style="position: relative" data-product="ruangguru" data-table="rg_floating_icon"></div>
<script>
class FloatingDivsComponent {
constructor(product = 'ruangguru', table = 'rg_floating_icon') {
this.container = document.getElementById('bantuan-divs-container');
this.floatingElements = [];
this.product = product;
this.table = table;
// Configuration
this.config = {
baseApiUrl: 'https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/rg_banner/views/',
apiKey: 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
maxElements: 2,
zIndexBase: 100,
};
// Build dynamic API URL based on table parameter
this.config.apiUrl = this.buildApiUrl();
this.init();
}
buildApiUrl() {
const baseUrl = this.config.baseApiUrl;
const tableName = this.table || 'rg_floating_icon';
const queryParams =
'offset=0&limit=99999&sort=rankPosition&where=(type,eq,floating)~and(showIn,anyof,blog)~and(hide,is,false)~and(product,eq,' +
this.product +
')&nested%5Bcta%5D%5Bfields%5D=Id,name,ctaId,imageUrl,ctaLink,targetUrl';
return `${baseUrl}${tableName}?${queryParams}`;
}
async init() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to initialize floating divs component:', error);
}
}
async fetchFloatingElements() {
try {
const options = {
method: 'GET',
headers: {
'xc-token': this.config.apiKey || 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
},
};
const urlNoco = this.config.apiUrl;
const response = await fetch(urlNoco, options);
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();
this.floatingElements = this.processApiResponse(data);
} catch (error) {
console.error('Error fetching floating elements:', error);
throw error;
}
}
processApiResponse(data) {
if (!data || !data.list || !Array.isArray(data.list)) {
return [];
}
console.log(data.list);
// Ensure we only get maximum 2 elements
const limitedElements = data.list.slice(0, this.config.maxElements);
return limitedElements;
}
renderFloatingElements() {
if (!this.container || this.floatingElements.length === 0) {
return;
}
// Additional safeguard: ensure we never render more than maxElements
const elementsToRender = this.floatingElements.slice(0, this.config.maxElements);
// Clean up existing elements and their event listeners
this.cleanupExistingElements();
// Clear existing content
this.container.innerHTML = '';
elementsToRender.forEach((element, index) => {
const floatingDiv = this.createFloatingDiv(element, index);
this.container.appendChild(floatingDiv);
});
}
cleanupExistingElements() {
// Clear existing elements (no need for event listener cleanup with CSS approach)
const existingElements = this.container.querySelectorAll('[data-floating-element]');
existingElements.forEach(element => {
element.remove();
});
}
createFloatingDiv(element, index) {
const div = document.createElement('div');
const cta = element.cta[0]; // Use the first CTA
// Add data attribute for cleanup tracking
div.setAttribute('data-floating-element', 'true');
// Apply CSS classes based on rankPosition
const positionClass = this.getPositionClass(element.rankPosition, index);
div.className = `bantuan-element ${positionClass}`;
div.style.zIndex = this.config.zIndexBase + index;
// Create the link and image
const link = document.createElement('a');
link.href = 'https://cta.ruangguru.com/' + cta.ctaId || '#';
link.target = '_blank';
// Add tracking attributes
link.setAttribute('data-tracking-event-type', 'landing_page__core__item_click');
link.setAttribute(
'data-tracking-context',
JSON.stringify({
product_name: this.product,
cta_action: 'redirection',
cta_action_detail: link.href,
item_type: 'floating',
item_name: element.name || 'Floating element',
item_category: 'payment',
item_position: index,
item_serial: null,
section_type: 'floating_item',
section_position: 'body',
section_name: 'floating_item',
})
);
const img = document.createElement('img');
img.src = element.imageUrl + '?h=200&convert=webp';
img.alt = element.name || 'Floating element';
img.loading = 'lazy';
// Add click tracking
link.addEventListener('click', () => {
this.trackClick(element, cta);
});
link.appendChild(img);
div.appendChild(link);
return div;
}
getPositionClass(rankPosition, index) {
// Define positioning classes based on rankPosition
if (rankPosition === 1) {
return 'bantuan-top'; // Top position
} else if (rankPosition === 2) {
return 'bantuan-bottom'; // Bottom position
} else {
// For additional elements, distribute them evenly
return `bantuan-${index % 2 === 0 ? 'top' : 'bottom'}-${Math.floor(index / 2) + 1}`;
}
}
trackClick(element, cta) {
// Implement click tracking logic here
console.log('Floating element clicked:', {
elementId: element.Id,
elementName: cta.name,
ctaId: cta.ctaId,
targetUrl: cta.targetUrl,
});
}
// Public method to manually refresh
async refresh() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to refresh floating elements:', error);
throw error;
}
}
// Public method to get current floating elements
getFloatingElements() {
return [...this.floatingElements];
}
}
// Initialize the component when DOM is ready
document.addEventListener('DOMContentLoaded', () => {
// Get product and table parameters from data attributes
const container = document.getElementById('bantuan-divs-container');
const product = container.getAttribute('data-product') || 'ruangguru';
const table = container.getAttribute('data-table') || 'rg_floating_icon';
new FloatingDivsComponent(product, table);
});
// Export for use in other modules if needed
if (typeof module !== 'undefined' && module.exports) {
module.exports = FloatingDivsComponent;
}
</script> <div id="wp-install-nudge" style="
position: fixed;
bottom: 0rem;
right: 0;
z-index: 999;
cursor: pointer;
"></div>
<script>
(function (w, d, s, o, f, js, fjs) {
w['Sales-Nudge-Widget'] = o; w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
}(window, document, 'script', 'wpInstallNudge', 'https://cdn-web-2.ruangguru.com/sales-nudge/6198a95130/dist/widget.js'));
wpInstallNudge('init', { targetElementId: 'wp-install-nudge', clientTarget: 'ruangguru_blog' });
</script>
<script>
// note: disabled due to auto reload page
// var lastScrollTop = 0;
// $(window).scroll(function(event){
// var st = $(this).scrollTop();
// if (st > lastScrollTop){
// $('#wp-install-nudge').slideDown( "slow", function() {});
// } else {
// $('#wp-install-nudge').slideUp( "slow", function() {});
// }
// lastScrollTop = st;
// });
// $(document).ready(function () {
// $("#wp-install-nudge").hide();
// });
$('#wp-install-nudge').click(function(){
Analytics.track("promotion__install_nudge__click",
{
user_email: "ruangguru@blog.com",
cta_link: widgetData.dataConfig.target_link
}).catch((err) => {
console.log("tracker error", err);
});
});
</script>
</footer>
<div id="__next"></div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/blog\/*"},{"not":{"href_matches":["\/blog\/wp-*.php","\/blog\/wp-admin\/*","\/blog\/wp-content\/uploads\/*","\/blog\/wp-content\/*","\/blog\/wp-content\/plugins\/*","\/blog\/wp-content\/themes\/ruangguru\/*","\/blog\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>
async function getCtaDetails(ctaIds) {
const endpoint =
" https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/CTA/views/CTA?offset=0&limit=10&where=(ctaId,in," + ctaIds.toString() + ")";
try {
const response = await fetch(endpoint, {
headers: {
"xc-token": "-hG2nBDJzSj0agSgNtcJx97M4F02y54nUMoY6plJ",
},
});
const data = await response.json();
const ctaList = data?.list || [];
const ctaMap = new Map();
for (const ctaData of ctaList) {
ctaMap.set(ctaData.ctaId, ctaData);
}
return ctaMap;
} catch (error) {
console.error("Error fetching CTA details:", error);
return new Map();
}
}
async function replaceCTA() {
const regex = /{{cta\((‘(.*?)’|“(.*?)”)\)}}/g;
const bodyHTML = document.body.innerHTML;
const matches = Array.from(bodyHTML.matchAll(regex));
const ctaIds = matches.map((match) => {
let ctaId = match[2] ?? match[3];
return ctaId;
});
const ctaMap = await getCtaDetails(ctaIds);
const replacedHTML = bodyHTML.replace(regex, (match, _inner, ctaId1, ctaId2) => {
const ctaId = ctaId1 ?? ctaId2;
const ctaData = ctaMap.get(ctaId);
if (ctaData) {
return `<a href="https://cta.ruangguru.com/${ctaData.ctaId}" target="_${ctaData.targetType}" style="position:relative;display:inline-block;">
<img src="${ctaData.imageUrl}" loading="lazy" alt="${ctaData.altText}" />
</a>`;
} else {
return match;
}
});
document.body.innerHTML = replacedHTML;
}
</script>
<meta name="author" content="Ruangguru Tech Team">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PVNLZFT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- Tracker -->
<script type="text/javascript" src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/global-assets/js/cta.js"></script>
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
</body>
</html>