Ini dia beragam contoh puisi rakyat yang terdiri atas pantun, gurindam, dan syair. Yuk, merapat dan baca artikel Bahasa Indonesia kelas 7 ini sampai habis, ya!
—
Siapa yang suka berpantun seperti karakter Jarjit di animasi Upin Ipin? Biasanya, kamu suka berbalas pantun dengan teman, keluarga, atau abang ojol waktu pesan-antar makanan? Kayak contoh di bawah ini, nih!
Chakeeeppp (Sumber: idntimes.com)
Seru banget, ya, abang ojolnya! Kamu pernah nggak, berbalas pantun sama abang ojol? Btw, ngomongin soal pantun, ternyata pantun itu merupakan salah satu contoh dari puisi rakyat, lho! Apa itu puisi rakyat? Yuk, simak penjelasannya!
Pengertian Puisi Rakyat
Puisi rakyat adalah warisan bangsa berbentuk pantun, gurindam, dan syair yang memiliki nilai-nilai baik, seperti nilai moral, agama, dan budi pekerti. Puisi ini merupakan puisi yang berasal dari rakyat atau masyarakat biasa, bukan dari kalangan sastrawan atau penulis terkenal.
Berbeda dengan puisi modern, puisi rakyat merupakan puisi lama yang disampaikan secara lisan dari mulut ke mulut dan diwariskan secara turun-temurun antar generasi, sehingga seringkali tidak diketahui penulis atau pengarangnya.
Selain itu, puisi rakyat juga cenderung lebih kaku dan tidak sebebas puisi modern karena adanya aturan-aturan yang harus diikuti, seperti jumlah kata dalam tiap baris, jumlah baris dalam tiap bait, serta adanya rima.
Umumnya, tema yang dibicarakan dalam puisi rakyat adalah mengenai kehidupan sehari-hari, tradisi dan budaya yang diwariskan secara turun-temurun, kepercayaan, serta keindahan alam. Puisi rakyat juga seringkali mencerminkan nilai-nilai, pemikiran, dan perasaan masyarakat dalam bentuk bahasa yang sederhana dan mudah dipahami.
Puisi rakyat biasanya dilantunkan secara lisan atau dinyanyikan dalam acara-acara tertentu, seperti upacara adat, acara kesenian, dan acara perayaan keagamaan. Puisi rakyat dapat berupa pantun, gurindam, atau syair. Makna yang terkandung dalam puisi rakyat, biasanya mengandung nilai-nilai positif yang dapat dijadikan pedoman dalam menjalani kehidupan sehari-hari.
Baca Juga: Puisi Rakyat: Pengertian, Ciri, Jenis, Struktur & Contohnya
Ciri-Ciri Puisi Rakyat
Meskipun puisi rakyat terdiri atas beberapa jenis, namun ada beberapa ciri yang sama antara satu jenis puisi rakyat dengan jenis lainnya. Ciri-ciri puisi rakyat antara lain:
- Memiliki bentuk yang tetap
- Memiliki jumlah baris tertentu per bait
- Memiliki jumlah kata tertentu per baris
- Memiliki rima pada akhir bait
Jenis-Jenis Puisi Rakyat
Puisi rakyat terdiri atas tiga jenis, yakni pantun, gurindam, dan syair. Masing-masing jenis memiliki ciri-ciri dan aturannya masing-masing. Untuk memahami lebih jauh, perhatikan penjelasan berikut, ya!
1. Pantun
Jenis puisi rakyat yang pertama yaitu pantun. Pantun adalah puisi rakyat yang bertujuan untuk menyampaikan perasaan, saran, larangan, nasihat, kasih sayang, ajaran budi pekerti, moral, serta kritik sosial.
Ciri-ciri pantun, yaitu:
- Terdiri atas empat baris dalam satu bait.
- Setiap bait memuat dua baris sampiran dan dua baris isi.
- Baris sampiran pada pantun terdapat pada bait pertama dan kedua, kemudian isi pantun berada pada bait ketiga dan keempat.
- Bersajak a-b-a-b atau a-a-a-a.
- Mengandung 8–12 suku kata per barisnya.
2. Gurindam
Gurindam adalah puisi rakyat dari India yang kemudian juga berkembang menjadi puisi lama Melayu. Gurindam berisikan moral dan pesan agama yang dipadukan dengan sajak dan peribahasa.
Baca Juga: Pengertian dan Ciri-Ciri Gurindam
Ciri-ciri gurindam, yaitu:
- Satu bait terdiri atas dua baris.
- Satu baris memiliki 10-14 suku kata.
- Bersajak sama, yaitu a-a, b-b, c-c, d-d, dan seterusnya.
- Baris pertama berisi persoalan, baris kedua berisi jawaban.
3. Syair
Syair adalah puisi rakyat yang berasal dari Persia (sekarang Iran). Syair masuk ke Nusantara bersamaan dengan datangnya Islam. Syair memiliki ciri utama yaitu bahasa yang digunakan merupakan Bahasa Melayu lama. Pada awalnya, syair mengacu pada tradisi sastra syair di negeri Arab, tapi seiring dengan perkembangannya, syair mengalami perkembangan dan dimodifikasi sehingga menjadi khas Melayu.
Baca Juga: Pengertian, Sejarah, dan Jenis-Jenis Syair
Ciri-ciri syair yaitu:
- Setiap bait terdiri atas 4 baris.
- Setiap baris terdiri atas 8-14 suku kata.
- Semua baris merupakan isi, jadi tidak ada sampiran seperti pada pantun.
- Bersajak a-a-a-a.
Berikut adalah beberapa contoh puisi rakyat singkat yang dikategorikan berdasarkan jenisnya:
Contoh Puisi Rakyat Pantun
Contoh puisi rakyat pantun terdiri atas beberapa tema, mulai dari pantun nasihat, jenaka, teka-teki, kiasan, dan agama. Berikut contoh pantun sesuai jenis temanya untuk kamu.
Contoh Pantun Nasihat
1.
Minum cincau di siang bolong
Rasa cincaunya segar sekali
Jangan pernah menjadi orang sombong
Agar jauh dari penyakit hati
2.
Terbang rendah burung peragam
Dari huma terbang ke hutan
Budaya daerah beraneka ragam
Mari bersama kita lestarikan
3.
Jalan-jalan ke kota Blitar
Jangan lupa beli semangka
Rajin belajar janganlah gentar
Agar cita mudah diraih jua
4.
Burung merpati terbang tinggi
Hinggap sebentar di atas dahan
Jangan iri pada yang lebih
Syukuri hidup penuh keikhlasan
5.
Pagi hari minum jamu
Agar tubuh tetap kuat
Hormati orang yang lebih dulu
Itulah tanda hati yang sehat
Contoh Pantun Jenaka
6.
Adik Nia memetik tomat
Tomat merah dibelah dua
Kakek cerita terlalu semangat
Gigi palsunya copot semua
7.
Pagi-pagi mancing ikan
Dapatnya banyak hati pun senang
Badan kurus sedikit makan
Terkena angin langsung terbang
8.
Naik sepeda ke kota lama
Ban bocor ditambal pita
Katanya sih jomblo bahagia
Tapi statusnya “sedang menderita”
9.
Pagi-pagi kejar angkot
Bawa tas isinya mie instan
Pas ditanya guru soal yang ribet
Jawabnya malah, “Saya belum sarapan!”
10.
Pergi ke sekolah bawa bekal
Isinya nasi sama kerupuk
Niat belajar malah ngelamun total
Mikirin tugas yang menumpuk
Contoh Pantun Teka-Teki
11.
Siang-siang minum kelapa
Tak lupa sambil makan pisang keju
Punya ekor disimpan di kepala
Hewan apakah itu?
(Jawabannya: Gajah)
12.
Kalau tuan bawa panci
Pancinya diisi rebung
Kalau tuan bijak sekali
Apa binatang bertanduk di hidung?
(Jawabannya: Badak)
Contoh Pantun Kiasan
13.
Melihat ikan di tepi kolam
Pohon pinang jadi tambatan
Air beriak tanda tak dalam
Air tenang menghanyutkan
Makna: Orang yang ilmunya sedikit biasanya banyak bicara. Sedangkan orang yang banyak ilmunya lebih tenang
14.
Daun lebar ditanam di pekarangan
Disiramnya pakai air di gelas
Tidak pernah lapuk oleh air hujan
Tidak pernah habis terkena panas
Makna: Jikalau seseorang telah berjasa kepada negaranya, pasti jasanya juga tidak akan terlupakan.
Contoh Pantun Agama
15.
Kemumu di dalam semak
Jatuh sehelai selarasnya
Meski ilmu setinggi tegak
Tidak sembahyang apa gunanya
16.
Terang bulan terang cahaya
Cahaya memancar ke Tanjung Jati
Jikalau hendak hidup bahagia
Beribadahlah sebelum mati
Baca Juga: Kumpulan Contoh Pantun Nasehat, Jenaka & Jenis-Jenis Lainnya
17.
Mentari pagi bersinar cerah
Burung berkicau di atas dahan
Shalat lima waktu janganlah lengah
Itulah kunci hidup penuh keberkahan
18.
Pergi ke masjid hari Jum’at
Bawa sajadah dan juga peci
Berbuat baik janganlah diperhambat
Agar hidup selalu diberkahi
19.
Air mengalir di tengah sawah
Anak kecil bermain gembira
Ingat selalu perintah Allah
Jauhi dosa, perbanyak pahala
Contoh Puisi Rakyat Gurindam
Contoh puisi rakyat gurindam terdiri atas beberapa tema, seperti persahabatan, agama, nasihat, pendidikan, dan romansa (romantis). Berikut contoh gurindam sesuai jenis temanya untuk kamu.
Contoh Gurindam Persahabatan
20. Cari olehmu akan kawan, pilih segala orang yang setiawan.
21. Sebelum berbicara pikir dahulu, agar tidak melukai hati temanmu.
22. Baik-baik memilih kawan, salah-salah bisa jadi lawan.
23. Jika sahabat tulus dan setia, dalam susah pun tetap bersama.
24. Bersahabat janganlah pura-pura, niat yang baik itulah utama.
Contoh Gurindam Agama
25. Barang siapa meninggalkan sembahyang, seperti rumah tiada bertiang.
26. Barang siapa tiada memegang agama, sekali-kali tiada boleh dibilangkan nama.
27. Barang siapa meninggalkan zakat, tiadalah hartanya beroleh berkat.
28. Barang siapa mengenal Tuhan, hatinya tenang, hidup pun aman.
29. Jika engkau rajin beribadah, dunia akhirat akan indah.
Contoh Gurindam Nasihat
30. Kalau bekerja terburu-buru, tentulah kerja banyak keliru
31. Apabila banyak mencela orang, itulah tanda diri kurang.
32. Apabila dengki sudah bertanah, datanglah daripadanya beberapa anak panah.
33. Jika ingin hidupmu selamat, jauhkan diri dari maksiat.
34. Hormati orang tua setiap saat, itulah tanda anak yang hebat.
Contoh Gurindam Pendidikan
35. Jika hendak mengenal orang berilmu, bertanya dan belajar tiadalah jemu.
36. Ilmu wajib diamalkan, agar ilmu tidak terlupakan.
37. Tidak ada yang tidak mungkin, asal kamu belajar rajin.
38. Ilmu itu pelita di malam gelap, jadi bekal hidup agar tak tersesat.
39. Belajar rajin sejak kecil, dewasa nanti jadi pribadi tangguh dan cerdik akal.
Contoh Gurindam Romansa (Romantis)
40. Apabila hendak asmara bahagia, hilangkan egois di dada.
41. Jika hendak mencari cinta sejati, carilah dengan penuh hati-hati.
42. Cinta kekasih bersemi, jika setia akan abadi.
43. Jika cinta tumbuh di hati, jagalah setia sepanjang hari.
44. Cinta sejati tak hanya kata, tulus hadir dengan setia.
45. Bila kasih terpatri di jiwa, rindu pun datang tanpa diminta.
Contoh Puisi Rakyat Syair
Contoh puisi rakyat syair terdiri atas beberapa macam, yakni syair panji, syair romantis, syair kiasan, syair sejarah, dan syair agama. Berikut contoh syair sesuai jenisnya untuk kamu.
Contoh Syair Panji
Syair panji menceritakan tentang kehidupan di dalam istana, baik tentang orang-orang yang berasal dari sana, maupun tentang orang-orang yang berada di dalamnya. Contoh syair panji adalah Syair Ken Tambuhan.
Syair Ken Tambuhan bercerita tentang seorang puteri raja yang cantik, yang ditawan oleh raja Kuripan dan dikurung dalam taman larangan istana. Putera raja yang bernama Raden Mentri kebetulan bertemu dengan Ken Tambuhan dan jatuh cinta padanya. Ibunya yang takut puteranya akan kawin dengan orang tidak sederajat, kemudian mengupah seseorang untuk membunuh Ken Tambuhan. Sang kaki tangan menyeret Ken Tambuhan ke luar kota, membunuhnya, dan meletakkannya di atas getek untuk dihanyutkan di sungai. Raden Mentri yang menemukan jenazah Ken Tambuhan lalu bunuh diri. Para dewa yang mengetahui kisah ini merasa iba, dan menghidupkan mereka berdua.
46. Berikut adalah cuplikan Syair Ken Tambuhan:
Jika tuan menjadi air
Kakang menjadi ikan di pasir
Kata nin tiada kakanda mungkir
Kasih kakang batin dan lahir
Jika tuan menjadi bulan
Kakang menjadi pungguk merawan
Aria ningsun emas tempawan
Janganlah bercerai apalah tuan
Tuang laksana bunga kembang
Kakanda menjadi seekor kumbang
Tuanlah memberi kakanda bimbang
Tiadalah kasihan tuan akan abang
Jika tuan menjadi kayu rampak
Kakanda menjadi seekor merak
Tiadalah mau kakanda berjarak
Seketika pun tiada dapat bergerak
Contoh Syair Romantis
Sesuai namanya, syair romantis membahas tentang asmara atau percintaan. Biasanya, syair romantis terdapat pada cerita pelipur lara, hikayat, atau cerita rakyat. Contohnya yakni Syair Bidasari yang bercerita tentang Bidasari, seorang puteri raja yang sangat cantik.
47. Berikut adalah cuplikan Syair Bidasari:
Tersebutlah perkataan Bidasari
Setelah malam sudahlah hari
Bangunlah ia seorang diri
Makan dan minum barang yang digemari
Pergilah mandi Siti Bangsawan
Serta memakai bau-bauan
Lalu masuk ke dalam peraduan
Santap sirih di dalam puan
Bertemu sepah bekas dimakan
Diambil Siti dicampakkan
Dengan takutnya ia berfikirkan
Siapakah ini yang membuatkan
Jikalau manusia yang empunya
Nescaya aku dicabulinya
Jika ayahku datang adalah tandanya
Bertambahlah makanan yang dibawanya
Dilihatnya Siti tempat tidurnya
Tilam sedikit tersingkir alasnya
Sirih di puan salah aturannya
Bidasari masygul dengan takutnya
Ia pun duduk di atas geta
Sangatlah gundah rasanya cita
Seraya bertaburan air mata
Manakah tempat ia hendak dikata
Contoh Syair Kiasan
Syair kiasan bercerita tentang kisah cinta ikan, burung, bunga, atau buah-buahan. Disebut syair kiasan karena cerita yang ada dalam syair kiasan berisi tentang sindiran terhadap peristiwa tertentu.
Contoh syair kiasan adalah Syair Burung Pungguk. Syair ini bercerita tentang kegagalan kisah cinta akibat perbedaan kedudukan atau derajat. Syair menceritakan seorang pria yang mencintai seorang gadis dengan derajat yang lebih tinggi, namun gadis tersebut menolaknya. Pria tersebut diibaratkan sebagai burung pungguk, sedangkan si gadis diibaratkan sebagai bulan. Karena cintanya ditolak, sang Pungguk hanya bisa menatap sang Bulan dari jauh.
48. Berikut adalah cuplikan Syair Burung Pungguk:
Pertama mula pungguk merindu
Berbunyilah guruh mendayu-dayu
Hatinya rawan bercampur pilu
Seperti diiris dengan sembilu
Pungguk bermadah seraya merawan
Wahai bulan, terbitlah tuan
Gundahku tidak berketahuan
Keluarlah bulan tercelah awan
Contoh Syair Sejarah
Syair ini menceritakan kisah berdasarkan cerita sejarah. Sebagian besar syair sejarah bercerita tentang peperangan. Misalnya, Syair Perang Mengkasar (dulunya bernama Syair Sipelman), yang bercerita tentang perang antara orang-orang Makassar dengan Belanda.
49. Berikut adalah cuplikan Syair Perang Mengkasar:
Demikian asal mula pertama
Welanda dan Bugis bersama-sama
Kornilis Sipalman ternama
Raja Palakka menjadi panglima
Berkampunglah Welanda sekalian jenis
Berkatalah Jendral Kapitan yang bengis
Jikalau alah Mengkasar nin habis
Tunderu’ kelak raja di Bugis
Setelah didengar oleh si Tunderu’
Kata jenderal Welanda yang mabuk
Berbangkitlah ia yang duduk
Betalah kelak di medan mengamuk
Contoh Syair Agama
Terakhir, yaitu syair agama yang berisi ajaran agama dan nasihat bijak. Salah satu contoh syair agama yaitu Syair Perahu yang ditulis oleh Hamzah Fansuri, seorang penyair yang dipercayai dilahirkan pada akhir abad ke-16 di Barus atau Panchor, Sumatera Utara.
50. Berikut adalah cuplikan Syair Perahu:
Inilah gerangan suatu madah
mengarangkan syair terlalu indah
membetuli jalan tempat berpindah
di sanalah i’tikat diperbetuli sudah
Wahai muda kenali dirimu
ialah perahu tamsil tubuhmu
tiadalah berapa lama hidupmu
ke akhirat jua kekal hidupmu
Hai muda arif-budiman
hasilkan kemudi dengan pedoman
alat perahumu jua kerjakan
itulah jalan membetuli insan
Perteguh jua alat perahumu
hasilkan bekal air dan kayu
dayung pengayuh taruh di situ
supaya laju perahumu itu
Baca Juga: Kumpulan Contoh Syair Berbagai Macam Tema beserta Ciri-Ciri dan Jenisnya
—
Demikian pembahasan mengenai pengertian, ciri-ciri, jenis-jenis, hingga contoh puisi rakyat pantun, gurindam, dan syair. Semoga artikel ini berguna untuk kamu yang sedang belajar tentang puisi rakyat dan puisi lama, ya! Jangan lupa belajar terus bersama ruangbelajar, supaya jadi anak pintar!
Sumber Gambar:
Foto ‘Chat dengan Pengemudi Ojek Online’ [Daring]. Tautan: https://cdn.idntimes.com/content-images/community/2021/10/1-98683f6205efbdd1649342f83fb045bf-4bdb99e1dea94d559175309c7c2b9c3d.JPG
<!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>50 Contoh Puisi Rakyat: Pantun, Gurindam & Syair, Lengkap!</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="Ini dia beragam contoh puisi rakyat yang terdiri atas pantun, gurindam, dan syair. Yuk, merapat dan baca artikel Bahasa Indonesia kelas 7 ini sampai habis, ya!" />
<link rel="canonical" href="https://www.ruangguru.com/blog/contoh-puisi-rakyat" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="50 Contoh Puisi Rakyat: Pantun, Gurindam & Syair, Lengkap!" />
<meta property="og:description" content="Ini dia beragam contoh puisi rakyat yang terdiri atas pantun, gurindam, dan syair. Yuk, merapat dan baca artikel Bahasa Indonesia kelas 7 ini sampai habis, ya!" />
<meta property="og:url" content="https://www.ruangguru.com/blog/contoh-puisi-rakyat" />
<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-04-22T03:00:00+00:00" />
<meta property="article:modified_time" content="2025-11-19T06:28:06+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="10 minutes" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.ruangguru.com/blog/contoh-puisi-rakyat","url":"https://www.ruangguru.com/blog/contoh-puisi-rakyat","name":"50 Contoh Puisi Rakyat: Pantun, Gurindam & Syair, Lengkap!","isPartOf":{"@id":"https://www.ruangguru.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.ruangguru.com/blog/contoh-puisi-rakyat#primaryimage"},"image":{"@id":"https://www.ruangguru.com/blog/contoh-puisi-rakyat#primaryimage"},"thumbnailUrl":"https://cdn-web.ruangguru.com/landing-pages/assets/hs/IND7%20-%20Konsep%20Pelajaran%20-%20Contoh%20Puisi%20Rakyat-01.jpg","datePublished":"2025-04-22T03:00:00+00:00","dateModified":"2025-11-19T06:28:06+00:00","author":{"@id":"https://www.ruangguru.com/blog/#/schema/person/2961333999f86a82f666cdabdd06fc14"},"description":"Ini dia beragam contoh puisi rakyat yang terdiri atas pantun, gurindam, dan syair. Yuk, merapat dan baca artikel Bahasa Indonesia kelas 7 ini sampai habis, ya!","breadcrumb":{"@id":"https://www.ruangguru.com/blog/contoh-puisi-rakyat#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.ruangguru.com/blog/contoh-puisi-rakyat"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/contoh-puisi-rakyat#primaryimage","url":"https://cdn-web.ruangguru.com/landing-pages/assets/hs/IND7%20-%20Konsep%20Pelajaran%20-%20Contoh%20Puisi%20Rakyat-01.jpg","contentUrl":"https://cdn-web.ruangguru.com/landing-pages/assets/hs/IND7%20-%20Konsep%20Pelajaran%20-%20Contoh%20Puisi%20Rakyat-01.jpg"},{"@type":"BreadcrumbList","@id":"https://www.ruangguru.com/blog/contoh-puisi-rakyat#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.ruangguru.com/blog"},{"@type":"ListItem","position":2,"name":"50 Contoh Puisi Rakyat: Pantun, Gurindam & Syair, Lengkap! | 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 » 50 Contoh Puisi Rakyat: Pantun, Gurindam & Syair, Lengkap! | Bahasa Indonesia Kelas 7 Comments Feed" href="https://www.ruangguru.com/blog/contoh-puisi-rakyat/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/412" /><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=412' />
<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%2Fcontoh-puisi-rakyat" />
<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%2Fcontoh-puisi-rakyat&format=xml" />
</head>
<body class="wp-singular post-template-default single single-post postid-412 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">
50 Contoh Puisi Rakyat: Pantun, Gurindam & Syair, Lengkap! | 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>April 22, 2025 • </span> <span>11 minutes read</span></p>
<br />
</div>
<div class="content-body">
<p><img decoding="async" style="height: auto; max-width: 100%; width: 820px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/IND7%20-%20Konsep%20Pelajaran%20-%20Contoh%20Puisi%20Rakyat-01.jpg" alt="IND7 - Konsep Pelajaran - Contoh Puisi Rakyat-01" /></p>
<blockquote>
<p style="text-align: center;"><em>Ini dia beragam contoh puisi rakyat yang terdiri atas pantun, gurindam, dan syair. Yuk, merapat dan baca <a style="font-weight: bold;" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-7" rel="noopener">artikel Bahasa Indonesia kelas 7</a> ini sampai habis, ya!</em></p>
</blockquote>
<p style="text-align: center;"><em>—</em></p>
<p> </p>
<p style="text-align: justify;">Siapa yang suka berpantun seperti karakter Jarjit di animasi Upin Ipin? Biasanya, kamu suka berbalas pantun dengan teman, keluarga, atau abang ojol waktu pesan-antar makanan? Kayak contoh di bawah ini, nih!</p>
<p style="text-align: justify;"><img fetchpriority="high" decoding="async" style="height: auto; max-width: 100%; width: 400px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/1-98683f6205efbdd1649342f83fb045bf-4bdb99e1dea94d559175309c7c2b9c3d.jpg" alt="1-98683f6205efbdd1649342f83fb045bf-4bdb99e1dea94d559175309c7c2b9c3d" width="400" height="556" /></p>
<p style="text-align: center;"><em>Chakeeeppp (Sumber: idntimes.com)</em></p>
<p> </p>
<p style="text-align: justify;">Seru banget, ya, abang ojolnya! Kamu pernah nggak, berbalas pantun sama abang ojol? <em>Btw</em>, ngomongin soal pantun, ternyata pantun itu merupakan salah satu contoh dari puisi rakyat, lho! Apa itu puisi rakyat? Yuk, simak penjelasannya!</p>
<p> </p>
<h2><span style="font-size: 18pt;">Pengertian Puisi Rakyat</span></h2>
<p style="text-align: justify;"><strong>Puisi rakyat adalah warisan bangsa berbentuk pantun, gurindam, dan syair yang memiliki nilai-nilai baik, seperti nilai moral, agama, dan budi pekerti</strong>. Puisi ini merupakan puisi yang berasal dari rakyat atau masyarakat biasa, bukan dari kalangan sastrawan atau penulis terkenal.</p>
<p style="text-align: justify;">Berbeda dengan puisi modern, puisi rakyat merupakan <a style="font-weight: bold;" href="https://www.ruangguru.com/blog/mengenal-jenis-jenis-puisi-lama">puisi lama</a> yang <strong>disampaikan secara lisan dari mulut ke mulut</strong> dan diwariskan secara turun-temurun antar generasi, sehingga seringkali <strong>tidak diketahui penulis atau pengarangnya</strong>.</p>
<p style="text-align: justify;">Selain itu, puisi rakyat juga cenderung <strong>lebih kaku</strong> dan tidak sebebas puisi modern karena adanya <strong>aturan-aturan yang harus diikuti</strong>, seperti jumlah kata dalam tiap baris, jumlah baris dalam tiap bait, serta adanya rima.</p>
<p style="text-align: justify;">Umumnya, tema yang dibicarakan dalam puisi rakyat adalah mengenai kehidupan sehari-hari, tradisi dan budaya yang diwariskan secara turun-temurun, kepercayaan, serta keindahan alam. Puisi rakyat juga seringkali mencerminkan nilai-nilai, pemikiran, dan perasaan masyarakat dalam bentuk bahasa yang sederhana dan mudah dipahami.</p>
<p style="text-align: justify;">Puisi rakyat biasanya dilantunkan secara lisan atau dinyanyikan dalam acara-acara tertentu, seperti upacara adat, acara kesenian, dan acara perayaan keagamaan. Puisi rakyat dapat berupa pantun, gurindam, atau syair. Makna yang terkandung dalam puisi rakyat, biasanya mengandung nilai-nilai positif yang dapat dijadikan pedoman dalam menjalani kehidupan sehari-hari.</p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/puisi-rakyat">Puisi Rakyat: Pengertian, Ciri, Jenis, Struktur & Contohnya</a></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;">Ciri-Ciri Puisi Rakyat</span></h2>
<p style="text-align: justify;">Meskipun puisi rakyat terdiri atas beberapa jenis, namun ada beberapa ciri yang sama antara satu jenis puisi rakyat dengan jenis lainnya. Ciri-ciri puisi rakyat antara lain:</p>
<ul>
<li aria-level="1">Memiliki bentuk yang tetap</li>
<li aria-level="1">Memiliki jumlah baris tertentu per bait</li>
<li aria-level="1">Memiliki jumlah kata tertentu per baris</li>
<li aria-level="1">Memiliki rima pada akhir bait</li>
</ul>
<p> </p>
<h2><span style="font-size: 18pt;">Jenis-Jenis Puisi Rakyat</span></h2>
<p style="text-align: justify;">Puisi rakyat terdiri atas tiga jenis, yakni <strong>pantun</strong>, <strong>gurindam</strong>, dan <strong>syair</strong>. Masing-masing jenis memiliki ciri-ciri dan aturannya masing-masing. Untuk memahami lebih jauh, perhatikan penjelasan berikut, ya!</p>
<p> </p>
<h3><span style="font-size: 14pt;">1. Pantun</span></h3>
<p style="text-align: justify;">Jenis puisi rakyat yang pertama yaitu pantun. <strong>Pantun adalah</strong> puisi rakyat yang bertujuan untuk menyampaikan perasaan, saran, larangan, nasihat, kasih sayang, ajaran budi pekerti, moral, serta kritik sosial.</p>
<p style="text-align: justify;"><strong>Ciri-ciri pantun,</strong> yaitu:</p>
<ul>
<li aria-level="1">Terdiri atas empat baris dalam satu bait.</li>
<li aria-level="1">Setiap bait memuat dua baris sampiran dan dua baris isi.</li>
<li aria-level="1">Baris sampiran pada pantun terdapat pada bait pertama dan kedua, kemudian isi pantun berada pada bait ketiga dan keempat.</li>
<li aria-level="1">Bersajak a-b-a-b atau a-a-a-a.</li>
<li aria-level="1">Mengandung 8–12 suku kata per barisnya.</li>
</ul>
<p> </p>
<h3><span style="font-size: 14pt;">2. Gurindam</span></h3>
<p style="text-align: justify;"><strong>Gurindam adalah</strong> puisi rakyat dari India yang kemudian juga berkembang menjadi puisi lama Melayu. Gurindam berisikan moral dan pesan agama yang dipadukan dengan sajak dan peribahasa.</p>
<p style="font-weight: bold;">Baca Juga: <a href="https://www.ruangguru.com/blog/pengertian-dan-ciri-ciri-gurindam">Pengertian dan Ciri-Ciri Gurindam</a></p>
<p style="text-align: justify;"><strong>Ciri-ciri gurindam,</strong> yaitu:</p>
<ul>
<li aria-level="1">Satu bait terdiri atas dua baris.</li>
<li aria-level="1">Satu baris memiliki 10-14 suku kata.</li>
<li aria-level="1">Bersajak sama, yaitu a-a, b-b, c-c, d-d, dan seterusnya.</li>
<li aria-level="1">Baris pertama berisi persoalan, baris kedua berisi jawaban.</li>
</ul>
<p> </p>
<h3><span style="font-size: 14pt;">3. Syair</span></h3>
<p style="text-align: justify;"><strong>Syair adalah</strong> puisi rakyat yang berasal dari Persia (sekarang Iran). Syair masuk ke Nusantara bersamaan dengan datangnya Islam. Syair memiliki ciri utama yaitu bahasa yang digunakan merupakan Bahasa Melayu lama. Pada awalnya, syair mengacu pada tradisi sastra syair di negeri Arab, tapi seiring dengan perkembangannya, syair mengalami perkembangan dan dimodifikasi sehingga menjadi khas Melayu.</p>
<p style="font-weight: bold;">Baca Juga: <a href="https://www.ruangguru.com/blog/bahasa-indonesia-kelas-9-mengenal-syair-si-puisi-lama">Pengertian, Sejarah, dan Jenis-Jenis Syair</a></p>
<p style="text-align: justify;"><strong>Ciri-ciri syair</strong> yaitu:</p>
<ul>
<li aria-level="1">Setiap bait terdiri atas 4 baris.</li>
<li aria-level="1">Setiap baris terdiri atas 8-14 suku kata.</li>
<li aria-level="1">Semua baris merupakan isi, jadi tidak ada sampiran seperti pada pantun.</li>
<li aria-level="1">Bersajak a-a-a-a.</li>
</ul>
<p> </p>
<h2><span style="font-size: 18pt;">Contoh Puisi Rakyat</span></h2>
<p style="text-align: justify;">Berikut adalah beberapa contoh puisi rakyat singkat yang dikategorikan berdasarkan jenisnya:</p>
<p> </p>
<h3><span style="font-size: 14pt;">Contoh Puisi Rakyat Pantun</span></h3>
<p style="text-align: justify;">Contoh puisi rakyat pantun terdiri atas beberapa tema, mulai dari pantun <strong>nasihat</strong>, <strong>jenaka</strong>, <strong>teka-teki</strong>, <strong>kiasan</strong>, dan <strong>agama</strong>. Berikut contoh pantun sesuai jenis temanya untuk kamu.</p>
<p> </p>
<h4>Contoh Pantun Nasihat</h4>
<p>1.</p>
<p style="text-align: justify;">Minum cincau di siang bolong<br />
Rasa cincaunya segar sekali<br />
Jangan pernah menjadi orang sombong<br />
Agar jauh dari penyakit hati</p>
<p> </p>
<p>2.</p>
<p style="text-align: justify;">Terbang rendah burung peragam<br />
Dari huma terbang ke hutan<br />
Budaya daerah beraneka ragam<br />
Mari bersama kita lestarikan</p>
<p> </p>
<p>3.</p>
<p>Jalan-jalan ke kota Blitar<br />
Jangan lupa beli semangka<br />
Rajin belajar janganlah gentar<br />
Agar cita mudah diraih jua</p>
<p> </p>
<p>4.</p>
<p>Burung merpati terbang tinggi<br />
Hinggap sebentar di atas dahan<br />
Jangan iri pada yang lebih<br />
Syukuri hidup penuh keikhlasan</p>
<p> </p>
<p>5.</p>
<p>Pagi hari minum jamu<br />
Agar tubuh tetap kuat<br />
Hormati orang yang lebih dulu<br />
Itulah tanda hati yang sehat</p>
<p> </p>
<h4>Contoh Pantun Jenaka</h4>
<p>6.</p>
<p style="text-align: justify;">Adik Nia memetik tomat<br />
Tomat merah dibelah dua<br />
Kakek cerita terlalu semangat<br />
Gigi palsunya copot semua</p>
<p> </p>
<p style="text-align: justify;">7.</p>
<p style="text-align: justify;">Pagi-pagi mancing ikan<br />
Dapatnya banyak hati pun senang<br />
Badan kurus sedikit makan<br />
Terkena angin langsung terbang</p>
<p> </p>
<p>8.</p>
<p>Naik sepeda ke kota lama<br />
Ban bocor ditambal pita<br />
Katanya sih jomblo bahagia<br />
Tapi statusnya “sedang menderita”</p>
<p> </p>
<p>9.</p>
<p>Pagi-pagi kejar angkot<br />
Bawa tas isinya mie instan<br />
Pas ditanya guru soal yang ribet<br />
Jawabnya malah, “Saya belum sarapan!”</p>
<p> </p>
<p>10.</p>
<p>Pergi ke sekolah bawa bekal<br />
Isinya nasi sama kerupuk<br />
Niat belajar malah ngelamun total<br />
Mikirin tugas yang menumpuk</p>
<p> </p>
<h4>Contoh Pantun Teka-Teki</h4>
<p>11.</p>
<p>Siang-siang minum kelapa<br />
Tak lupa sambil makan pisang keju<br />
Punya ekor disimpan di kepala<br />
Hewan apakah itu?</p>
<p>(Jawabannya: Gajah)</p>
<p> </p>
<p style="text-align: justify;">12.</p>
<p>Kalau tuan bawa panci<br />
Pancinya diisi rebung<br />
Kalau tuan bijak sekali<br />
Apa binatang bertanduk di hidung?</p>
<p>(Jawabannya: Badak)</p>
<p> </p>
<h4>Contoh Pantun Kiasan</h4>
<p>13.</p>
<p>Melihat ikan di tepi kolam<br />
Pohon pinang jadi tambatan<br />
Air beriak tanda tak dalam<br />
Air tenang menghanyutkan</p>
<p>Makna: Orang yang ilmunya sedikit biasanya banyak bicara. Sedangkan orang yang banyak ilmunya lebih tenang</p>
<p> </p>
<p>14.</p>
<p>Daun lebar ditanam di pekarangan<br />
Disiramnya pakai air di gelas<br />
Tidak pernah lapuk oleh air hujan<br />
Tidak pernah habis terkena panas</p>
<p>Makna: Jikalau seseorang telah berjasa kepada negaranya, pasti jasanya juga tidak akan terlupakan.</p>
<p> </p>
<h4>Contoh Pantun Agama</h4>
<p>15.</p>
<p style="text-align: justify;">Kemumu di dalam semak<br />
Jatuh sehelai selarasnya<br />
Meski ilmu setinggi tegak<br />
Tidak sembahyang apa gunanya</p>
<p> </p>
<p>16.</p>
<p style="text-align: justify;">Terang bulan terang cahaya<br />
Cahaya memancar ke Tanjung Jati<br />
Jikalau hendak hidup bahagia<br />
Beribadahlah sebelum mati</p>
<p style="text-align: justify; font-weight: bold;">Baca Juga: <a href="https://www.ruangguru.com/blog/contoh-pantun-berdasarkan-jenisnya">Kumpulan Contoh Pantun Nasehat, Jenaka & Jenis-Jenis Lainnya</a></p>
<p> </p>
<p>17.</p>
<p>Mentari pagi bersinar cerah<br />
Burung berkicau di atas dahan<br />
Shalat lima waktu janganlah lengah<br />
Itulah kunci hidup penuh keberkahan</p>
<p> </p>
<p>18.</p>
<p>Pergi ke masjid hari Jum’at<br />
Bawa sajadah dan juga peci<br />
Berbuat baik janganlah diperhambat<br />
Agar hidup selalu diberkahi</p>
<p> </p>
<p>19.</p>
<p>Air mengalir di tengah sawah<br />
Anak kecil bermain gembira<br />
Ingat selalu perintah Allah<br />
Jauhi dosa, perbanyak pahala</p>
<p> </p>
<h3><span style="font-size: 14pt;">Contoh Puisi Rakyat Gurindam</span></h3>
<p style="text-align: justify;">Contoh puisi rakyat gurindam terdiri atas beberapa tema, seperti <strong>persahabatan</strong>, <strong>agama</strong>, <strong>nasihat</strong>, <strong>pendidikan</strong>, dan <strong>romansa (romantis)</strong>. Berikut contoh gurindam sesuai jenis temanya untuk kamu.</p>
<p> </p>
<h4>Contoh Gurindam Persahabatan</h4>
<p>20. Cari olehmu akan kawan, pilih segala orang yang setiawan.<br />
21. Sebelum berbicara pikir dahulu, agar tidak melukai hati temanmu.<br />
22. Baik-baik memilih kawan, salah-salah bisa jadi lawan.<br />
23. Jika sahabat tulus dan setia, dalam susah pun tetap bersama.<br />
24. Bersahabat janganlah pura-pura, niat yang baik itulah utama.</p>
<p> </p>
<h4>Contoh Gurindam Agama</h4>
<p>25. Barang siapa meninggalkan sembahyang, seperti rumah tiada bertiang.<br />
26. Barang siapa tiada memegang agama, sekali-kali tiada boleh dibilangkan nama.<br />
27. Barang siapa meninggalkan zakat, tiadalah hartanya beroleh berkat.<br />
28. Barang siapa mengenal Tuhan, hatinya tenang, hidup pun aman.<br />
29. Jika engkau rajin beribadah, dunia akhirat akan indah.</p>
<p> </p>
<h4>Contoh Gurindam Nasihat</h4>
<p>30. Kalau bekerja terburu-buru, tentulah kerja banyak keliru<br />
31. Apabila banyak mencela orang, itulah tanda diri kurang.<br />
32. Apabila dengki sudah bertanah, datanglah daripadanya beberapa anak panah.<br />
33. Jika ingin hidupmu selamat, jauhkan diri dari maksiat.<br />
34. Hormati orang tua setiap saat, itulah tanda anak yang hebat.</p>
<p> </p>
<h4>Contoh Gurindam Pendidikan</h4>
<p>35. Jika hendak mengenal orang berilmu, bertanya dan belajar tiadalah jemu.<br />
36. Ilmu wajib diamalkan, agar ilmu tidak terlupakan.<br />
37. Tidak ada yang tidak mungkin, asal kamu belajar rajin.<br />
38. Ilmu itu pelita di malam gelap, jadi bekal hidup agar tak tersesat.<br />
39. Belajar rajin sejak kecil, dewasa nanti jadi pribadi tangguh dan cerdik akal.</p>
<p> </p>
<h4>Contoh Gurindam Romansa (Romantis)</h4>
<p>40. Apabila hendak asmara bahagia, hilangkan egois di dada.<br />
41. Jika hendak mencari cinta sejati, carilah dengan penuh hati-hati.<br />
42. Cinta kekasih bersemi, jika setia akan abadi.<br />
43. Jika cinta tumbuh di hati, jagalah setia sepanjang hari.<br />
44. Cinta sejati tak hanya kata, tulus hadir dengan setia.<br />
45. Bila kasih terpatri di jiwa, rindu pun datang tanpa diminta.</p>
<p> </p>
<h3><span style="font-size: 14pt;">Contoh Puisi Rakyat Syair</span></h3>
<p style="text-align: justify;">Contoh puisi rakyat syair terdiri atas beberapa macam, yakni <strong>syair panji</strong>,<strong> syair romantis</strong>,<strong> syair kiasan</strong>,<strong> syair sejarah</strong>, dan <strong>syair agama</strong>. Berikut contoh syair sesuai jenisnya untuk kamu.</p>
<p> </p>
<h4>Contoh Syair Panji</h4>
<p style="text-align: justify;">Syair panji menceritakan tentang kehidupan di dalam istana, baik tentang orang-orang yang berasal dari sana, maupun tentang orang-orang yang berada di dalamnya. Contoh syair panji adalah <strong>Syair Ken Tambuhan</strong>.</p>
<p style="text-align: justify;">Syair Ken Tambuhan bercerita tentang seorang puteri raja yang cantik, yang ditawan oleh raja Kuripan dan dikurung dalam taman larangan istana. Putera raja yang bernama Raden Mentri kebetulan bertemu dengan Ken Tambuhan dan jatuh cinta padanya. Ibunya yang takut puteranya akan kawin dengan orang tidak sederajat, kemudian mengupah seseorang untuk membunuh Ken Tambuhan. Sang kaki tangan menyeret Ken Tambuhan ke luar kota, membunuhnya, dan meletakkannya di atas getek untuk dihanyutkan di sungai. Raden Mentri yang menemukan jenazah Ken Tambuhan lalu bunuh diri. Para dewa yang mengetahui kisah ini merasa iba, dan menghidupkan mereka berdua.</p>
<p> </p>
<p style="text-align: justify;">46. Berikut adalah <strong>cuplikan Syair Ken Tambuhan</strong>:</p>
<p>Jika tuan menjadi air<br />
Kakang menjadi ikan di pasir<br />
Kata nin tiada kakanda mungkir<br />
Kasih kakang batin dan lahir</p>
<p>Jika tuan menjadi bulan<br />
Kakang menjadi pungguk merawan<br />
Aria ningsun emas tempawan<br />
Janganlah bercerai apalah tuan</p>
<p>Tuang laksana bunga kembang<br />
Kakanda menjadi seekor kumbang<br />
Tuanlah memberi kakanda bimbang<br />
Tiadalah kasihan tuan akan abang</p>
<p>Jika tuan menjadi kayu rampak<br />
Kakanda menjadi seekor merak<br />
Tiadalah mau kakanda berjarak<br />
Seketika pun tiada dapat bergerak</p>
<p> </p>
<h4>Contoh Syair Romantis</h4>
<p style="text-align: justify;">Sesuai namanya, syair romantis membahas tentang asmara atau percintaan. Biasanya, syair romantis terdapat pada cerita pelipur lara, hikayat, atau cerita rakyat. Contohnya yakni <strong>Syair Bidasari</strong> yang bercerita tentang Bidasari, seorang puteri raja yang sangat cantik.</p>
<p> </p>
<p style="text-align: justify;">47. Berikut adalah <strong>cuplikan Syair Bidasari</strong>:</p>
<p>Tersebutlah perkataan Bidasari<br />
Setelah malam sudahlah hari<br />
Bangunlah ia seorang diri<br />
Makan dan minum barang yang digemari</p>
<p>Pergilah mandi Siti Bangsawan<br />
Serta memakai bau-bauan<br />
Lalu masuk ke dalam peraduan<br />
Santap sirih di dalam puan</p>
<p>Bertemu sepah bekas dimakan<br />
Diambil Siti dicampakkan<br />
Dengan takutnya ia berfikirkan<br />
Siapakah ini yang membuatkan</p>
<p>Jikalau manusia yang empunya<br />
Nescaya aku dicabulinya<br />
Jika ayahku datang adalah tandanya<br />
Bertambahlah makanan yang dibawanya</p>
<p>Dilihatnya Siti tempat tidurnya<br />
Tilam sedikit tersingkir alasnya<br />
Sirih di puan salah aturannya<br />
Bidasari masygul dengan takutnya</p>
<p>Ia pun duduk di atas geta<br />
Sangatlah gundah rasanya cita<br />
Seraya bertaburan air mata<br />
Manakah tempat ia hendak dikata</p>
<p> </p>
<h4>Contoh Syair Kiasan</h4>
<p style="text-align: justify;">Syair kiasan bercerita tentang kisah cinta ikan, burung, bunga, atau buah-buahan. Disebut syair kiasan karena cerita yang ada dalam syair kiasan berisi tentang sindiran terhadap peristiwa tertentu.</p>
<p style="text-align: justify;">Contoh syair kiasan adalah <strong>Syair Burung Pungguk</strong>. Syair ini bercerita tentang kegagalan kisah cinta akibat perbedaan kedudukan atau derajat. Syair menceritakan seorang pria yang mencintai seorang gadis dengan derajat yang lebih tinggi, namun gadis tersebut menolaknya. Pria tersebut diibaratkan sebagai burung pungguk, sedangkan si gadis diibaratkan sebagai bulan. Karena cintanya ditolak, sang Pungguk hanya bisa menatap sang Bulan dari jauh.</p>
<p> </p>
<p style="text-align: justify;">48. Berikut adalah <strong>cuplikan Syair Burung Pungguk</strong>:</p>
<p>Pertama mula pungguk merindu<br />
Berbunyilah guruh mendayu-dayu<br />
Hatinya rawan bercampur pilu<br />
Seperti diiris dengan sembilu</p>
<p>Pungguk bermadah seraya merawan<br />
Wahai bulan, terbitlah tuan<br />
Gundahku tidak berketahuan<br />
Keluarlah bulan tercelah awan</p>
<p> </p>
<h4>Contoh Syair Sejarah</h4>
<p style="text-align: justify;">Syair ini menceritakan kisah berdasarkan cerita sejarah. Sebagian besar syair sejarah bercerita tentang peperangan. Misalnya, <strong>Syair Perang Mengkasar</strong> (dulunya bernama <strong>Syair Sipelman</strong>), yang bercerita tentang perang antara orang-orang Makassar dengan Belanda.</p>
<p> </p>
<p style="text-align: justify;">49. Berikut adalah <strong>cuplikan Syair Perang Mengkasar</strong>:</p>
<p>Demikian asal mula pertama<br />
Welanda dan Bugis bersama-sama<br />
Kornilis Sipalman ternama<br />
Raja Palakka menjadi panglima</p>
<p>Berkampunglah Welanda sekalian jenis<br />
Berkatalah Jendral Kapitan yang bengis<br />
Jikalau alah Mengkasar nin habis<br />
Tunderu’ kelak raja di Bugis</p>
<p>Setelah didengar oleh si Tunderu’<br />
Kata jenderal Welanda yang mabuk<br />
Berbangkitlah ia yang duduk<br />
Betalah kelak di medan mengamuk</p>
<p> </p>
<h4>Contoh Syair Agama</h4>
<p style="text-align: justify;">Terakhir, yaitu syair agama yang berisi ajaran agama dan nasihat bijak. Salah satu contoh syair agama yaitu <strong>Syair Perahu</strong> yang ditulis oleh <strong>Hamzah Fansuri</strong>, seorang penyair yang dipercayai dilahirkan pada akhir abad ke-16 di Barus atau Panchor, Sumatera Utara.</p>
<p> </p>
<p style="text-align: justify;">50. Berikut adalah <strong>cuplikan Syair Perahu</strong>:</p>
<p>Inilah gerangan suatu madah<br />
mengarangkan syair terlalu indah<br />
membetuli jalan tempat berpindah<br />
di sanalah i’tikat diperbetuli sudah</p>
<p>Wahai muda kenali dirimu<br />
ialah perahu tamsil tubuhmu<br />
tiadalah berapa lama hidupmu<br />
ke akhirat jua kekal hidupmu</p>
<p>Hai muda arif-budiman<br />
hasilkan kemudi dengan pedoman<br />
alat perahumu jua kerjakan<br />
itulah jalan membetuli insan</p>
<p>Perteguh jua alat perahumu<br />
hasilkan bekal air dan kayu<br />
dayung pengayuh taruh di situ<br />
supaya laju perahumu itu</p>
<p style="text-align: justify; font-weight: bold;">Baca Juga: <a href="/blog/contoh-syair-berbagai-tema" rel="noopener">Kumpulan Contoh Syair Berbagai Macam Tema beserta Ciri-Ciri dan Jenisnya</a></p>
<p style="text-align: center;">—</p>
<p style="text-align: justify;">Demikian pembahasan mengenai pengertian, ciri-ciri, jenis-jenis, hingga contoh puisi rakyat pantun, gurindam, dan syair. Semoga artikel ini berguna untuk kamu yang sedang belajar tentang puisi rakyat dan puisi lama, ya! Jangan lupa belajar terus bersama <a href="https://www.ruangguru.com/ruangbelajar"><span style="font-weight: bold;">ruangbelajar</span></a>, supaya jadi anak pintar!</p>
<p><a href="https://linktr.ee/bayar.ruangguru.com" target="_blank" rel="noopener"><img decoding="async" class="aligncenter" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/a2dbab8e-e903-4b70-ae04-39ff5807647e.jpg" alt="CTA ruangbelajar" width="820" /></a></p>
<p style="text-align: justify; font-weight: bold;">Sumber Gambar:</p>
<p style="text-align: left;">Foto ‘Chat dengan Pengemudi Ojek Online’ [Daring]. Tautan: https://cdn.idntimes.com/content-images/community/2021/10/1-98683f6205efbdd1649342f83fb045bf-4bdb99e1dea94d559175309c7c2b9c3d.JPG</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=50 Contoh Puisi Rakyat: Pantun, Gurindam & Syair, Lengkap! | Bahasa Indonesia Kelas 7%0D%0A%0D%0Ahttps://www.ruangguru.com/blog/contoh-puisi-rakyat"><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/contoh-puisi-rakyat&quote=50 Contoh Puisi Rakyat: Pantun, Gurindam & Syair, Lengkap! | 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=50 Contoh Puisi Rakyat: Pantun, Gurindam & Syair, Lengkap! | Bahasa Indonesia Kelas 7&url=https://www.ruangguru.com/blog/contoh-puisi-rakyat"> <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/contoh-puisi-rakyat&title=50 Contoh Puisi Rakyat: Pantun, Gurindam & Syair, Lengkap! | 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 = 412;
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>