Apa itu hukum bacaan qalqalah dalam ilmu tajwid? Seperti apa jenis qalqalah dan contohnya? Simak jawabannya dalam artikel berikut ini!
—
Pernahkah kamu mendengar tentang qalqalah? Qalqalah atau qolqolah merupakan hukum bacaan yang menjadi bagian dari ilmu tajwid. Ilmu tajwid sendiri merupakan ilmu yang mengatur cara membunyikan setiap huruf dari makhrajnya, dengan memberikan setiap huruf hak dan mustahaknya.
Buat kamu yang ingin mengetahui lebih dalam mengenai hukum bacaan qalqalah sesuai ilmu tajwid, kamu bisa langsung membaca uraiannya berikut ini!
Pengertian Qalqalah
Qalqalah menurut bahasa artinya getaran atau pantulan. Sementara itu, dalam ilmu tajwid, qalqalah adalah getaran suara yang terjadi ketika membunyikan huruf-huruf tertentu dengan suara memantul keluar dari makharijul huruf (tempat keluarnya huruf) karena huruf tersebut mati (sukun), baik karena sukun yang asli, maupun karena diwaqafkan (diberhentikan).
Huruf-Huruf Qalqalah
Huruf qalqalah ada lima, yaitu:
- ba (ب)
- jim (ج)
- dal (د)
- ta (ط)
- qaf (ق)
Agar kamu bisa mengingat kelima huruf ini dengan lebih mudah, kamu bisa menyebut huruf qalqalah sebagai “BaJu Di ToQo” (ب ج د ط ق).
Macam-Macam Qalqalah
Qalqalah terbagi menjadi dua kelompok, yaitu qalqalah sugra dan qalqalah kubra. Apa perbedaan antara keduanya? Simak penjelasan berikut!
1. Qalqalah Sugra (Kecil)
Qalqalah sugra adalah qalqalah kecil, dimana dalam satu lafal terdapat huruf qalqalah berharakat sukun asli, bukan karena waqaf.
Baca Juga: Mengenal 30 Huruf Hijaiyah, Pengertian, Harakat, Cara Membaca & Menulisnya
Qalqalah sugra contohnya antara lain sebagai berikut:
فِيْ جِيْدِهَا حَبْلٌ مِّنْ مَّسَدٍࣖ ٥
Arab-latin: Fī jīdihā ḥabblum mim masad.
Dari ayat tersebut, dapat diketahui ada huruf ba (ب) yang berharakat sukun di tengah kalimat.
وَرَاَيْتَ النَّاسَ يَدْخُلُوْنَ فِيْ دِيْنِ اللّٰهِ اَفْوَاجًاۙ ٢
Arab-latin: Wa ra’aitan-nâsa yadkhulûna fî dînillâhi afwâjâ.
Dari ayat tersebut, dapat diketahui ada huruf dal (د) yang berharakat sukun di tengah kalimat.
اِنَّ شَانِئَكَ هُوَ الْاَبْتَرُࣖ ٣
Arab-latin: Inna syâni’aka huwal-abbtar.
Dari ayat tersebut, dapat diketahui ada huruf ba (ب) yang berharakat sukun di tengah kalimat.
الَّذِيْٓ اَطْعَمَهُمْ مِّنْ جُوْعٍ ەۙ وَّاٰمَنَهُمْ مِّنْ خَوْفٍࣖ ٤
Arab-latin: Alladzî atth‘amahum min jû‘iw wa âmanahum min khaûf.
Dari ayat tersebut, dapat diketahui ada huruf ta (ط) yang berharakat sukun di tengah kalimat.
اَلَمْ يَجْعَلْ كَيْدَهُمْ فِيْ تَضْلِيْلٍۙ ٢
Arab-latin: A lam yajj‘al kaidahum fî tadllîl.
Dari ayat tersebut, dapat diketahui ada huruf jim (ج) yang berharakat sukun di tengah kalimat.
وَمَآ اَدْرٰىكَ مَا الْحُطَمَةُۗ ٥
Arab-latin: Wa mâ addrâka mal-ḫuthamah.
Dari ayat tersebut, dapat diketahui ada huruf dal (د) yang berharakat sukun di tengah kalimat.
وَمَآ اَدْرٰىكَ مَا الْقَارِعَةُۗ ٣
Arab-latin: Wa mâ addrâka mal-qâri‘ah.
Dari ayat tersebut, dapat diketahui ada huruf dal (د) yang berharakat sukun di tengah kalimat.
يَوْمَ يَكُوْنُ النَّاسُ كَالْفَرَاشِ الْمَبْثُوْثِۙ ٤
Arab-latin: Yauma yakûnun-nâsu kal-farâsyil-mabbtsûts.
Dari ayat tersebut, dapat diketahui ada huruf ba (ب) yang berharakat sukun di tengah kalimat.
وَمَآ اَدْرٰىكَ مَا هِيَهْۗ ١٠
Arab-latin: Wa mā addrāka mā hiyah.
Dari ayat tersebut, dapat diketahui ada huruf dal (د) yang berharakat sukun di tengah kalimat.
اِلَّا الَّذِيْنَ اٰمَنُوْا وَعَمِلُوا الصّٰلِحٰتِ فَلَهُمْ اَجْرٌ غَيْرُ مَمْنُوْنٍۗ ٦
Arab-Latin: fa lahum ajjrun gairu mamnụn.
Dari ayat tersebut, dapat diketahui ada huruf jim (ج) yang berharakat sukun di tengah kalimat.
وَالْعٰدِيٰتِ ضَبْحًاۙ ١
Arab-Latin: Wal-‘âdiyâti dlabb-ḫâ.
Dari ayat tersebut, dapat diketahui ada huruf ba (ب) yang berharakat sukun di tengah kalimat.
فَالْمُوْرِيٰتِ قَدْحًاۙ ٢
Arab-Latin: Fal-mûriyâti qadd-ḫâ.
Dari ayat tersebut, dapat diketahui ada huruf dal (د) yang berharakat sukun di tengah kalimat.
فَالْمُغِيْرٰتِ صُبْحًاۙ ٣
Arab-Latin: Fal-mughîrâti shubb-ḫâ.
Dari ayat tersebut, dapat diketahui ada huruf ba (ب) yang berharakat sukun di tengah kalimat.
فَاَثَرْنَ بِهٖ نَقْعًاۙ ٤
Arab-Latin: Fa atsarna bihî naqq‘â.
Dari ayat tersebut, dapat diketahui ada huruf qaf (ق) yang berharakat sukun di tengah kalimat.
فَوَسَطْنَ بِهٖ جَمْعًاۙ ٥
Arab-Latin: Fa wasaṭtna bihī jam’ā.
Dari ayat tersebut, dapat diketahui ada huruf ta (ط) yang berharakat sukun di tengah kalimat.
وَمَآ اَدْرٰىكَ مَا لَيْلَةُ الْقَدْرِۗ ٢
Arab-Latin: Wa mâ addrâka mâ lailatul-qadr.
Dari ayat tersebut, dapat diketahui ada huruf dal (د) yang berharakat sukun di tengah kalimat.
لَيْلَةُ الْقَدْرِ ەۙ خَيْرٌ مِّنْ اَلْفِ شَهْرٍۗ ٣
Arab-Latin: Lailatul-qaddri khairum min alfi syahr.
Dari ayat tersebut, dapat diketahui ada huruf dal (د) yang berharakat sukun di tengah kalimat.
سَلٰمٌۛ هِيَ حَتّٰى مَطْلَعِ الْفَجْرِࣖ ٥
Arab-Latin: Salâmun hiya ḫattâ matthla‘il-fajjr.
Dari ayat tersebut, dapat diketahui ada huruf ta (ط) dan jim (ج) yang berharakat sukun di tengah kalimat.
اِقْرَأْ بِاسْمِ رَبِّكَ الَّذِيْ خَلَقَۚ ١
Arab-Latin: Iqqra’ bismi rabbikallażī khalaq.
Dari ayat tersebut, dapat diketahui ada huruf qaf (ق) yang berharakat sukun di tengah kalimat.
اِقْرَأْ وَرَبُّكَ الْاَكْرَمُۙ ٣
Arab-Latin: Iqqra’ wa rabbukal-akram.
Dari ayat tersebut, dapat diketahui ada huruf qaf (ق) yang berharakat sukun di tengah kalimat.
2. Qalqalah Kubra (Besar)
Qalqalah kubra adalah qalqalah besar, dimana dalam satu lafal terdapat huruf qalqalah yang berharakat hidup atau tasydid, lalu diwaqafkan di akhir kalimat.
Baca Juga: 15 Macam Hukum Bacaan Mad Beserta Contohnya
Qalqalah kubra contohnya antara lain sebagai berikut:
قُلْ اَعُوْذُ بِرَبِّ الْفَلَقِۙ ١
Arab-Latin: Qul a‘ûdzu birabbil-falaqq.
Dari ayat tersebut, dapat diketahui terdapat huruf qaf (ق) yang diwaqafkan di akhir kalimat.
وَمِنْ شَرِّ غَاسِقٍ اِذَا وَقَبَۙ ٣
Arab-Latin: Wa min syarri ghâsiqin idzâ waqabb.
Dari ayat tersebut, dapat diketahui terdapat huruf ba (ب) yang berharakat sukun di akhir kalimat.
وَمِنْ شَرِّ النَّفّٰثٰتِ فِى الْعُقَدِۙ ٤
Arab-Latin: Wa min syarrin-naffâtsâti fil-‘uqadd.
Dari ayat tersebut, dapat diketahui terdapat huruf dal (د) yang diwaqafkan di akhir kalimat.
قُلْ هُوَ اللّٰهُ اَحَدٌۚ ١
Arab-Latin: Qul huwallâhu aḫadd.
Dari ayat tersebut, dapat diketahui terdapat huruf dal (د) yang diwaqafkan di akhir kalimat.
تَبَّتْ يَدَآ اَبِيْ لَهَبٍ وَّتَبَّۗ ١
Arab-Latin: Tabbat yadā abī lahabiw wa tabb.
Dari ayat tersebut, dapat diketahui terdapat huruf ba (ب) yang diwaqafkan di akhir kalimat.
سَيَصْلٰى نَارًا ذَاتَ لَهَبٍۙ ٣
Arab-Latin: Sayashlâ nâran dzâta lahabb.
Dari ayat tersebut, dapat diketahui terdapat huruf ba (ب) yang diwaqafkan di akhir kalimat.
اِنَّ الْاِنْسَانَ لِرَبِّهٖ لَكَنُوْدٌۚ ٦
Arab-Latin: Innal-insâna lirabbihî lakanûdd.
Dari ayat tersebut, dapat diketahui terdapat huruf dal (د) yang diwaqafkan di akhir kalimat.
وَاِنَّهٗ عَلٰى ذٰلِكَ لَشَهِيْدٌۚ ٧
Arab-Latin: Wa innahû ‘alâ dzâlika lasyahîdd.
Dari ayat tersebut, dapat diketahui terdapat huruf dal (د) yang diwaqafkan di akhir kalimat.
وَاِنَّهٗ لِحُبِّ الْخَيْرِ لَشَدِيْدٌۗ ٨
Arab-Latin: Wa innahû liḫubbil-khairi lasyadîdd.
Dari ayat tersebut, dapat diketahui terdapat huruf dal (د) yang diwaqafkan di akhir kalimat.
فَاِذَا فَرَغْتَ فَانْصَبْۙ ٧
Arab-Latin: Fa idzâ faraghta fanshabb.
Dari ayat tersebut, dapat diketahui terdapat huruf ba (ب) yang berharakat sukun di akhir kalimat.
وَاِلٰى رَبِّكَ فَارْغَبْࣖ ٨
Arab-Latin: Wa ilâ rabbika farghabb.
Dari ayat tersebut, dapat diketahui terdapat huruf ba (ب) yang berharakat sukun di akhir kalimat.
وَالسَّمَاۤءِ ذَاتِ الْبُرُوْجِۙ ١
Arab-Latin: Was-samā`i żātil-burụjj.
Dari ayat tersebut, dapat diketahui terdapat huruf jim (ج) yang diwaqafkan di akhir kalimat.
وَّاللّٰهُ مِنْ وَّرَاۤىِٕهِمْ مُّحِيْطٌۚ ٢٠
Arab-Latin: Wallāhu miw warā`ihim muḥīṭt.
Dari ayat tersebut dapat diketahui terdapat huruf ta (ط) yang diwaqafkan di akhir kalimat.
وَلَآ اَنْتُمْ عٰبِدُوْنَ مَآ اَعْبُدُۚ ٣
Arab-Latin: Wa lā antum ‘ābidụna mā a’budd.
Dari ayat tersebut dapat diketahui terdapat huruf dal (د) yang diwaqafkan di akhir kalimat.
اِقْرَأْ بِاسْمِ رَبِّكَ الَّذِيْ خَلَقَۚ ١
Arab-Latin: Iqra’ bismi rabbikallażī khalaqq.
Dari ayat tersebut dapat diketahui terdapat huruf qaf (ق) yang diwaqafkan di akhir kalimat.
خَلَقَ الْاِنْسَانَ مِنْ عَلَقٍۚ ٢
Arab-Latin: Khalaqal-insâna min ‘alaqq.
Dari ayat tersebut dapat diketahui terdapat huruf qaf (ق) yang diwaqafkan di akhir kalimat.
لَآ اُقْسِمُ بِهٰذَا الْبَلَدِۙ ١
Arab-Latin: Lâ uqsimu bihâdzal-baladd.
Dari ayat tersebut dapat diketahui terdapat huruf dal (د) yang diwaqafkan di akhir kalimat.
وَاَنْتَ حِلٌّۢ بِهٰذَا الْبَلَدِۙ ٢
Arab-Latin: Wa anta ḫillum bihâdzal-baladd.
Dari ayat tersebut dapat diketahui terdapat huruf dal (د) yang diwaqafkan di akhir kalimat.
اَلَمْ تَرَ كَيْفَ فَعَلَ رَبُّكَ بِعَادٍۖ ٦
Arab-Latin: A lam tara kaifa fa‘ala rabbuka bi‘âdd.
Dari ayat tersebut dapat diketahui terdapat huruf dal (د) yang diwaqafkan di akhir kalimat.
اِرَمَ ذَاتِ الْعِمَادِۖ ٧
Arab-Latin: Irama dzâtil-‘imâdd.
Dari ayat tersebut dapat diketahui terdapat huruf dal (د) yang diwaqafkan di akhir kalimat.
Baca Juga: 3 Macam Hukum Bacaan Mim Mati Beserta Contohnya
Demikian artikel yang membahas tentang hukum bacaan qalqalah, meliputi qalqalah sugra dan qalqalah kubra. Jangan lupa untuk menerapkan hukum bacaan ini ketika kamu membaca Al-Qur’an, ya!
Jika kamu masih memerlukan bimbingan, kalian bisa mencari guru privat yang sesuai dengan kriteria kalian di Ruangguru Privat. Para pengajar di Ruangguru Privat juga sudah terstandarisasi kualitasnya, loh. Kamu juga bisa pilih nih, mau diajarkan secara langsung (offline) atau daring (online). Fleksibel, kan? Untuk info lebih lanjut, cuss klik link berikut!
Referensi:
https://www.detik.com/edu/detikpedia/d-5952721/qalqalah-sugra-dan-kubro-hukum-bacaan-huruf-dan-contohnya (Diakses pada 2 Februari 2024)
https://www.gramedia.com/literasi/qalqalah/ (Diakses pada 2 Februari 2024)
<!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>Hukum Bacaan Qalqalah Sugra dan Kubra serta Contohnya</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="Apa itu hukum bacaan qalqalah dalam ilmu tajwid? Apa perbedaan antara jenis qalqalah sugra dan qalqalah kubra? Yuk, simak selengkapnya di artikel ini!" />
<link rel="canonical" href="https://www.ruangguru.com/blog/hukum-bacaan-qalqalah" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Hukum Bacaan Qalqalah Sugra dan Kubra serta Contohnya" />
<meta property="og:description" content="Apa itu hukum bacaan qalqalah dalam ilmu tajwid? Apa perbedaan antara jenis qalqalah sugra dan qalqalah kubra? Yuk, simak selengkapnya di artikel ini!" />
<meta property="og:url" content="https://www.ruangguru.com/blog/hukum-bacaan-qalqalah" />
<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-10-15T08:38:49+00:00" />
<meta property="article:modified_time" content="2024-10-15T08:39:51+00:00" />
<meta name="author" content="Kenya Swawikanti" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@ruangguru" />
<meta name="twitter:site" content="@ruangguru" />
<meta name="twitter:label1" content="Written by" />
<meta name="twitter:data1" content="Kenya Swawikanti" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="7 minutes" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.ruangguru.com/blog/hukum-bacaan-qalqalah","url":"https://www.ruangguru.com/blog/hukum-bacaan-qalqalah","name":"Hukum Bacaan Qalqalah Sugra dan Kubra serta Contohnya","isPartOf":{"@id":"https://www.ruangguru.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.ruangguru.com/blog/hukum-bacaan-qalqalah#primaryimage"},"image":{"@id":"https://www.ruangguru.com/blog/hukum-bacaan-qalqalah#primaryimage"},"thumbnailUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/06271e3d-1216-4d2e-b766-79b30a4ffac5.png","datePublished":"2024-10-15T08:38:49+00:00","dateModified":"2024-10-15T08:39:51+00:00","author":{"@id":"https://www.ruangguru.com/blog/#/schema/person/2961333999f86a82f666cdabdd06fc14"},"description":"Apa itu hukum bacaan qalqalah dalam ilmu tajwid? Apa perbedaan antara jenis qalqalah sugra dan qalqalah kubra? Yuk, simak selengkapnya di artikel ini!","breadcrumb":{"@id":"https://www.ruangguru.com/blog/hukum-bacaan-qalqalah#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.ruangguru.com/blog/hukum-bacaan-qalqalah"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/hukum-bacaan-qalqalah#primaryimage","url":"https://cdn-web-2.ruangguru.com/landing-pages/assets/06271e3d-1216-4d2e-b766-79b30a4ffac5.png","contentUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/06271e3d-1216-4d2e-b766-79b30a4ffac5.png"},{"@type":"BreadcrumbList","@id":"https://www.ruangguru.com/blog/hukum-bacaan-qalqalah#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.ruangguru.com/blog"},{"@type":"ListItem","position":2,"name":"Hukum Bacaan Qalqalah Sugra dan Kubra serta Contohnya"}]},{"@type":"WebSite","@id":"https://www.ruangguru.com/blog/#website","url":"https://www.ruangguru.com/blog/","name":"Ruangguru Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.ruangguru.com/blog/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https://www.ruangguru.com/blog/#/schema/person/2961333999f86a82f666cdabdd06fc14","name":"Kenya Swawikanti","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/?s=96&d=mm&r=g","caption":"Kenya Swawikanti"},"url":"https://www.ruangguru.com/blog/author/kenya-swawikanti"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="alternate" type="application/rss+xml" title="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru » Hukum Bacaan Qalqalah Sugra dan Kubra serta Contohnya Comments Feed" href="https://www.ruangguru.com/blog/hukum-bacaan-qalqalah/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/20446" /><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=20446' />
<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%2Fhukum-bacaan-qalqalah" />
<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%2Fhukum-bacaan-qalqalah&format=xml" />
</head>
<body class="wp-singular post-template-default single single-post postid-20446 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/fakta-seru">Fakta Seru</a></li> </ol>
</nav>
<h1 class="content-title">
Hukum Bacaan Qalqalah Sugra dan Kubra serta Contohnya </h1>
<div class="content-meta">
<p class="content-author"><a href="https://www.ruangguru.com/blog/author/kenya-swawikanti" class="">Kenya Swawikanti</a> </p>
<p class="content-info"><span>October 15, 2024 • </span> <span>7 minutes read</span></p>
<br />
</div>
<div class="content-body">
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/06271e3d-1216-4d2e-b766-79b30a4ffac5.png" alt="hukum bacaan qalqalah" /></p>
<blockquote>
<p style="text-align: center;"><em><span style="font-weight: 400;">Apa itu <strong>hukum bacaan qalqalah</strong> dalam ilmu tajwid? Seperti apa jenis qalqalah dan contohnya? Simak jawabannya dalam artikel berikut ini!</span></em></p>
</blockquote>
<p style="text-align: center;"><i><span style="font-weight: 400;">—</span></i></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Pernahkah kamu mendengar tentang qalqalah? Qalqalah atau qolqolah merupakan hukum bacaan yang menjadi bagian dari ilmu tajwid. Ilmu tajwid sendiri merupakan ilmu yang mengatur cara membunyikan setiap huruf dari makhrajnya, dengan memberikan setiap huruf hak dan mustahaknya.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Buat kamu yang ingin mengetahui lebih dalam mengenai hukum bacaan qalqalah sesuai ilmu tajwid, kamu bisa langsung membaca uraiannya berikut ini!</span></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Pengertian Qalqalah</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Qalqalah menurut bahasa artinya <strong>getaran atau pantulan</strong>. Sementara itu, dalam ilmu tajwid, <strong>qalqalah adalah getaran suara</strong> yang terjadi <strong>ketika membunyikan huruf-huruf tertentu</strong> dengan <strong>suara memantul keluar</strong> dari makharijul huruf (tempat keluarnya huruf) <strong>karena huruf tersebut mati</strong> (sukun), baik karena sukun yang asli, maupun karena diwaqafkan (diberhentikan).</span></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Huruf-Huruf Qalqalah</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Huruf qalqalah ada lima, yaitu:</span></p>
<ul style="text-align: justify;">
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">ba <span style="font-size: 18pt;">(ب)</span></span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">jim <span style="font-size: 18pt;">(ج)</span></span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">dal <span style="font-size: 18pt;">(د)</span></span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">ta <span style="font-size: 18pt;">(ط)</span></span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">qaf <span style="font-size: 18pt;">(ق)</span></span></li>
</ul>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Agar kamu bisa mengingat kelima huruf ini dengan lebih mudah, kamu bisa menyebut huruf qalqalah sebagai “<strong>BaJu Di ToQo</strong>” <span style="font-size: 18pt;">(ب ج د ط ق)</span>.</span></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Macam-Macam Qalqalah</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Qalqalah terbagi menjadi dua kelompok, yaitu <strong>qalqalah sugra dan qalqalah kubra</strong>. Apa perbedaan antara keduanya? Simak penjelasan berikut!</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>1. Qalqalah Sugra (Kecil)</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Qalqalah sugra adalah <strong>qalqalah kecil</strong>, dimana <strong>dalam satu lafal</strong> <strong>terdapat huruf qalqalah berharakat sukun asli, bukan karena waqaf</strong>.</span></p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/macam-macam-huruf-hijaiyah">Mengenal 30 Huruf Hijaiyah, Pengertian, Harakat, Cara Membaca & Menulisnya</a></strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Qalqalah sugra contohnya antara lain sebagai berikut:</span></p>
<p> </p>
<ul>
<li style="text-align: justify;">
<h4><b>QS. Al-Lahab ayat 5</b></h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">فِيْ جِيْدِهَا حَ<span style="color: #ff0000;">بْ</span>لٌ مِّنْ مَّسَدٍࣖ <span class="text-secondary-500 dark:text-secondary-300">٥</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-latin: <em>Fī jīdihā ḥabblum mim masad.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui ada huruf ba <span style="font-size: 14pt;">(ب)</span> yang berharakat sukun di tengah kalimat.</span></p>
<p> </p>
<ul>
<li style="text-align: justify;">
<h4><b>QS. An-Nashr ayat 2</b></h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">وَرَاَيْتَ النَّاسَ يَ<span style="color: #ff0000;">دْ</span>خُلُوْنَ فِيْ دِيْنِ اللّٰهِ اَفْوَاجًاۙ <span class="text-secondary-500 dark:text-secondary-300">٢</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-latin: <em>Wa ra’aitan-nâsa yadkhulûna fî dînillâhi afwâjâ.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui ada huruf dal <span style="font-size: 14pt;">(د)</span> yang berharakat sukun di tengah kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Kautsar ayat 3</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">اِنَّ شَانِئَكَ هُوَ الْاَ<span style="color: #ff0000;">بْ</span>تَرُࣖ <span class="text-secondary-500 dark:text-secondary-300">٣</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-latin: <em>I<span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">nna syâni’aka huwal-abbtar</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui ada huruf ba <span style="font-size: 14pt;">(ب)</span> yang berharakat sukun di tengah kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Quraisy ayat 4</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">الَّذِيْٓ اَ<span style="color: #ff0000;">طْ</span>عَمَهُمْ مِّنْ جُوْعٍ ەۙ وَّاٰمَنَهُمْ مِّنْ خَوْفٍࣖ <span class="text-secondary-500 dark:text-secondary-300">٤</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-latin:<em> A<span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">lladzî atth‘amahum min jû‘iw wa âmanahum min khaûf</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui ada huruf ta <span style="font-size: 14pt;">(ط)</span> yang berharakat sukun di tengah kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Fil ayat 2</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">اَلَمْ يَ<span style="color: #ff0000;">جْ</span>عَلْ كَيْدَهُمْ فِيْ تَضْلِيْلٍۙ <span class="text-secondary-500 dark:text-secondary-300">٢</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-latin:<em> <span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">A lam yajj‘al kaidahum fî tadllîl</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui ada huruf jim <span style="font-size: 14pt;">(ج)</span> yang berharakat sukun di tengah kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Humazah ayat 5</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">وَمَآ اَ<span style="color: #ff0000;">دْ</span>رٰىكَ مَا الْحُطَمَةُۗ <span class="text-secondary-500 dark:text-secondary-300">٥</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-latin:<em> <span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">Wa mâ addrâka mal-ḫuthamah</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui ada huruf dal <span style="font-size: 14pt;">(د)</span> yang berharakat sukun di tengah kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Qari’ah ayat 3</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">وَمَآ اَ<span style="color: #ff0000;">دْ</span>رٰىكَ مَا الْقَارِعَةُۗ <span class="text-secondary-500 dark:text-secondary-300">٣</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-latin:<em> <span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">Wa mâ addrâka mal-qâri‘ah</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui ada huruf dal <span style="font-size: 14pt;">(د)</span> yang berharakat sukun di tengah kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Qari’ah ayat 4</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">يَوْمَ يَكُوْنُ النَّاسُ كَالْفَرَاشِ الْمَ<span style="color: #ff0000;">بْ</span>ثُوْثِۙ <span class="text-secondary-500 dark:text-secondary-300">٤</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-latin:<em> <span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">Yauma yakûnun-nâsu kal-farâsyil-mabbtsûts</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui ada huruf ba <span style="font-size: 14pt;">(ب)</span> yang berharakat sukun di tengah kalimat.</span></p>
<p> </p>
<ul>
<li style="text-align: justify;">
<h4><b>QS. Al-Qariah ayat 10</b></h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">وَمَآ اَ<span style="color: #ff0000;">دْ</span>رٰىكَ مَا هِيَهْۗ <span class="text-secondary-500 dark:text-secondary-300">١٠</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-latin: <em>Wa mā addrāka mā hiyah.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui ada huruf dal <span style="font-size: 14pt;">(د)</span> yang berharakat sukun di tengah kalimat.</span></p>
<p> </p>
<ul>
<li style="text-align: justify;">
<h4><b>QS. At-Tin ayat 6</b></h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">اِلَّا الَّذِيْنَ اٰمَنُوْا وَعَمِلُوا الصّٰلِحٰتِ فَلَهُمْ اَ<span style="color: #ff0000;">جْ</span>رٌ غَيْرُ مَمْنُوْنٍۗ <span class="text-secondary-500 dark:text-secondary-300">٦</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>fa lahum ajjrun gairu mamnụn.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui ada huruf jim <span style="font-size: 14pt;">(ج)</span> yang berharakat sukun di tengah kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Adiyat ayat 1</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">وَالْعٰدِيٰتِ ضَ<span style="color: #ff0000;">بْ</span>حًاۙ <span class="text-secondary-500 dark:text-secondary-300">١</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>W<span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">al-‘âdiyâti dlabb-ḫâ</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui ada huruf ba <span style="font-size: 14pt;">(ب)</span> yang berharakat sukun di tengah kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Adiyat ayat 2</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">فَالْمُوْرِيٰتِ قَ<span style="color: #ff0000;">دْ</span>حًاۙ <span class="text-secondary-500 dark:text-secondary-300">٢</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em><span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">Fal-mûriyâti qadd-ḫâ.</span></em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui ada huruf dal <span style="font-size: 14pt;">(د)</span> yang berharakat sukun di tengah kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Adiyat ayat 3</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">فَالْمُغِيْرٰتِ صُ<span style="color: #ff0000;">بْ</span>حًاۙ <span class="text-secondary-500 dark:text-secondary-300">٣</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>F<span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">al-mughîrâti shubb-ḫâ</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui ada huruf ba <span style="font-size: 14pt;">(ب)</span> yang berharakat sukun di tengah kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Adiyat ayat 4</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">فَاَثَرْنَ بِهٖ نَ<span style="color: #ff0000;">قْ</span>عًاۙ <span class="text-secondary-500 dark:text-secondary-300">٤</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>F<span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">a atsarna bihî naqq‘â</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui ada huruf qaf <span style="font-size: 14pt;">(ق)</span> yang berharakat sukun di tengah kalimat.</span></p>
<p> </p>
<ul>
<li style="text-align: justify;">
<h4><b>QS. Al-Adiyat ayat 5</b></h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">فَوَسَ<span style="color: #ff0000;">طْ</span>نَ بِهٖ جَمْعًاۙ <span class="text-secondary-500 dark:text-secondary-300">٥</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>Fa wasaṭtna bihī jam’ā.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui ada huruf ta <span style="font-size: 14pt;">(ط)</span> yang berharakat sukun di tengah kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Qadr ayat 2</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">وَمَآ اَ<span style="color: #ff0000;">دْ</span>رٰىكَ مَا لَيْلَةُ الْقَدْرِۗ <span class="text-secondary-500 dark:text-secondary-300">٢</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>W<span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">a mâ addrâka mâ lailatul-qadr</span><span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">.</span></em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui ada huruf dal <span style="font-size: 14pt;">(د)</span> yang berharakat sukun di tengah kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Qadr ayat 3</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">لَيْلَةُ الْقَ<span style="color: #ff0000;">دْ</span>رِ ەۙ خَيْرٌ مِّنْ اَلْفِ شَهْرٍۗ <span class="text-secondary-500 dark:text-secondary-300">٣</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>L<span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">ailatul-qaddri khairum min alfi syahr</span><span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">.</span></em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui ada huruf dal <span style="font-size: 14pt;">(د)</span> yang berharakat sukun di tengah kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Qadr ayat 5</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">سَلٰمٌۛ هِيَ حَتّٰى مَ<span style="color: #ff0000;">طْ</span>لَعِ الْفَ<span style="color: #ff0000;">جْ</span>رِࣖ <span class="text-secondary-500 dark:text-secondary-300">٥</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>S<span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">alâmun hiya ḫattâ matthla‘il-fajjr.</span></em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui ada huruf ta <span style="font-size: 14pt;">(ط)</span> dan jim <span style="font-size: 14pt;">(ج) </span>yang berharakat sukun di tengah kalimat.</span></p>
<p> </p>
<ul>
<li style="text-align: justify;">
<h4><b>QS. Al-Alaq ayat 1</b></h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">اِ<span style="color: #ff0000;">قْ</span>رَأْ بِاسْمِ رَبِّكَ الَّذِيْ خَلَقَۚ <span class="text-secondary-500 dark:text-secondary-300">١</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>Iqqra’ bismi rabbikallażī khalaq.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui ada huruf qaf <span style="font-size: 14pt;">(ق)</span> yang berharakat sukun di tengah kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Alaq ayat 3</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">اِ<span style="color: #ff0000;">قْ</span>رَأْ وَرَبُّكَ الْاَكْرَمُۙ <span class="text-secondary-500 dark:text-secondary-300">٣</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>I<span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">qqra’ wa rabbukal-akram</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui ada huruf qaf <span style="font-size: 14pt;">(ق)</span> yang berharakat sukun di tengah kalimat.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>2. Qalqalah Kubra (Besar)</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Qalqalah kubra adalah <strong>qalqalah besar</strong>, dimana <strong>dalam satu lafal terdapat huruf qalqalah yang berharakat hidup atau tasydid</strong>, <strong>lalu diwaqafkan di akhir kalimat</strong>.</span></p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/hukum-bacaan-mad">15 Macam Hukum Bacaan Mad Beserta Contohnya</a></strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Qalqalah kubra contohnya antara lain sebagai berikut:</span></p>
<p> </p>
<ul>
<li>
<h4><strong>QS. Al-Falaq ayat 1</strong></h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">قُلْ اَعُوْذُ بِرَبِّ الْفَلَ<span style="color: #ff0000;">قِۙ</span> <span class="text-secondary-500 dark:text-secondary-300">١</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>Qul a‘ûdzu birabbil-falaqq.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui terdapat huruf qaf <span style="font-size: 14pt;">(ق)</span> yang diwaqafkan di akhir kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4><strong>QS. Al-Falaq ayat 3</strong></h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">وَمِنْ شَرِّ غَاسِقٍ اِذَا وَقَ<span style="color: #ff0000;">بَۙ</span> <span class="text-secondary-500 dark:text-secondary-300">٣</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>Wa min syarri ghâsiqin idzâ waqabb.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui terdapat huruf ba <span style="font-size: 14pt;">(ب)</span> yang berharakat sukun di akhir kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4><strong>QS. Al-Falaq ayat 4</strong></h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">وَمِنْ شَرِّ النَّفّٰثٰتِ فِى الْعُقَ<span style="color: #ff0000;">دِۙ</span> <span class="text-secondary-500 dark:text-secondary-300">٤</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>Wa min syarrin-naffâtsâti fil-‘uqadd.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui terdapat huruf dal <span style="font-size: 14pt;">(د)</span> yang diwaqafkan di akhir kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4><strong>QS. Al-Ikhlas ayat 1</strong></h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">قُلْ هُوَ اللّٰهُ اَحَ<span style="color: #ff0000;">دٌۚ</span> <span class="text-secondary-500 dark:text-secondary-300">١</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em><span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">Qul huwallâhu aḫadd</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui terdapat huruf dal <span style="font-size: 14pt;">(د)</span> yang diwaqafkan di akhir kalimat.</span></p>
<p> </p>
<ul>
<li style="text-align: justify;">
<h4><b>QS. Al-Lahab ayat 1</b></h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">تَبَّتْ يَدَآ اَبِيْ لَهَبٍ وَّتَ<span style="color: #ff0000;">بَّۗ</span> <span class="text-secondary-500 dark:text-secondary-300">١</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>Tabbat yadā abī lahabiw wa tabb.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui terdapat huruf ba <span style="font-size: 14pt;">(ب)</span> yang diwaqafkan di akhir kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4><b>QS. Al-Lahab ayat 3</b></h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">سَيَصْلٰى نَارًا ذَاتَ لَهَ<span style="color: #ff0000;">بٍۙ</span> <span class="text-secondary-500 dark:text-secondary-300">٣</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>S<span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">ayashlâ nâran dzâta lahabb</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui terdapat huruf ba <span style="font-size: 14pt;">(ب)</span> yang diwaqafkan di akhir kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Adiyat ayat 6</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">اِنَّ الْاِنْسَانَ لِرَبِّهٖ لَكَنُوْ<span style="color: #ff0000;">دٌۚ</span> <span class="text-secondary-500 dark:text-secondary-300">٦</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>I<span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">nnal-insâna lirabbihî lakanûdd</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui terdapat huruf dal <span style="font-size: 14pt;">(د)</span> yang diwaqafkan di akhir kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Adiyat ayat 7</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">وَاِنَّهٗ عَلٰى ذٰلِكَ لَشَهِيْ<span style="color: #ff0000;">دٌۚ</span> <span class="text-secondary-500 dark:text-secondary-300">٧</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em><span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">Wa innahû ‘alâ dzâlika lasyahîdd</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui terdapat huruf dal <span style="font-size: 14pt;">(د)</span> yang diwaqafkan di akhir kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Adiyat ayat 8</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">وَاِنَّهٗ لِحُبِّ الْخَيْرِ لَشَدِيْ<span style="color: #ff0000;">دٌۗ</span> <span class="text-secondary-500 dark:text-secondary-300">٨</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>W<span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">a innahû liḫubbil-khairi lasyadîdd</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui terdapat huruf dal <span style="font-size: 14pt;">(د)</span> yang diwaqafkan di akhir kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Insyirah ayat 7</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">فَاِذَا فَرَغْتَ فَانْصَ<span style="color: #ff0000;">بْۙ</span> <span class="text-secondary-500 dark:text-secondary-300">٧</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>F<span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">a idzâ faraghta fanshabb</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui terdapat huruf ba <span style="font-size: 14pt;">(ب)</span> yang berharakat sukun di akhir kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Insyirah ayat 8</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">وَاِلٰى رَبِّكَ فَارْغَ<span style="color: #ff0000;">بْࣖ</span> <span class="text-secondary-500 dark:text-secondary-300">٨</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>W<span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">a ilâ rabbika farghabb</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui terdapat huruf ba <span style="font-size: 14pt;">(ب)</span> yang berharakat sukun di akhir kalimat.</span></p>
<p> </p>
<ul>
<li style="text-align: justify;">
<h4><b>QS. Al-Buruj ayat 1</b></h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">وَالسَّمَاۤءِ ذَاتِ الْبُرُوْ<span style="color: #ff0000;">جِۙ</span> <span class="text-secondary-500 dark:text-secondary-300">١</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>Was-samā`i żātil-burụjj.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut, dapat diketahui terdapat huruf jim <span style="font-size: 14pt;">(ج)</span> yang diwaqafkan di akhir kalimat.</span></p>
<p> </p>
<ul>
<li style="text-align: justify;">
<h4><b>QS. Al-Buruj ayat 20</b></h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">وَّاللّٰهُ مِنْ وَّرَاۤىِٕهِمْ مُّحِيْ<span style="color: #ff0000;">طٌۚ</span> <span class="text-secondary-500 dark:text-secondary-300">٢٠</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>Wallāhu miw warā`ihim muḥīṭt.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut dapat diketahui terdapat huruf ta <span style="font-size: 14pt;">(ط)</span> yang diwaqafkan di akhir kalimat.</span></p>
<p> </p>
<ul>
<li style="text-align: justify;">
<h4><b>QS. Al-Kafirun ayat 3</b></h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">وَلَآ اَنْتُمْ عٰبِدُوْنَ مَآ اَعْبُ<span style="color: #ff0000;">دُۚ</span> <span class="text-secondary-500 dark:text-secondary-300">٣</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>Wa lā antum ‘ābidụna mā a’budd.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut dapat diketahui terdapat huruf dal <span style="font-size: 14pt;">(د)</span> yang diwaqafkan di akhir kalimat.</span></p>
<p> </p>
<ul>
<li style="text-align: justify;">
<h4><b>QS. Al-Alaq ayat 1</b></h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">اِقْرَأْ بِاسْمِ رَبِّكَ الَّذِيْ خَلَ<span style="color: #ff0000;">قَۚ</span> <span class="text-secondary-500 dark:text-secondary-300">١</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>Iqra’ bismi rabbikallażī khalaqq.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut dapat diketahui terdapat huruf qaf <span style="font-size: 14pt;">(ق)</span> yang diwaqafkan di akhir kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Alaq ayat 2</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">خَلَقَ الْاِنْسَانَ مِنْ عَلَ<span style="color: #ff0000;">قٍۚ</span> <span class="text-secondary-500 dark:text-secondary-300">٢</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>K<span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">halaqal-insâna min ‘alaqq</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut dapat diketahui terdapat huruf qaf <span style="font-size: 14pt;">(ق)</span> yang diwaqafkan di akhir kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Balad ayat 1</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">لَآ اُقْسِمُ بِهٰذَا الْبَلَ<span style="color: #ff0000;">دِۙ</span> <span class="text-secondary-500 dark:text-secondary-300">١</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>L<span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">â uqsimu bihâdzal-baladd</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut dapat diketahui terdapat huruf dal <span style="font-size: 14pt;">(د) </span>yang diwaqafkan di akhir kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Balad ayat 2</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">وَاَنْتَ حِلٌّۢ بِهٰذَا الْبَلَ<span style="color: #ff0000;">دِۙ</span> <span class="text-secondary-500 dark:text-secondary-300">٢</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>W<span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">a anta ḫillum bihâdzal-baladd</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut dapat diketahui terdapat huruf dal <span style="font-size: 14pt;">(د) </span>yang diwaqafkan di akhir kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Fajr ayat 6</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">اَلَمْ تَرَ كَيْفَ فَعَلَ رَبُّكَ بِعَا<span style="color: #ff0000;">دٍۖ</span> <span class="text-secondary-500 dark:text-secondary-300">٦</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>A <span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">lam tara kaifa fa‘ala rabbuka bi‘âdd</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut dapat diketahui terdapat huruf dal <span style="font-size: 14pt;">(د) </span>yang diwaqafkan di akhir kalimat.</span></p>
<p> </p>
<ul>
<li>
<h4>QS. Al-Fajr ayat 7</h4>
</li>
</ul>
<p style="text-align: right;"><span class="__className_6952f9 text-4xl lg:text-5xl leading-relaxed lg:leading-relaxed text-right" style="font-size: 18pt;">اِرَمَ ذَاتِ الْعِمَا<span style="color: #ff0000;">دِۖ</span> <span class="text-secondary-500 dark:text-secondary-300">٧</span></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Arab-Latin: <em>I<span class="block text-md lg:text-lg text-primary-500 mb-3 sm:mt-3 sm:mb-4 dark:text-primary-300">rama dzâtil-‘imâdd</span>.</em></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari ayat tersebut dapat diketahui terdapat huruf dal <span style="font-size: 14pt;">(د) </span>yang diwaqafkan di akhir kalimat.</span></p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/hukum-mim-mati">3 Macam Hukum Bacaan Mim Mati Beserta Contohnya</a></strong></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Demikian artikel yang membahas tentang <strong>hukum bacaan qalqalah</strong>, meliputi qalqalah sugra dan qalqalah kubra. Jangan lupa untuk menerapkan hukum bacaan ini ketika kamu membaca Al-Qur’an, ya! </span></p>
<p style="text-align: justify;">Jika kamu masih memerlukan bimbingan, kalian bisa mencari guru privat yang sesuai dengan kriteria kalian di <a href="https://www.ruangguru.com/privat/mengaji"><strong>Ruangguru Privat</strong></a>. Para pengajar di Ruangguru Privat juga sudah terstandarisasi kualitasnya, loh. Kamu juga bisa pilih nih, mau diajarkan secara langsung (<em>offline</em>) atau daring (<em>online</em>). Fleksibel, kan? Untuk info lebih lanjut, cuss klik link berikut!</p>
<p><a href="https://cta.ruangguru.com/blog-rg10-privat"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/94e6e69e-708c-48fc-b4e9-d277c9405371.png" alt="CTA Ruangguru Privat" /></a></p>
<p><strong>Referensi:</strong></p>
<p>https://www.detik.com/edu/detikpedia/d-5952721/qalqalah-sugra-dan-kubro-hukum-bacaan-huruf-dan-contohnya (Diakses pada 2 Februari 2024)</p>
<p>https://www.gramedia.com/literasi/qalqalah/ (Diakses pada 2 Februari 2024)</p>
</div>
<div class="content-meta-tags">
<a href="https://www.ruangguru.com/blog/tag/fakta-seru" rel="tag">Fakta Seru</a> </div>
</div>
<div class="author-post">
<img loading="lazy" class="author-avatar" width="64px" height="64px" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/5196bc4b-168b-4b6f-8c46-cb076ca8b451.png">
<div>
<h5 class="author-title">Kenya Swawikanti</h5>
<p class="author-description"></p>
</div>
</div> <div class="share-post">
<p>Bagikan artikel ini:</p>
<ul class="socmed">
<li>
<a target="_blank" href="https://api.whatsapp.com/send?phone=&text=Hukum Bacaan Qalqalah Sugra dan Kubra serta Contohnya%0D%0A%0D%0Ahttps://www.ruangguru.com/blog/hukum-bacaan-qalqalah"><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/hukum-bacaan-qalqalah&quote=Hukum Bacaan Qalqalah Sugra dan Kubra serta Contohnya"> <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=Hukum Bacaan Qalqalah Sugra dan Kubra serta Contohnya&url=https://www.ruangguru.com/blog/hukum-bacaan-qalqalah"> <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/hukum-bacaan-qalqalah&title=Hukum Bacaan Qalqalah Sugra dan Kubra serta Contohnya"><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 = 20446;
const tags_id = [19];
const category_id = 562;
const sub_category_id = 0;
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>