Teman-teman, mau tahu apa saja contoh-contoh syair? Yuk, lihat beberapa contoh syair di artikel Bahasa Indonesia kelas 7 berikut ini!
—
Syair merupakan sejenis puisi lama yang berasal dari Persia. Perkembangan syair ini bersamaan ketika masuknya Islam ke Nusantara. Awalnya, syair mengacu pada tradisi sastra syair di negeri Arab. Akan tetapi seiring perkembangannya zaman, syair dimodifikasi sehingga menjadi khas melayu dan menggunakan bahasa Melayu Kuno, Sansekerta, dan Arab.
Di artikel bahasa Indonesia sebelumnya, kamu sudah mengenal pengertian syair, sejarah, dan jenis-jenisnya, ya. Gimana nih, apakah kamu sudah bisa membuat syair? Atau perlu melihat contoh-contoh syair terlebih dahulu? Eits.. sebelum kamu melihat contoh-contoh syair, kita bahas pengertian dan ciri-ciri syair terlebih dahulu ya!
Baca Juga: Mengenal Pengertian Syair, Sejarah, dan Jenis-Jenisnya
Pengertian Syair
Kata syair berasal dari bahasa Arab, yaitu syu’ur yang berarti perasaan. Kemudian, kata syu’ur berkembang menjadi kata syi’ru yang berarti puisi. Syair juga sering dikategorikan dalam puisi rakyat.
Syair di Indonesia pertama kali muncul pada abad ke-14, dalam bentuk tulisan doa yang tertera di sebuah nisan raja yang terletak di Minye Tujoh, Aceh. Syair tersebut dipahat pada batu nisan dengan perhitungan tahun 781 Hijriah (1380 Masehi).
Penasaran sama bunyi syairnya nggak nih? Berikut syair paling tua dalam sejarah kesusastraan Indonesia.
Hijrat nabi mungstap yang prasida
Tujuh ratus asta puluh sawarsa
Haji catur dan dasa warsa sukra
Raja iman warna rahmat-allah
Gutra barubasa mpu hak kedah pase ma
Taruk tasih tanah samuha
Ilahi ya rabbi tuhan samuha
Taruh dalam swarga tuhan
Artinya:
Setelah hijrah Nabi, kekasih yang telah wafat
Tujuh ratus delapan puluh satu tahun
Bulan Zulhijah 14 hari, Jumat
Ratu iman Werda (rahmat Allah bagi Baginda)
Dari suku Barubasa (Gujarat), mempunyai hak atas
Kedah dan Pasai
Menaruk di laut dan darat semesta
Ya Allah, ya Tuhan semesta
Taruhlah Baginda dalam surga Tuhan
Nah, agar kamu dapat membedakan syair dengan jenis-jenis puisi lama lainnya, syair memiliki ciri dan karakteristiknya sendiri. Berikut adalah ciri-ciri syair yang bisa kamu ketahui:
- Setiap bait terdiri atas empat baris.
- Jumlah suku kata dalam setiap baris antara 8-14 suku kata.
- Semua barisnya adalah isi.
- Rima (persamaan bunyi atau persajakannya) adalah a-a-a-a.
- Syair tidak mempunyai sampiran, layaknya pantun.
- Makna dari syair ditentukan oleh bait-bait selanjutnya.
- Bahasa pada syair berbentuk kiasan.
Setelah kamu mengetahui pengertian dan ciri-ciri syair, berikut ini disediakan beberapa contoh dalam berbagai macam tema. Mulai dari syair romantis, syair pendidikan, syair agama, syair nasihat, syair persahabatan, syair kiasan, syair sejarah, dan syair panji, yang bisa dijadikan referensi untuk menambah pengetahuanmu
Baca Juga: Mengenal Ciri-Ciri Syair
Contoh Syair Romantis
1.
Dengarlah kisah suatu riwayat
Raja di desa negeri Kembayat
Dikarang fakir dijadikan hikayat
Dibuatkan syair serta berniat
Ada raja sebuah negeri
Sultan Agus bijak bestari
Asalnya baginda raja yang bahari
Melimpahkan pada dagang biaperi
Kabar orang empunya termasa
Baginda itulah raya perkasa
Tiada Ia merasai sengsara
Entah kepada esok dan lusa
2.
Berhentilah kisah raja Hindustan
Tersebutlah pula suatu perkataan
Abdul Hamid Syah Paduka Sultan
Duduklah Baginda bersuka-sukaan
Abdul Muluk putera Baginda
Besarlah sudah bangsa muda
Cantik menjelis usulnya syahda
Tiga belas tahun umurnya ada
Parasnya elok amat sempurna
Petah majelis bijak laksana
Memberi hati bimbang gulana
Kasih kepadanya mulia dan hina
3.
Dia telah menanam cinta
Serta rasa mendalam hati dan jiwa
Membuat gundah yang mengalaminya
Gelisah dan akhirnya dirasa
Dia juga telah mengukir nama
Terlukis hebat di dalam jiwa
Rindu jadi selalu membawa
Hati terbakar gegara asmara
Tak perlulah kau menabur cinta
Ini hanya akan membuat luka
Jika akhirnya kita tak bersama
Tak seperti janji kita saat kala
4.
Cinta membuatku tertambat padamu
Hati juga dipenuhi rasa rindu
Rasa ingin terus bertemu
Untuk menyejukkan netraku
Mungkin begini harusnya cinta
Jalan berliku berdamping cerita
Pastilah terkenang sepanjang masa
Mungkin kan abadi selamanya
5.
Kau demikian sempurna
Bak cincin berhiaskan permata
Tiada cacat tiada luka
Memandangmu menyejukkan netra
Tak ada daya pada diri yang biasa
Merasa cinta pada sang bijaksana
Cukuplah tahukan diri sahaja
Yang tak layak bersanding dengannya
6.
Dan mungkin kita ditakdirkan
Bukan untuk saling memiliki
Hanya sebagai kekasih
Dan kenangan dalam hati
7.
Jika kau jatuh cinta
Cobalah berdoa pada yang kuasa
Agar menyandingkan kau dengannya
Pada bahtera rumah tangga
8.
Apa cinta selalu begini
Membahagiakan pemilik hati
Membuat rindu pada diri
Yang terpikir hanya doi
9.
Dia juga telah mengukir nama
Terlukis hebat di dalam jiwa
Rindu jadi selalu membara
Hati terbakar gegara asmara
10.
Wajahmu selalu tersketsa
Dalam khayal menenangkan jiwa
Memilikimu membuatku bahagia
Semoga kita direstui oleh-Nya
Contoh Syair Pendidikan
1.
Ingatlah ini ananda
Rajinlah belajar sepanjang masa
Karena ilmu tiada habisnya
Sampai kau tutup usia
2.
Ilmu adalah karunia-Nya
Amalkan semampu yang kau bisa
Agar tak sia-sia
Segala pemberian-Nya
3.
Pendidikan udah dibuat pilar,
agar jadi bangsa nan besar,
tapi masalahnya tak kelar-kelar,
bak benang kusut berpusar-pusar.
4.
Dahulu kita bangsa yang hebat,
guru dikirim ke negeri hang jebat,
kini faktanya udah terjulat,
anak negeriku kesana meloncat.
5.
Guru saat ini kenakan dasi,
duitnya banyak dari sertifikasi,
bahkan ada bermercedes classi,
penuh pula kantong berisi.
6.
Dengarlah para anak muda
Rajinlah belajar sepanjang masa
Ilmu itu tak akan habis dieja
Untuk bekal sepanjang usia
7.
Ilmu akan membuatmu terjaga
Dari suramnya waktu serta masa
Cemerlang nantinya akan senantiasa
Menyinarimu saat masa dewasa
8.
Dunia sekarang begitu maju
Jadikan ilmu sebagai pegangan
Sebagai benteng agar tidak tertipu
Sehingga hidup penuh kebahagiaan
9.
Kita saja yang masih kurang
Belajar juga masih jarang
Masih suka berbuat curang
Akhirnya jadi terbelakang
10.
Ke sekolah luruskan niatmu
Tekadkan hati mencari ilmu
Tak ada rugi belajar tiap waktu
Supaya baik masa depanmu
11.
Kita saja yang masih kurang
Belajar juga masih jarang
Masih suka berbuat curang
Jangan salahkan siapa-siapa kalau jadi terbelakang
12.
Sekolah adalah tempat bertemu
Dengan segala jenis ilmu
Menjadi lebih baik selalu
Bertemu teman tidak jemu
Contoh Syair Agama
1.
Jauhi semua perbuatan jahat
Jauhi pula perbuatan maksiat
Mari kita segera bertaubat
Supaya selamat di dunia akhirat
Jangan lalaikan perintah-Nya
Kerjakan yang disuruh-Nya
Bertaubatlah kepada-nya
Dia pasti menerimanya
Ingatlah pada dosamu
Ingatlah akan kelalaianmu
Perbaiki hati dan dirimu
Tuhan pasti kan menyayangimu
2.
Inilah gerangan suatu madah,
mengarangkan syair terlalu indah,
membetuli jalan tempat berpindah,
di sanalah i’tikat diperbetuli sudah.
Wajah muda kenali dirimu,
ialah perahu tamsil tubuhmu,
tiadalah berapa lama hidupmu,
ke akhirat jua kekal diammu.
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.
3.
Janganlah engkau berbuat maksiat
Janganlah engkau berbuat jahat
Segeralah kau bertobat
Agar selamat di dunia akhirat
Janganlah engkau bertakabur
Perbanyaklah engkau bertafakur
Mendapat nikmat harus bersyukur
Agar selamat dari siksa kubur
Dunia ini memang tua
Sebaiknya jangan untuk huru hara
Ibadahlah memohon ampun pada-Nya
Sesungguhnya hanya Engkau yang sempurna
4.
Bertobatlah setelah melakukan salah
Karena kita hanyalah makhluk lemah
Bantu kami dan tuntunlah
Untuk meraih surga-Mu yang indah
5.
Jauhi semua perbuatan jahat
Jauhi pula perbuatan maksiat
Mari kita segera bertobat
Supaya kita selamat dunia akhirat
6.
Jangan risau dengan cobaan
Jangan bersedih karena kesulitan
Berdoa saja pada Tuhan
Insyaallah Dia kan kabulkan
7.
Ingatlah pada dosamu
Ingatlah akan kelalaianmu
Perbaiki hati dan dirimu
Tuhan pasti kan menyayangimu
8.
Jangan lalaikan perintah-Nya
Kerjakan yang disuruh-Nya
Bertaubatlah kepada-Nya
Dia pasti menerimanya
9.
Kini ku ingin kembali
KepadaMu wahai Rabbul Izzati
Agar tentram selalu menaungi
Untuk sisa hidupku ini
10.
Jauh sudah aku melangkah
Mengejar dunia dengan serakah
Semakin ku kejar semakin jauh
Pada jurang siksa hati berlabuh
—
Kita break sebentar yuk! Gimana, seru nggak baca-baca contoh ulasan novel dan contoh-contoh ulasan film barusan? Nah, materi tentang ulasan ini, tentunya bakal lebih asik dipelajari lewat video animasi dari Ruangguru, loh! Soalnya, sudah ada fitur ADAPTO yang bisa menyesuaikan kemampuan belajar kamu. Coba cek sekarang, yuk!
Contoh Syair Nasihat
1.
Rajin-rajinlah beribadat
Janganlah lupa mengerjakan salat
Dan perbanyaklah engkau berzakat
Untuk bekal nanti di akhirat
2.
Yang kaya harusnya keluarkan sedekah
Pandang orang yang posisinya di bawah
Jangan arahkan kepala menengadah
Agar diri tak tergoda untuk bermewah
3.
Rintik hujan jatuh ke bumi
Mengairi ibu pertiwi
Bagai kidung dikala sepi
Sungguh indah saling memberi
4.
Jangan kau menimbun harta
Karenanya akan membuatmu lupa
Akan kehidupan setelahnya
Yang abadi selamanya
5.
Orang kaya jangan suka menghina
Karena kaya miskin sama saja
Tiada manusia yang hina
Karena hidup itu layaknya roda
6.
Jika diri terus ikuti syahwat
Hidup bisa jadi lebih berat
Jiwa bisa jadi tak terawat
Hati juga bisa rusak berkarat
7.
Kaki yang terus melangkah
Hati yang selalu berserah
Takkan ada keluh kesah
Takkan pula ada resah
8.
Hati yang terus bermunajat
Memandang siapa tinggi derajat
Tiada angkuh walau moderat
Berkedudukan kelak di akhirat
9.
Yang kaya harusnya keluarkan sedekah
Pandang orang yang posisinya di bawah
Jangan arahkan kepala menengadah
Agar diri tak tergoda untuk bermewah
10.
Walau kamu sudah besar
Jangan bertutur kata dengan kasar
Jadilah pribadi yang sabar
Agar tetangga tak jadi gusar
Baca Juga: Contoh Puisi Rakyat: Pantun, Gurindam, & Syair, Lengkap!
Contoh Syair Persahabatan
1.
Teringat saat pertama berjabat
Kau sapa aku dengan hangat
Hingga menjadi teman erat
Berpisah pun terasa berat
2.
Selalu hadi dalam hati suka
Tetap setia ketika datang duka
Bahkan kau tak pernah murka
Meski ku pernah membuatmu luka
3.
Hai sahabat ayo diingat
Kita bersua hanya tuk sesaat
Tapi kau akan tetap ku ingat
Dalam hati dengan amat sangat
4.
Sahabat sejati itu abadi
Tak perlu lagi aku cari
Andai kita tak bersua lagi
Alangkah hancurnya hati ini
5.
Tak hanya suka mari berbagi duri
Aku siap ada di sisi
Tak perlu ragu lagi untuk datangi
Mari bersama bahagiakan hati
6.
Hai sahabat yang tak lagi terlihat
Apa kabarmu saat di akhirat?
Kuingat jelas ketika kau sekarat
Betapa perih hati yang tersayat
Untuk lisan yang selalu berucap tenang
Buat gundah menjadi berpindah senang
Aku tak tahu malam akan begitu lengang
Mengharapkanmu setiap malam datang
Untuk setiap kasih yang sulit terbalas
Berapa milyar kata kau jadikan atlas?
Agar bisa aku berjalan tanpa tersesat
Namun kini aku rasa telah terlalu bebas
Hai sahabat yang sedang melihatku
Sampai nanti kita bertemu
Harap engkau masih sama menyambutku
Betapa hidup hampa tanpa hadirmu
7.
Katanya sahabat yang datang berjabat
Namun jauh pun tetaplah sahabat
Sebab hadirnya tak perlu bertatap
Cukup suaranya yang selalu kudekap erat
Sahabat sejati terbawa sampai mati
Di mana pun aku selalu sahabat di hati
Hilang hari satu-satu selalu berganti
Namun yang terbaik memang selalu di hati
Sahabat baik tak kenal arti berkhianat
Apalagi menjelma menjadi laknat
Bahkan bara api berani ia lumat
Demi bersihkan nama sang sahabat
Bila hidup tanpa sahabat sejati
Entah bagaimana saat mati nanti
Tak terbayang betapa sepinya peti
Tiada yang berucap, oh sahabat sejati
Katanya menikahi sahabat adalah surgawi
Namun aku tidak ingin bertengkar hilang kendali
Maka aku jadikan engkau sebagai sahabat sejati
Yang tidak mendua dan tidak mengkhianati
8.
Sahabat selalu dihati
Engkau selalu membuatku ceria
Disaat hari-hariku sunyi
Engkau selalu ada dan membuatku bahagia
Hanya sahabat yang selalu ada
Di saat aku susah juga senang
Engkau selalu memberiku semangat
Keindahan hari bersamamu akan ku kenang
Saat ku ingat masa lalu
Ku sedih ku berduka
Karena sahabatku tak lagi disisiku
Dan tak lagi membuatku bahagia
Sahabat Mengapa meninggalkan meninggalkanku
Di saat dirimu pergi hidupku hampa
Aku rindu di saat kau slalu di dekat ku
Kini tiada lagi yang membuatku tertawa
9.
Setiap orang terlahir dengan sahabat
Jiwa raga adalah kawan terhebat
Batin dan pikiran tak kalah harus dirawat
Semua mesti dilakukan secara tepat
Bukan begitu arti sahabat?
Selalu hadir dalam segala nurbuat?
Atau ada untuk merawat
segala sedih yang pernah terbuat
Saat dunia begitu seram
Dan hati selalu menjadi geram
Ada sahabat selalu menggenggam
Sampai malam tak lagi kelam
Sahabat sejati menuntun aku pulang
Kepada Tuhan agar tak salah jalan
Kemana malam ini kau sedang?
aku butuhkan pelukan untuk kugenggam
Hai Dermawan dengan hati lapang
Saat susah kau selalu buatku senang
Sahabat setia akan terkenang
Sampai malam menjadi tenang
10.
Teringat saat pertama berjabat
Kau sapa aku dengan hangat
Hingga menjadi teman erat
Berpisah pun terasa berat
Selalu hadi dalam hati suka
Tetap setia ketika datang duka
Bahkan kau tak pernah murka
Meski ku pernah membuatmu luka
Hai sahabat ayo diingat
Kita bersua hanya tuk sesaat
Tapi kau akan tetap ku ingat
Dalam hati dengan amat sangat
Sahabat sejati itu abadi
Tak perlu lagi aku cari
Andai kita tak bersua lagi
Alangkah hancurnya hati ini
Tak hanya suka mari berbagi duri
Aku siap ada di sisi
Tak perlu ragu lagi untuk datangi
Mari bersama bahagiakan hati
Sahabatku yang sedang jauh
Hati tetap dekat raga jauh
Tak mampu berlayar angkat sauh
Untukmu sahabat rinduku penuh
Suatu saat kita pasti bertemu
Untuk saling melepas rindu
Bercerita tentang masa lalu
Tentang tawa dan tangi bersamamu
Masih mencuat manis angan dan kericuhan masa itu
Di mana kita berkeluh kesah, bercanda gurau berteman
Tatkala khayal berselimut rindu ini bersenyap datang
Masihkah mungkin bersua riang menapak jalanku
Perpisahan adalah akhir kita
Namun bukankah kita bisa bersua
Takkan habis termakan usia
Pertemanan kita yang bersahaja
Ingatlah saat tangan kita berjabat
Kau menyapaku dengan hangat
Jadikan aku teman terdekat
Berpisah denganmu alangkah berat
Contoh Syair Kiasan
1.
Syair Burung Pungguk
Dengarlah Tuan mula rencana
Disuratkan oleh dagang yang hina
Karangan janggal banyak tak kena
Daripada paham belum sempurna
Daripada hari sangatlah morong
Dikarang syair seekor burung
Sakitnya kasih sudah terdorong
Gila merawan segenap lorong
Pertama mula pungguk merindu
Berbunyilah guruh mendayu-dayu
Hatinya rawan bercampur pilu
Seperti dirilis dengan sembilu
Pungguk bermadah seraya merawan
Wahai bulan, terbitlah Tuan
Gundahmu tidak berketahuan
Keluarlah bulan tercelalah awan
2.
Apakah aku hanya bunga pinggiran
Yang selalu dianggap tak berkesan
Tak seindah melati lambang kesucian
Hanya rakyat kecil penuh kehinaan
Aku pula bukan mawar istimewa
Yang dikawal duri kemana-mana
Cukuplah makan puaskan dahaga
Bergaul indah dengan tunawisma
Tak pantas rasanya kumbang nyatakan cinta
Pada bunga yang telah mekar sempurna
Tapi bagaimana pula hendak dikata
Saat rasa suka menjalar di dada
3.
Bismillah itu permulaan kalam
Dengan nama Allah khalik Al-Alam
Melimpahkan rahmat siang dan malam
kepada segala mukmin dan islam
mula dikarang ikan terubuk
lalai memandang ikan di lubuk
hati dan jantung bagai serbuk
laksana kayu dimakan bubuk
asal terubuk ikan puaka
tempatnya konon di laut melaka
siang dan malam berhati duka
sedikit tidak menaruh suka
4.
Aku bukanlah yang diinginkan
Aku hanya bunga biasa
Tak seindah mawar
Yang merah merona
Dan selalu dipuja-puja
Aku hanya bunga pinggiran
Tak sesuci melati
Yang putih nan bersih
Dan selalu dibanggakan
Aku hanya bunga biasa
Kumbang pun enggan denganku
Burung pun enggan denganku
Lebah pun serasa tak tahu aku ada
Aku memang tak punya intan
Emas tak pernah ku genggam
Berlian tak pernah hiasiku
Hanya rasa ini di dalam hati
Cinta ku tak bisa ku larang
Rasaku tak bisa kutolak
Anugerah ini akan selalu ada
Meski hanya sebelah saja
Kau insan yang sempurna
Tiada cacat tiada luka
Semua sungguh sempurna
Tak pernah luput pandanganku untukmu
Cinta ini bukan tuk dinyatakan
Tiada daya kekuatan keberanian
Upaya pun sungguh tak terasa pantas
Karena ku hanya pungguk rindukan bulan
5.
Tak seputih melati cintamu bersemi
Sekalipun setiap pagi aku menyirami
Terlampau jauh kuselami
Ternyata engkau tak jua mengerti
6.
Gugur bungaku di hutan tandus
Bahkan aromanya tak bisa kuendus
Saat layu dan berubah menjadi kaktus
Apa arti hidup jika terus-menerus ketus?
7.
Kau berjanji menjadikanku dahlia
Senyum setiap hari dan bahagia
Kita bersepakat di tanah yogya
Untuk sampai mati selalu setia
8.
Kuberitahukan engkau wahai tuan putri
yang kau tangisi adalah kedelai bergigi
Sementara engkau adalah mawar berduri
Jelita parasmu, maka biarkan aku mencintai
9.
Orang bilang mawar paling manis
Namun bagiku tetap edelweiss
Orang berusaha dengan puitis
Namun aku tak berusaha romantis
Cukup bukti bukan janji manis
10.
Kepada tuan pemilik negeri
Yang kelilingi mawar dengan duri
Terkadang engkau hadir seperti peri
Namun terkadang sulit yang diberi
Baca Juga: Kumpulan Contoh Pantun Jenaka, Nasehat, dan Jenis Lainnya
Contoh Syair Sejarah
1. Contoh Syair Sejarah “Saksi Kalimantan Selatan”
Bermula kalam kami tuliskan
Segenap pikiran dicurahkan
Untuk menyusun syair kesejahteraan
Merangkai kejadian secara berurutan
Adapun nama syair yang dituliskan
Kerajaan Negara Dipa di Kalimantan Selatan
Sebagai bahan pengetahuan
Untuk saudara, kawan sekalian
Walaupun bukti sejarah Kalimantan Selatan
Tidak berupa benda bertuliskan
Namun berkas kerjaan dapat dibuktikan
Menurut penelitian para sejarawan
Bekas kerjaan yang dapat disebutkan
Seperti Candi Agung bukti peninggalan
Letaknya di Amuntai sudah dipastikan
Pemugarnya pun sudah dilakukan
2. Contoh Syair Sejarah “Hikayat Puteri Johar Manikam”
Harganya murah ayuhai akhwan
tawar menawar boleh ketahuan
tiadalah tinggi wajah bangsawan
dengan yang patut Tuan tawarkan
Adat berniaga demikian itulah
tawar menawar bukannya salah
dengan yang patut Tuan khabarlah
dapat ta’dapat dicobakanlah
3. Contoh Syair Sejarah “Perang Mengkasar”
Bermula kalam kami tuliskan
Segenap pikiran dicurahkan
Untuk menyusun syair kesejarahan
Merangkai kejadian secara berurutan
Adapun nama syair yang dituliskan
Kerajaan Negara Dipa di Kalimantan Selatan
Sebagai bahan pengetahuan
Untuk Saudara, Kawan sekalian
Walaupun bukti sejarah Kalimantan Selatan
Tidak berupa benda bertuliskan
Namun bekas kerajaan dapat dibuktikan
Menurut penelitian para sejarawan
Bekas kerajaan yang dapat disebutkan
Seperti Candi Agung bukti peninggalan
Letaknya di Amuntai sudah dipastikan
Pemugarannya pun sudah dilakukan
Contoh Syair Panji
1. Contoh Syair Panji “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 berserai apalah tuan
Tuan laksana bunga kembang
Kakanda menjadi seekor kumbang
Tuan 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
2. Contoh Syair Panji “Roro Jonggrang”
Terkisah cinta dua insan
di Candi Prambanan
Bandung Bondowoso dan Roro Jonggrang
Tepatnya, cinta bertepuk sebelah tangan
Lihat, betapa megahnya prambanan
Tak tahukah kamu di sana Jonggrang bertahta
Tepat menjadi candi ke seratus pada singgasana
Sebab membodohi Bondowoso yang berjuang
Roro Jonggrang tak mau, Bondowoso kepalang
cinta hingga sanggupi permintaan
Mula tak mengira akan disanggupkan
ternyata akhirnya Jonggrang bermain curang
Lihat, betapa indah prambanan
Apa kabar Roro Jonggrang?
Apakah ia larut dalam tangisan?
atau tersenyum karena kemenangan?
3. Contoh Syair Panji “Dayang Sumbi”
Tahukah engkau kisah rumit ini?
Si Tumang, Sangkuriang, Dayang Sumbi?
Bagaimana bisa Dayang Sumbi
Si cantik jelita dengan Si Tumang ia bersuami?
Tatkala orang melihat Tumang seekor anjing
Sumbi justru menjadikannya pendamping
Titisan dewa yang turun ke bumi menjadi asing
Hingga mati di tangan Sangkuriang
Sangkuriang berburu ditemani Si Tumang
Tak dapat mangsa, nyawa Tumang diregang
Sumbi marah bukan kepalang
Sangkuriang diusir tak pernah lagi pulang
Sangkuriang tumbuh dewasa berwibawa
Sumbi tak menua, tetap muda jelita
Sangkuriang lupa wajah sang ibunda
Saat bertemu malah ia jatuh cinta
Tentu tak bisa dipersatukan atas cinta
Dayang sumbi bersiasat gagalkan rencana
Perahu dibuat lalu ditendang sejauh mata
Lahirlah tangkuban perahu dan legendanya
4.
Berhentilah kisah Raja Hindustan
Tersebutlah pula suatu perkataan
Abdul Hamit padaku sultan
Duduklah baginda bersuka-sukaan
5.
Abdul Muluk putra baginda
Besarlah sudah bangsawan muda
Cantik majelis usulnya syahdam
Tiga belas tahun umurnya ada
6.
Para elok amat sempurna
Petah menjelis bijak laksana
Memberi hati bimbang gulana
Kasih kepadanya mulya dan hina
7.
Jika tuan menjadi air
Kakang menjadi ikan di pasir
Kata nin tiada kakanda mungkir
Kasih kakang batin dan lahir
8.
Tuan laksana bunga kembang
Kakanda menjadi seekor kumbang
Tuan memberi kakanda bimbang
Tiadalah kasihan tuan akan abang
9.
Abdul Muluk putra baginda
Besarlah sudah bangsawan muda
Cantik majelis usulnya syahdam
Tiga belas tahun umurnya ada
10.
Jika tuan menjadi bulan
Kakang menjadi pungguk merawan
Aria ningsun emas tempawan
Janganlah bercerai apalah tuan
Baca Juga: Pengertian Pantun, Ciri, Fungsi, Struktur, Jenis & Contoh
—
Oke, itulah beberapa kumpulan contoh syair dari berbagai jenisnya. Semoga contoh syair di atas, dapat menjadi referensi kamu dalam membuat syair, ya. Nah, kamu bisa loh belajar materi ini lebih lanjut dengan bantuan video interaktif. Yuk, langsung aja langganan di ruangbelajar!
Referensi:
Estiningtyas, Arista. 2023. 10 Contoh Syair Persahabatan yang Singkat Lengkap dengan Penjelasannya. (online) https://www.sonora.id/read/423664444/10-contoh-syair-persahabatan-yang-singkat-lengkap-dengan-penjelasannya?page=all [diakses 14 Februari 2023]
Yonatan, Agnes. Z. 2022. 50 Contoh Syair Berbagai Tema dan Penuh Makna, Lengkap! (online) https://www.detik.com/bali/berita/d-6445158/50-contoh-syair-berbagai-tema-dan-penuh-makna-lengkap [diakses 14 Februari 2023]
Kumparan. 2022. 40 Contoh Syair Nasihat, Pendidikan, hingga Persahabatan. (online) https://kumparan.com/kabar-harian/40-contoh-syair-nasihat-pendidikan-hingga-persahabatan-1xn5zGI0XfR/full [diakses 14 Februari 2023]
Zakaria, Shabrina. 2022. Mengenal Syair: Pengertian, Sejarah, dan Jenis | Bahasa Indonesia Kelas 9 (online) https://www.ruangguru.com/blog/bahasa-indonesia-kelas-9-mengenal-syair-si-puisi-lama [diakses 14 Februari 2023]
Laily, Iftitah Nurul. 2021. Pengertian Syair, Ciri-Ciri, Jenis dan Contohnya. (online) https://katadata.co.id/safrezi/berita/61b2e9b33d9a1/pengertian-syair-ciri-ciri-jenis-dan-contohnya [diakses 14 Februari 2023]
<!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>75 Contoh Syair Berbagai Macam Tema beserta Ciri & Jenisnya</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="Syair bisa juga disebut sebagai puisi lama. Berikut dijelaskan pengertian, ciri-ciri, serta berbagai macam contoh syair berdasarkan jenis-jenisnya. Yuk simak!" />
<link rel="canonical" href="https://www.ruangguru.com/blog/contoh-syair-berbagai-tema" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="75 Contoh Syair Berbagai Macam Tema beserta Ciri & Jenisnya" />
<meta property="og:description" content="Syair bisa juga disebut sebagai puisi lama. Berikut dijelaskan pengertian, ciri-ciri, serta berbagai macam contoh syair berdasarkan jenis-jenisnya. Yuk simak!" />
<meta property="og:url" content="https://www.ruangguru.com/blog/contoh-syair-berbagai-tema" />
<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="2024-01-18T02:54:40+00:00" />
<meta property="article:modified_time" content="2025-10-13T09:32:20+00:00" />
<meta name="author" content="Nurul Hidayah" />
<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="Nurul Hidayah" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="16 minutes" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.ruangguru.com/blog/contoh-syair-berbagai-tema","url":"https://www.ruangguru.com/blog/contoh-syair-berbagai-tema","name":"75 Contoh Syair Berbagai Macam Tema beserta Ciri & Jenisnya","isPartOf":{"@id":"https://www.ruangguru.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.ruangguru.com/blog/contoh-syair-berbagai-tema#primaryimage"},"image":{"@id":"https://www.ruangguru.com/blog/contoh-syair-berbagai-tema#primaryimage"},"thumbnailUrl":"https://cdn-web.ruangguru.com/landing-pages/assets/hs/IND7%20-%20Konsep%20Pelajaran%20-%20Contoh%20Syair%20Berbagai%20Macam%20Tema-01.jpg","datePublished":"2024-01-18T02:54:40+00:00","dateModified":"2025-10-13T09:32:20+00:00","author":{"@id":"https://www.ruangguru.com/blog/#/schema/person/cbeef75dbafb3cf0cb01b704ed9127ae"},"description":"Syair bisa juga disebut sebagai puisi lama. Berikut dijelaskan pengertian, ciri-ciri, serta berbagai macam contoh syair berdasarkan jenis-jenisnya. Yuk simak!","breadcrumb":{"@id":"https://www.ruangguru.com/blog/contoh-syair-berbagai-tema#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.ruangguru.com/blog/contoh-syair-berbagai-tema"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/contoh-syair-berbagai-tema#primaryimage","url":"https://cdn-web.ruangguru.com/landing-pages/assets/hs/IND7%20-%20Konsep%20Pelajaran%20-%20Contoh%20Syair%20Berbagai%20Macam%20Tema-01.jpg","contentUrl":"https://cdn-web.ruangguru.com/landing-pages/assets/hs/IND7%20-%20Konsep%20Pelajaran%20-%20Contoh%20Syair%20Berbagai%20Macam%20Tema-01.jpg"},{"@type":"BreadcrumbList","@id":"https://www.ruangguru.com/blog/contoh-syair-berbagai-tema#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.ruangguru.com/blog"},{"@type":"ListItem","position":2,"name":"75 Contoh Syair Berbagai Macam Tema beserta Ciri & Jenisnya | 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/cbeef75dbafb3cf0cb01b704ed9127ae","name":"Nurul Hidayah","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":"Nurul Hidayah"},"url":"https://www.ruangguru.com/blog/author/nurul-hidayah"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="alternate" type="application/rss+xml" title="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru » 75 Contoh Syair Berbagai Macam Tema beserta Ciri & Jenisnya | Bahasa Indonesia Kelas 7 Comments Feed" href="https://www.ruangguru.com/blog/contoh-syair-berbagai-tema/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/478" /><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=478' />
<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-syair-berbagai-tema" />
<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-syair-berbagai-tema&format=xml" />
</head>
<body class="wp-singular post-template-default single single-post postid-478 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">
75 Contoh Syair Berbagai Macam Tema beserta Ciri & Jenisnya | Bahasa Indonesia Kelas 7 </h1>
<div class="content-meta">
<p class="content-author"><a href="https://www.ruangguru.com/blog/author/nurul-hidayah" class="">Nurul Hidayah</a> </p>
<p class="content-info"><span>January 18, 2024 • </span> <span>17 minutes read</span></p>
<br />
</div>
<div class="content-body">
<p><img fetchpriority="high" 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%20Syair%20Berbagai%20Macam%20Tema-01.jpg" alt="IND7 - Konsep Pelajaran - Contoh Syair Berbagai Macam Tema-01" width="820" height="410" /></p>
<blockquote>
<p style="text-align: center;"><em>Teman-teman, mau tahu apa saja contoh-contoh syair? Yuk, lihat beberapa contoh syair di artikel <a style="font-weight: bold;" href="/blog/tag/bahasa-indonesia-vii" rel="noopener">Bahasa Indonesia kelas 7</a> berikut ini!</em></p>
</blockquote>
<p style="text-align: center;"><em>—</em></p>
<p> </p>
<p style="text-align: justify;">Syair merupakan sejenis puisi lama yang berasal dari Persia. Perkembangan syair ini bersamaan ketika masuknya Islam ke Nusantara. Awalnya, syair mengacu pada tradisi sastra syair di negeri Arab. Akan tetapi seiring perkembangannya zaman, syair dimodifikasi sehingga menjadi khas melayu dan menggunakan bahasa Melayu Kuno, Sansekerta, dan Arab.</p>
<p style="text-align: justify;">Di artikel bahasa Indonesia sebelumnya, kamu sudah mengenal pengertian syair, sejarah, dan jenis-jenisnya, ya. Gimana <em>nih,</em> apakah kamu sudah bisa membuat syair? Atau perlu melihat contoh-contoh syair terlebih dahulu? <em>Eits.. </em>sebelum kamu melihat contoh-contoh syair, kita bahas pengertian dan ciri-ciri syair terlebih dahulu ya!</p>
<p style="text-align: justify; font-weight: bold;">Baca Juga: <a href="/blog/bahasa-indonesia-kelas-9-mengenal-syair-si-puisi-lama" rel="noopener">Mengenal Pengertian Syair, Sejarah, dan Jenis-Jenisnya</a></p>
<p> </p>
<h2 style="font-size: 20px;"><span style="font-size: 18pt;">Pengertian Syair</span></h2>
<p style="text-align: justify;">Kata syair berasal dari bahasa Arab, yaitu <em>syu’ur</em> yang berarti perasaan. Kemudian, kata <em>syu’ur</em> berkembang menjadi kata <em>syi’ru</em> yang berarti puisi. Syair juga sering dikategorikan dalam puisi rakyat.</p>
<p style="text-align: justify;">Syair di Indonesia pertama kali muncul pada abad ke-14, dalam bentuk tulisan doa yang tertera di sebuah nisan raja yang terletak di Minye Tujoh, Aceh. Syair tersebut dipahat pada batu nisan dengan perhitungan tahun 781 Hijriah (1380 Masehi).</p>
<p style="text-align: justify;">Penasaran sama bunyi syairnya <em>nggak nih</em>? Berikut syair paling tua dalam sejarah kesusastraan Indonesia.</p>
<p style="text-align: center;">Hijrat nabi mungstap yang prasida<br />
Tujuh ratus asta puluh sawarsa<br />
Haji catur dan dasa warsa sukra<br />
Raja iman warna rahmat-allah<br />
Gutra barubasa mpu hak kedah pase ma<br />
Taruk tasih tanah samuha<br />
Ilahi ya rabbi tuhan samuha<br />
Taruh dalam swarga tuhan</p>
<p> </p>
<p style="font-weight: bold;">Artinya:</p>
<p style="text-align: center;">Setelah hijrah Nabi, kekasih yang telah wafat<br />
Tujuh ratus delapan puluh satu tahun<br />
Bulan Zulhijah 14 hari, Jumat<br />
Ratu iman Werda (rahmat Allah bagi Baginda)<br />
Dari suku Barubasa (Gujarat), mempunyai hak atas<br />
Kedah dan Pasai<br />
Menaruk di laut dan darat semesta<br />
Ya Allah, ya Tuhan semesta<br />
Taruhlah Baginda dalam surga Tuhan</p>
<p> </p>
<h2 style="font-size: 20px;"><span style="font-size: 18pt;">Ciri-Ciri Syair</span></h2>
<p><em>Nah, </em>agar kamu dapat membedakan syair dengan jenis-jenis puisi lama lainnya, syair memiliki ciri dan karakteristiknya sendiri. Berikut adalah ciri-ciri syair yang bisa kamu ketahui:</p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/a2c7373d-2d42-4f3a-9e17-6700a2b09345.png" alt="Ciri-Ciri Syair" /></p>
<p> </p>
<ol>
<li aria-level="1">Setiap bait terdiri atas empat baris.</li>
<li aria-level="1">Jumlah suku kata dalam setiap baris antara 8-14 suku kata.</li>
<li aria-level="1">Semua barisnya adalah isi.</li>
<li aria-level="1">Rima (persamaan bunyi atau persajakannya) adalah a-a-a-a.</li>
<li aria-level="1">Syair tidak mempunyai sampiran, layaknya pantun.</li>
<li aria-level="1">Makna dari syair ditentukan oleh bait-bait selanjutnya.</li>
<li aria-level="1">Bahasa pada syair berbentuk kiasan.</li>
</ol>
<p> </p>
<p style="text-align: justify;">Setelah kamu mengetahui pengertian dan ciri-ciri syair, berikut ini disediakan beberapa contoh dalam berbagai macam tema. Mulai dari syair romantis, syair pendidikan, syair agama, syair nasihat, syair persahabatan, syair kiasan, syair sejarah, dan syair panji, yang bisa dijadikan referensi untuk menambah pengetahuanmu</p>
<p style="font-weight: bold;">Baca Juga: <a href="/blog/mengenal-ciri-ciri-syair" rel="noopener">Mengenal Ciri-Ciri Syair</a></p>
<p> </p>
<h2 style="font-size: 20px;"><span style="font-size: 18pt;">Contoh Syair Romantis</span></h2>
<p>1.</p>
<p>Dengarlah kisah suatu riwayat<br />
Raja di desa negeri Kembayat<br />
Dikarang fakir dijadikan hikayat<br />
Dibuatkan syair serta berniat</p>
<p>Ada raja sebuah negeri<br />
Sultan Agus bijak bestari<br />
Asalnya baginda raja yang bahari<br />
Melimpahkan pada dagang biaperi</p>
<p>Kabar orang empunya termasa<br />
Baginda itulah raya perkasa<br />
Tiada Ia merasai sengsara<br />
Entah kepada esok dan lusa</p>
<p> </p>
<p style="text-align: justify;">2.</p>
<p>Berhentilah kisah raja Hindustan<br />
Tersebutlah pula suatu perkataan<br />
Abdul Hamid Syah Paduka Sultan<br />
Duduklah Baginda bersuka-sukaan</p>
<p>Abdul Muluk putera Baginda<br />
Besarlah sudah bangsa muda<br />
Cantik menjelis usulnya syahda<br />
Tiga belas tahun umurnya ada</p>
<p>Parasnya elok amat sempurna<br />
Petah majelis bijak laksana<br />
Memberi hati bimbang gulana<br />
Kasih kepadanya mulia dan hina</p>
<p> </p>
<p style="text-align: justify;">3.</p>
<p>Dia telah menanam cinta<br />
Serta rasa mendalam hati dan jiwa<br />
Membuat gundah yang mengalaminya<br />
Gelisah dan akhirnya dirasa</p>
<p>Dia juga telah mengukir nama<br />
Terlukis hebat di dalam jiwa<br />
Rindu jadi selalu membawa<br />
Hati terbakar gegara asmara</p>
<p>Tak perlulah kau menabur cinta<br />
Ini hanya akan membuat luka<br />
Jika akhirnya kita tak bersama<br />
Tak seperti janji kita saat kala</p>
<p> </p>
<p style="text-align: justify; font-weight: normal;">4.</p>
<p>Cinta membuatku tertambat padamu<br />
Hati juga dipenuhi rasa rindu<br />
Rasa ingin terus bertemu<br />
Untuk menyejukkan netraku</p>
<p>Mungkin begini harusnya cinta<br />
Jalan berliku berdamping cerita<br />
Pastilah terkenang sepanjang masa<br />
Mungkin kan abadi selamanya</p>
<p> </p>
<p style="text-align: justify; font-weight: normal;">5.</p>
<p>Kau demikian sempurna<br />
Bak cincin berhiaskan permata<br />
Tiada cacat tiada luka<br />
Memandangmu menyejukkan netra</p>
<p>Tak ada daya pada diri yang biasa<br />
Merasa cinta pada sang bijaksana<br />
Cukuplah tahukan diri sahaja<br />
Yang tak layak bersanding dengannya</p>
<p> </p>
<p style="text-align: justify;">6.</p>
<p>Dan mungkin kita ditakdirkan<br />
Bukan untuk saling memiliki<br />
Hanya sebagai kekasih<br />
Dan kenangan dalam hati</p>
<p> </p>
<p style="text-align: justify;">7.</p>
<p>Jika kau jatuh cinta<br />
Cobalah berdoa pada yang kuasa<br />
Agar menyandingkan kau dengannya<br />
Pada bahtera rumah tangga</p>
<p> </p>
<p style="text-align: justify;">8.</p>
<p>Apa cinta selalu begini<br />
Membahagiakan pemilik hati<br />
Membuat rindu pada diri<br />
Yang terpikir hanya doi</p>
<p> </p>
<p style="text-align: justify;">9.</p>
<p>Dia juga telah mengukir nama<br />
Terlukis hebat di dalam jiwa<br />
Rindu jadi selalu membara<br />
Hati terbakar gegara asmara</p>
<p> </p>
<p style="text-align: justify;">10.</p>
<p>Wajahmu selalu tersketsa<br />
Dalam khayal menenangkan jiwa<br />
Memilikimu membuatku bahagia<br />
Semoga kita direstui oleh-Nya</p>
<p> </p>
<h2 style="font-size: 20px;"><span style="font-size: 18pt;">Contoh Syair Pendidikan</span></h2>
<p style="text-align: justify; font-weight: normal;">1.</p>
<p>Ingatlah ini ananda<br />
Rajinlah belajar sepanjang masa<br />
Karena ilmu tiada habisnya<br />
Sampai kau tutup usia</p>
<p> </p>
<p style="text-align: justify;">2.</p>
<p>Ilmu adalah karunia-Nya<br />
Amalkan semampu yang kau bisa<br />
Agar tak sia-sia<br />
Segala pemberian-Nya</p>
<p> </p>
<p style="text-align: justify; font-weight: normal;">3.</p>
<p>Pendidikan udah dibuat pilar,<br />
agar jadi bangsa nan besar,<br />
tapi masalahnya tak kelar-kelar,<br />
bak benang kusut berpusar-pusar.</p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: normal;">4.</span></p>
<p>Dahulu kita bangsa yang hebat,<br />
guru dikirim ke negeri hang jebat,<br />
kini faktanya udah terjulat,<br />
anak negeriku kesana meloncat.</p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/afa07164-f60d-43d8-bc02-41da83230292.png" alt="Contoh Syair Berbagai Tema-Pendidikan" /></p>
<p> </p>
<p style="text-align: justify; font-weight: normal;">5.</p>
<p>Guru saat ini kenakan dasi,<br />
duitnya banyak dari sertifikasi,<br />
bahkan ada bermercedes classi,<br />
penuh pula kantong berisi.</p>
<p> </p>
<p style="text-align: justify;">6.</p>
<p>Dengarlah para anak muda<br />
Rajinlah belajar sepanjang masa<br />
Ilmu itu tak akan habis dieja<br />
Untuk bekal sepanjang usia</p>
<p> </p>
<p style="text-align: justify; font-weight: normal;">7.</p>
<p>Ilmu akan membuatmu terjaga<br />
Dari suramnya waktu serta masa<br />
Cemerlang nantinya akan senantiasa<br />
Menyinarimu saat masa dewasa</p>
<p> </p>
<p style="text-align: justify; font-weight: normal;">8.</p>
<p>Dunia sekarang begitu maju<br />
Jadikan ilmu sebagai pegangan<br />
Sebagai benteng agar tidak tertipu<br />
Sehingga hidup penuh kebahagiaan</p>
<p> </p>
<p style="text-align: justify; font-weight: normal;">9.</p>
<p>Kita saja yang masih kurang<br />
Belajar juga masih jarang<br />
Masih suka berbuat curang<br />
Akhirnya jadi terbelakang</p>
<p> </p>
<p style="text-align: justify; font-weight: normal;">10.</p>
<p>Ke sekolah luruskan niatmu<br />
Tekadkan hati mencari ilmu<br />
Tak ada rugi belajar tiap waktu<br />
Supaya baik masa depanmu</p>
<p> </p>
<p style="text-align: justify; font-weight: normal;">11.</p>
<p>Kita saja yang masih kurang<br />
Belajar juga masih jarang<br />
Masih suka berbuat curang<br />
Jangan salahkan siapa-siapa kalau jadi terbelakang</p>
<p> </p>
<p style="text-align: justify; font-weight: normal;">12.</p>
<p>Sekolah adalah tempat bertemu<br />
Dengan segala jenis ilmu<br />
Menjadi lebih baik selalu<br />
Bertemu teman tidak jemu</p>
<p> </p>
<h2 style="font-size: 20px;"><span style="font-size: 18pt;">Contoh Syair Agama</span></h2>
<p style="text-align: justify; font-weight: normal;">1.</p>
<p>Jauhi semua perbuatan jahat<br />
Jauhi pula perbuatan maksiat<br />
Mari kita segera bertaubat<br />
Supaya selamat di dunia akhirat</p>
<p>Jangan lalaikan perintah-Nya<br />
Kerjakan yang disuruh-Nya<br />
Bertaubatlah kepada-nya<br />
Dia pasti menerimanya</p>
<p>Ingatlah pada dosamu<br />
Ingatlah akan kelalaianmu<br />
Perbaiki hati dan dirimu<br />
Tuhan pasti kan menyayangimu</p>
<p> </p>
<p style="text-align: justify; font-weight: normal;">2.</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>Wajah muda kenali dirimu,<br />
ialah perahu tamsil tubuhmu,<br />
tiadalah berapa lama hidupmu,<br />
ke akhirat jua kekal diammu.</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> </p>
<p>3.</p>
<p>Janganlah engkau berbuat maksiat<br />
Janganlah engkau berbuat jahat<br />
Segeralah kau bertobat<br />
Agar selamat di dunia akhirat</p>
<p>Janganlah engkau bertakabur<br />
Perbanyaklah engkau bertafakur<br />
Mendapat nikmat harus bersyukur<br />
Agar selamat dari siksa kubur</p>
<p>Dunia ini memang tua<br />
Sebaiknya jangan untuk huru hara<br />
Ibadahlah memohon ampun pada-Nya<br />
Sesungguhnya hanya Engkau yang sempurna</p>
<p> </p>
<p>4.</p>
<p>Bertobatlah setelah melakukan salah<br />
Karena kita hanyalah makhluk lemah<br />
Bantu kami dan tuntunlah<br />
Untuk meraih surga-Mu yang indah</p>
<p> </p>
<p>5.</p>
<p>Jauhi semua perbuatan jahat<br />
Jauhi pula perbuatan maksiat<br />
Mari kita segera bertobat<br />
Supaya kita selamat dunia akhirat</p>
<p> </p>
<p>6.</p>
<p>Jangan risau dengan cobaan<br />
Jangan bersedih karena kesulitan<br />
Berdoa saja pada Tuhan<br />
Insyaallah Dia kan kabulkan</p>
<p> </p>
<p>7.</p>
<p>Ingatlah pada dosamu<br />
Ingatlah akan kelalaianmu<br />
Perbaiki hati dan dirimu<br />
Tuhan pasti kan menyayangimu</p>
<p> </p>
<p>8.</p>
<p>Jangan lalaikan perintah-Nya<br />
Kerjakan yang disuruh-Nya<br />
Bertaubatlah kepada-Nya<br />
Dia pasti menerimanya</p>
<p> </p>
<p>9.</p>
<p>Kini ku ingin kembali<br />
KepadaMu wahai Rabbul Izzati<br />
Agar tentram selalu menaungi<br />
Untuk sisa hidupku ini</p>
<p> </p>
<p>10.</p>
<p>Jauh sudah aku melangkah<br />
Mengejar dunia dengan serakah<br />
Semakin ku kejar semakin jauh<br />
Pada jurang siksa hati berlabuh</p>
<p style="text-align: center;"><em>—</em></p>
<p style="text-align: center;"><em>Kita break sebentar yuk! Gimana, seru nggak baca-baca contoh ulasan novel dan contoh-contoh ulasan film barusan? Nah, materi tentang ulasan ini, tentunya bakal lebih asik dipelajari lewat video animasi dari Ruangguru, loh! Soalnya, sudah ada fitur <strong><a href="https://app.ruangguru.com/">ADAPTO</a></strong> yang bisa menyesuaikan kemampuan belajar kamu. Coba cek sekarang, yuk! </em></p>
<p><a href="https://app.ruangguru.com/"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/88b07c31-fd28-420b-a31a-8ad9fd50426d.jpeg" alt="ADAPTO Ruangguru" width="820" height="200" /></a></p>
<p> </p>
<h2 style="font-size: 20px;"><span style="font-size: 18pt;">Contoh Syair Nasihat</span></h2>
<p>1.</p>
<p>Rajin-rajinlah beribadat<br />
Janganlah lupa mengerjakan salat<br />
Dan perbanyaklah engkau berzakat<br />
Untuk bekal nanti di akhirat</p>
<p> </p>
<p>2.</p>
<p>Yang kaya harusnya keluarkan sedekah<br />
Pandang orang yang posisinya di bawah<br />
Jangan arahkan kepala menengadah<br />
Agar diri tak tergoda untuk bermewah</p>
<p> </p>
<p>3.</p>
<p>Rintik hujan jatuh ke bumi<br />
Mengairi ibu pertiwi<br />
Bagai kidung dikala sepi<br />
Sungguh indah saling memberi</p>
<p> </p>
<p>4.</p>
<p>Jangan kau menimbun harta<br />
Karenanya akan membuatmu lupa<br />
Akan kehidupan setelahnya<br />
Yang abadi selamanya</p>
<p> </p>
<p>5.</p>
<p>Orang kaya jangan suka menghina<br />
Karena kaya miskin sama saja<br />
Tiada manusia yang hina<br />
Karena hidup itu layaknya roda</p>
<p> </p>
<p>6.</p>
<p>Jika diri terus ikuti syahwat<br />
Hidup bisa jadi lebih berat<br />
Jiwa bisa jadi tak terawat<br />
Hati juga bisa rusak berkarat</p>
<p> </p>
<p>7.</p>
<p>Kaki yang terus melangkah<br />
Hati yang selalu berserah<br />
Takkan ada keluh kesah<br />
Takkan pula ada resah</p>
<p> </p>
<p>8.</p>
<p>Hati yang terus bermunajat<br />
Memandang siapa tinggi derajat<br />
Tiada angkuh walau moderat<br />
Berkedudukan kelak di akhirat</p>
<p> </p>
<p>9.</p>
<p>Yang kaya harusnya keluarkan sedekah<br />
Pandang orang yang posisinya di bawah<br />
Jangan arahkan kepala menengadah<br />
Agar diri tak tergoda untuk bermewah</p>
<p> </p>
<p>10.</p>
<p>Walau kamu sudah besar<br />
Jangan bertutur kata dengan kasar<br />
Jadilah pribadi yang sabar<br />
Agar tetangga tak jadi gusar</p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/contoh-puisi-rakyat">Contoh Puisi Rakyat: Pantun, Gurindam, & Syair, Lengkap!</a></strong></p>
<p> </p>
<h2 style="font-size: 20px;"><span style="font-size: 18pt;">Contoh Syair Persahabatan</span></h2>
<p>1.</p>
<p>Teringat saat pertama berjabat<br />
Kau sapa aku dengan hangat<br />
Hingga menjadi teman erat<br />
Berpisah pun terasa berat</p>
<p> </p>
<p>2.</p>
<p>Selalu hadi dalam hati suka<br />
Tetap setia ketika datang duka<br />
Bahkan kau tak pernah murka<br />
Meski ku pernah membuatmu luka</p>
<p> </p>
<p>3.</p>
<p>Hai sahabat ayo diingat<br />
Kita bersua hanya tuk sesaat<br />
Tapi kau akan tetap ku ingat<br />
Dalam hati dengan amat sangat</p>
<p> </p>
<p>4.</p>
<p>Sahabat sejati itu abadi<br />
Tak perlu lagi aku cari<br />
Andai kita tak bersua lagi<br />
Alangkah hancurnya hati ini</p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/a32658c7-4d62-4f0a-bb20-6c5ef3081edf.png" alt="Contoh Syair Persahabatan" /></p>
<p> </p>
<p>5.</p>
<p>Tak hanya suka mari berbagi duri<br />
Aku siap ada di sisi<br />
Tak perlu ragu lagi untuk datangi<br />
Mari bersama bahagiakan hati</p>
<p> </p>
<p>6.</p>
<p>Hai sahabat yang tak lagi terlihat<br />
Apa kabarmu saat di akhirat?<br />
Kuingat jelas ketika kau sekarat<br />
Betapa perih hati yang tersayat</p>
<p>Untuk lisan yang selalu berucap tenang<br />
Buat gundah menjadi berpindah senang<br />
Aku tak tahu malam akan begitu lengang<br />
Mengharapkanmu setiap malam datang</p>
<p>Untuk setiap kasih yang sulit terbalas<br />
Berapa milyar kata kau jadikan atlas?<br />
Agar bisa aku berjalan tanpa tersesat<br />
Namun kini aku rasa telah terlalu bebas</p>
<p>Hai sahabat yang sedang melihatku<br />
Sampai nanti kita bertemu<br />
Harap engkau masih sama menyambutku<br />
Betapa hidup hampa tanpa hadirmu</p>
<p> </p>
<p>7.</p>
<p>Katanya sahabat yang datang berjabat<br />
Namun jauh pun tetaplah sahabat<br />
Sebab hadirnya tak perlu bertatap<br />
Cukup suaranya yang selalu kudekap erat</p>
<p>Sahabat sejati terbawa sampai mati<br />
Di mana pun aku selalu sahabat di hati<br />
Hilang hari satu-satu selalu berganti<br />
Namun yang terbaik memang selalu di hati</p>
<p>Sahabat baik tak kenal arti berkhianat<br />
Apalagi menjelma menjadi laknat<br />
Bahkan bara api berani ia lumat<br />
Demi bersihkan nama sang sahabat</p>
<p>Bila hidup tanpa sahabat sejati<br />
Entah bagaimana saat mati nanti<br />
Tak terbayang betapa sepinya peti<br />
Tiada yang berucap, oh sahabat sejati</p>
<p>Katanya menikahi sahabat adalah surgawi<br />
Namun aku tidak ingin bertengkar hilang kendali<br />
Maka aku jadikan engkau sebagai sahabat sejati<br />
Yang tidak mendua dan tidak mengkhianati</p>
<p> </p>
<p>8.</p>
<p>Sahabat selalu dihati<br />
Engkau selalu membuatku ceria<br />
Disaat hari-hariku sunyi<br />
Engkau selalu ada dan membuatku bahagia</p>
<p>Hanya sahabat yang selalu ada<br />
Di saat aku susah juga senang<br />
Engkau selalu memberiku semangat<br />
Keindahan hari bersamamu akan ku kenang</p>
<p>Saat ku ingat masa lalu<br />
Ku sedih ku berduka<br />
Karena sahabatku tak lagi disisiku<br />
Dan tak lagi membuatku bahagia</p>
<p>Sahabat Mengapa meninggalkan meninggalkanku<br />
Di saat dirimu pergi hidupku hampa<br />
Aku rindu di saat kau slalu di dekat ku<br />
Kini tiada lagi yang membuatku tertawa</p>
<p> </p>
<p>9.</p>
<p>Setiap orang terlahir dengan sahabat<br />
Jiwa raga adalah kawan terhebat<br />
Batin dan pikiran tak kalah harus dirawat<br />
Semua mesti dilakukan secara tepat</p>
<p>Bukan begitu arti sahabat?<br />
Selalu hadir dalam segala nurbuat?<br />
Atau ada untuk merawat<br />
segala sedih yang pernah terbuat</p>
<p>Saat dunia begitu seram<br />
Dan hati selalu menjadi geram<br />
Ada sahabat selalu menggenggam<br />
Sampai malam tak lagi kelam</p>
<p>Sahabat sejati menuntun aku pulang<br />
Kepada Tuhan agar tak salah jalan<br />
Kemana malam ini kau sedang?<br />
aku butuhkan pelukan untuk kugenggam</p>
<p>Hai Dermawan dengan hati lapang<br />
Saat susah kau selalu buatku senang<br />
Sahabat setia akan terkenang<br />
Sampai malam menjadi tenang</p>
<p> </p>
<p>10.</p>
<p>Teringat saat pertama berjabat<br />
Kau sapa aku dengan hangat<br />
Hingga menjadi teman erat<br />
Berpisah pun terasa berat</p>
<p>Selalu hadi dalam hati suka<br />
Tetap setia ketika datang duka<br />
Bahkan kau tak pernah murka<br />
Meski ku pernah membuatmu luka</p>
<p>Hai sahabat ayo diingat<br />
Kita bersua hanya tuk sesaat<br />
Tapi kau akan tetap ku ingat<br />
Dalam hati dengan amat sangat</p>
<p>Sahabat sejati itu abadi<br />
Tak perlu lagi aku cari<br />
Andai kita tak bersua lagi<br />
Alangkah hancurnya hati ini</p>
<p>Tak hanya suka mari berbagi duri<br />
Aku siap ada di sisi<br />
Tak perlu ragu lagi untuk datangi<br />
Mari bersama bahagiakan hati</p>
<p>Sahabatku yang sedang jauh<br />
Hati tetap dekat raga jauh<br />
Tak mampu berlayar angkat sauh<br />
Untukmu sahabat rinduku penuh</p>
<p>Suatu saat kita pasti bertemu<br />
Untuk saling melepas rindu<br />
Bercerita tentang masa lalu<br />
Tentang tawa dan tangi bersamamu</p>
<p>Masih mencuat manis angan dan kericuhan masa itu<br />
Di mana kita berkeluh kesah, bercanda gurau berteman<br />
Tatkala khayal berselimut rindu ini bersenyap datang<br />
Masihkah mungkin bersua riang menapak jalanku</p>
<p>Perpisahan adalah akhir kita<br />
Namun bukankah kita bisa bersua<br />
Takkan habis termakan usia<br />
Pertemanan kita yang bersahaja</p>
<p>Ingatlah saat tangan kita berjabat<br />
Kau menyapaku dengan hangat<br />
Jadikan aku teman terdekat<br />
Berpisah denganmu alangkah berat</p>
<p> </p>
<h2 style="font-size: 20px;"><span style="font-size: 18pt;">Contoh Syair Kiasan</span></h2>
<p>1.</p>
<p>Syair Burung Pungguk<br />
Dengarlah Tuan mula rencana<br />
Disuratkan oleh dagang yang hina<br />
Karangan janggal banyak tak kena<br />
Daripada paham belum sempurna</p>
<p>Daripada hari sangatlah morong<br />
Dikarang syair seekor burung<br />
Sakitnya kasih sudah terdorong<br />
Gila merawan segenap lorong</p>
<p>Pertama mula pungguk merindu<br />
Berbunyilah guruh mendayu-dayu<br />
Hatinya rawan bercampur pilu<br />
Seperti dirilis dengan sembilu</p>
<p>Pungguk bermadah seraya merawan<br />
Wahai bulan, terbitlah Tuan<br />
Gundahmu tidak berketahuan<br />
Keluarlah bulan tercelalah awan</p>
<p> </p>
<p>2.</p>
<p>Apakah aku hanya bunga pinggiran<br />
Yang selalu dianggap tak berkesan<br />
Tak seindah melati lambang kesucian<br />
Hanya rakyat kecil penuh kehinaan</p>
<p>Aku pula bukan mawar istimewa<br />
Yang dikawal duri kemana-mana<br />
Cukuplah makan puaskan dahaga<br />
Bergaul indah dengan tunawisma</p>
<p>Tak pantas rasanya kumbang nyatakan cinta<br />
Pada bunga yang telah mekar sempurna<br />
Tapi bagaimana pula hendak dikata<br />
Saat rasa suka menjalar di dada</p>
<p> </p>
<p>3.</p>
<p>Bismillah itu permulaan kalam<br />
Dengan nama Allah khalik Al-Alam<br />
Melimpahkan rahmat siang dan malam<br />
kepada segala mukmin dan islam</p>
<p>mula dikarang ikan terubuk<br />
lalai memandang ikan di lubuk<br />
hati dan jantung bagai serbuk<br />
laksana kayu dimakan bubuk</p>
<p>asal terubuk ikan puaka<br />
tempatnya konon di laut melaka<br />
siang dan malam berhati duka<br />
sedikit tidak menaruh suka</p>
<p> </p>
<p>4.</p>
<p>Aku bukanlah yang diinginkan<br />
Aku hanya bunga biasa<br />
Tak seindah mawar<br />
Yang merah merona<br />
Dan selalu dipuja-puja</p>
<p>Aku hanya bunga pinggiran<br />
Tak sesuci melati<br />
Yang putih nan bersih<br />
Dan selalu dibanggakan</p>
<p>Aku hanya bunga biasa<br />
Kumbang pun enggan denganku<br />
Burung pun enggan denganku<br />
Lebah pun serasa tak tahu aku ada</p>
<p>Aku memang tak punya intan<br />
Emas tak pernah ku genggam<br />
Berlian tak pernah hiasiku<br />
Hanya rasa ini di dalam hati</p>
<p>Cinta ku tak bisa ku larang<br />
Rasaku tak bisa kutolak<br />
Anugerah ini akan selalu ada<br />
Meski hanya sebelah saja</p>
<p>Kau insan yang sempurna<br />
Tiada cacat tiada luka<br />
Semua sungguh sempurna<br />
Tak pernah luput pandanganku untukmu</p>
<p>Cinta ini bukan tuk dinyatakan<br />
Tiada daya kekuatan keberanian<br />
Upaya pun sungguh tak terasa pantas<br />
Karena ku hanya pungguk rindukan bulan</p>
<p> </p>
<p>5.</p>
<p>Tak seputih melati cintamu bersemi<br />
Sekalipun setiap pagi aku menyirami<br />
Terlampau jauh kuselami<br />
Ternyata engkau tak jua mengerti</p>
<p> </p>
<p>6.</p>
<p>Gugur bungaku di hutan tandus<br />
Bahkan aromanya tak bisa kuendus<br />
Saat layu dan berubah menjadi kaktus<br />
Apa arti hidup jika terus-menerus ketus?</p>
<p> </p>
<p>7.</p>
<p>Kau berjanji menjadikanku dahlia<br />
Senyum setiap hari dan bahagia<br />
Kita bersepakat di tanah yogya<br />
Untuk sampai mati selalu setia</p>
<p> </p>
<p>8.</p>
<p>Kuberitahukan engkau wahai tuan putri<br />
yang kau tangisi adalah kedelai bergigi<br />
Sementara engkau adalah mawar berduri<br />
Jelita parasmu, maka biarkan aku mencintai</p>
<p> </p>
<p>9.</p>
<p>Orang bilang mawar paling manis<br />
Namun bagiku tetap edelweiss<br />
Orang berusaha dengan puitis<br />
Namun aku tak berusaha romantis<br />
Cukup bukti bukan janji manis</p>
<p> </p>
<p>10.</p>
<p>Kepada tuan pemilik negeri<br />
Yang kelilingi mawar dengan duri<br />
Terkadang engkau hadir seperti peri<br />
Namun terkadang sulit yang diberi</p>
<p style="font-weight: bold;">Baca Juga: <a href="/blog/contoh-pantun-berdasarkan-jenisnya" rel="noopener">Kumpulan Contoh Pantun Jenaka, Nasehat, dan Jenis Lainnya</a></p>
<p> </p>
<p style="font-weight: bold;"><span style="font-size: 18pt;">Contoh Syair Sejarah</span></p>
<p>1. Contoh Syair Sejarah “Saksi Kalimantan Selatan”</p>
<p>Bermula kalam kami tuliskan<br />
Segenap pikiran dicurahkan<br />
Untuk menyusun syair kesejahteraan<br />
Merangkai kejadian secara berurutan</p>
<p>Adapun nama syair yang dituliskan<br />
Kerajaan Negara Dipa di Kalimantan Selatan<br />
Sebagai bahan pengetahuan<br />
Untuk saudara, kawan sekalian</p>
<p>Walaupun bukti sejarah Kalimantan Selatan<br />
Tidak berupa benda bertuliskan<br />
Namun berkas kerjaan dapat dibuktikan<br />
Menurut penelitian para sejarawan</p>
<p>Bekas kerjaan yang dapat disebutkan<br />
Seperti Candi Agung bukti peninggalan<br />
Letaknya di Amuntai sudah dipastikan<br />
Pemugarnya pun sudah dilakukan</p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f4d24c2f-62f4-43f8-a4f2-03b033d619d2.png" alt="Contoh Syair Sejarah" /></p>
<p> </p>
<p>2. Contoh Syair Sejarah “Hikayat Puteri Johar Manikam”</p>
<p>Harganya murah ayuhai akhwan<br />
tawar menawar boleh ketahuan<br />
tiadalah tinggi wajah bangsawan<br />
dengan yang patut Tuan tawarkan</p>
<p>Adat berniaga demikian itulah<br />
tawar menawar bukannya salah<br />
dengan yang patut Tuan khabarlah<br />
dapat ta’dapat dicobakanlah</p>
<p> </p>
<p>3. Contoh Syair Sejarah “Perang Mengkasar”</p>
<p>Bermula kalam kami tuliskan<br />
Segenap pikiran dicurahkan<br />
Untuk menyusun syair kesejarahan<br />
Merangkai kejadian secara berurutan</p>
<p>Adapun nama syair yang dituliskan<br />
Kerajaan Negara Dipa di Kalimantan Selatan<br />
Sebagai bahan pengetahuan</p>
<p>Untuk Saudara, Kawan sekalian<br />
Walaupun bukti sejarah Kalimantan Selatan<br />
Tidak berupa benda bertuliskan<br />
Namun bekas kerajaan dapat dibuktikan</p>
<p>Menurut penelitian para sejarawan<br />
Bekas kerajaan yang dapat disebutkan<br />
Seperti Candi Agung bukti peninggalan<br />
Letaknya di Amuntai sudah dipastikan<br />
Pemugarannya pun sudah dilakukan</p>
<p> </p>
<h2 style="font-size: 20px;"><span style="font-size: 18pt;">Contoh Syair Panji</span></h2>
<p>1. Contoh Syair Panji “Ken Tambuhan”</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 berserai apalah tuan</p>
<p>Tuan laksana bunga kembang<br />
Kakanda menjadi seekor kumbang<br />
Tuan 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>
<p>2. Contoh Syair Panji “Roro Jonggrang”</p>
<p>Terkisah cinta dua insan<br />
di Candi Prambanan<br />
Bandung Bondowoso dan Roro Jonggrang<br />
Tepatnya, cinta bertepuk sebelah tangan</p>
<p>Lihat, betapa megahnya prambanan<br />
Tak tahukah kamu di sana Jonggrang bertahta<br />
Tepat menjadi candi ke seratus pada singgasana<br />
Sebab membodohi Bondowoso yang berjuang</p>
<p>Roro Jonggrang tak mau, Bondowoso kepalang<br />
cinta hingga sanggupi permintaan<br />
Mula tak mengira akan disanggupkan<br />
ternyata akhirnya Jonggrang bermain curang</p>
<p>Lihat, betapa indah prambanan<br />
Apa kabar Roro Jonggrang?<br />
Apakah ia larut dalam tangisan?<br />
atau tersenyum karena kemenangan?</p>
<p> </p>
<p>3. Contoh Syair Panji “Dayang Sumbi”</p>
<p>Tahukah engkau kisah rumit ini?<br />
Si Tumang, Sangkuriang, Dayang Sumbi?<br />
Bagaimana bisa Dayang Sumbi<br />
Si cantik jelita dengan Si Tumang ia bersuami?</p>
<p>Tatkala orang melihat Tumang seekor anjing<br />
Sumbi justru menjadikannya pendamping<br />
Titisan dewa yang turun ke bumi menjadi asing<br />
Hingga mati di tangan Sangkuriang</p>
<p>Sangkuriang berburu ditemani Si Tumang<br />
Tak dapat mangsa, nyawa Tumang diregang<br />
Sumbi marah bukan kepalang<br />
Sangkuriang diusir tak pernah lagi pulang</p>
<p>Sangkuriang tumbuh dewasa berwibawa<br />
Sumbi tak menua, tetap muda jelita<br />
Sangkuriang lupa wajah sang ibunda<br />
Saat bertemu malah ia jatuh cinta</p>
<p>Tentu tak bisa dipersatukan atas cinta<br />
Dayang sumbi bersiasat gagalkan rencana<br />
Perahu dibuat lalu ditendang sejauh mata<br />
Lahirlah tangkuban perahu dan legendanya</p>
<p> </p>
<p>4.</p>
<p>Berhentilah kisah Raja Hindustan<br />
Tersebutlah pula suatu perkataan<br />
Abdul Hamit padaku sultan<br />
Duduklah baginda bersuka-sukaan</p>
<p> </p>
<p>5.</p>
<p>Abdul Muluk putra baginda<br />
Besarlah sudah bangsawan muda<br />
Cantik majelis usulnya syahdam<br />
Tiga belas tahun umurnya ada</p>
<p> </p>
<p>6.</p>
<p>Para elok amat sempurna<br />
Petah menjelis bijak laksana<br />
Memberi hati bimbang gulana<br />
Kasih kepadanya mulya dan hina</p>
<p> </p>
<p>7.</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> </p>
<p>8.</p>
<p>Tuan laksana bunga kembang<br />
Kakanda menjadi seekor kumbang<br />
Tuan memberi kakanda bimbang<br />
Tiadalah kasihan tuan akan abang</p>
<p> </p>
<p>9.</p>
<p>Abdul Muluk putra baginda<br />
Besarlah sudah bangsawan muda<br />
Cantik majelis usulnya syahdam<br />
Tiga belas tahun umurnya ada</p>
<p> </p>
<p>10.</p>
<p>Jika tuan menjadi bulan<br />
Kakang menjadi pungguk merawan<br />
Aria ningsun emas tempawan<br />
Janganlah bercerai apalah tuan</p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/mengenal-pantun-puisi-lama-dari-indonesia">Pengertian Pantun, Ciri, Fungsi, Struktur, Jenis & Contoh</a> </strong></p>
<p style="text-align: center;">—</p>
<p style="text-align: justify;">Oke, itulah beberapa kumpulan contoh syair dari berbagai jenisnya. Semoga contoh syair di atas, dapat menjadi referensi kamu dalam membuat syair, ya. <em>Nah</em>, kamu bisa loh belajar materi ini lebih lanjut dengan bantuan video interaktif. Yuk, langsung aja langganan di <a style="font-weight: bold;" href="https://www.ruangguru.com/ruangbelajar">ruangbelajar</a>!</p>
<p><a href="https://bayar.ruangguru.com/"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e3260f88-1749-4d3b-8973-be3aae07a94c.jpg" alt="CTA Ruangguru" /></a></p>
<p style="text-align: justify;"><strong>Referensi</strong>:</p>
<p style="text-align: left;">Estiningtyas, Arista. 2023. 10 Contoh Syair Persahabatan yang Singkat Lengkap dengan Penjelasannya. (online) https://www.sonora.id/read/423664444/10-contoh-syair-persahabatan-yang-singkat-lengkap-dengan-penjelasannya?page=all [diakses 14 Februari 2023]</p>
<p style="text-align: left;">Yonatan, Agnes. Z. 2022. 50 Contoh Syair Berbagai Tema dan Penuh Makna, Lengkap! (online) https://www.detik.com/bali/berita/d-6445158/50-contoh-syair-berbagai-tema-dan-penuh-makna-lengkap [diakses 14 Februari 2023]</p>
<p style="text-align: left;">Kumparan. 2022. 40 Contoh Syair Nasihat, Pendidikan, hingga Persahabatan. (online) https://kumparan.com/kabar-harian/40-contoh-syair-nasihat-pendidikan-hingga-persahabatan-1xn5zGI0XfR/full [diakses 14 Februari 2023]</p>
<p style="text-align: left;">Zakaria, Shabrina. 2022. Mengenal Syair: Pengertian, Sejarah, dan Jenis | Bahasa Indonesia Kelas 9 (online) https://www.ruangguru.com/blog/bahasa-indonesia-kelas-9-mengenal-syair-si-puisi-lama [diakses 14 Februari 2023]</p>
<p style="text-align: left;">Laily, Iftitah Nurul. 2021. Pengertian Syair, Ciri-Ciri, Jenis dan Contohnya. (online) https://katadata.co.id/safrezi/berita/61b2e9b33d9a1/pengertian-syair-ciri-ciri-jenis-dan-contohnya [diakses 14 Februari 2023]</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">Nurul Hidayah</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=75 Contoh Syair Berbagai Macam Tema beserta Ciri & Jenisnya | Bahasa Indonesia Kelas 7%0D%0A%0D%0Ahttps://www.ruangguru.com/blog/contoh-syair-berbagai-tema"><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-syair-berbagai-tema&quote=75 Contoh Syair Berbagai Macam Tema beserta Ciri & Jenisnya | 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=75 Contoh Syair Berbagai Macam Tema beserta Ciri & Jenisnya | Bahasa Indonesia Kelas 7&url=https://www.ruangguru.com/blog/contoh-syair-berbagai-tema"> <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-syair-berbagai-tema&title=75 Contoh Syair Berbagai Macam Tema beserta Ciri & Jenisnya | 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 = 478;
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>