Bagi seorang muslim, dituntut untuk tahu dan hafal mengenai huruf Hijaiyah, agar bisa membaca Al-Qur’an. Berikut 30 daftar huruf Hijaiyah, lengkap dengan tanda baca (harakat) dan cara membacanya. Mari pelajari bersama!
—
Kitab umat Muslim yaitu Al-Qur’an, ditulis menggunakan huruf Arab atau disebut juga dengan huruf Hijaiyah. Kamu sudah tahu cara membaca huruf Hijaiyah, belum?
Biasanya, umat Muslim sudah mempelajari huruf Hijaiyah sedari kecil, agar mereka dapat mengaji atau memahami cara membaca dan menulis ayat-ayat Al-Qur’an.
Nah, dalam artikel ini, kita akan membahas mengenai macam-macam huruf Hijaiyah, mulai dari pengertian, daftar 30 huruf Hijaiyah, harakat atau tanda baca, cara membaca, hingga cara menulisnya. Yuk, simak artikelnya sampai selesai!
Apa itu Huruf Hijaiyah?
Huruf Hijaiyah bisa juga disebut sebagai Abjad Arab (الأَبْجَدِيَّة العَرَبِيَّة al-abjadīyah al-ʻarabīyah; atau الحُرُوف العَرَبِيَّة al-ḥurūf al-ʻarabīyah). Menurut definisinya, huruf Hijaiyah adalah abjad yang digunakan untuk menuliskan bahasa Arab, serta beberapa bahasa di Asia dan Afrika. Nah, istilah Hijaiyah sendiri diambil dari bahasa Arab, yaitu الهجائية yang memiliki arti ejaan atau mengeja.
Huruf Hijaiyah digunakan untuk penulisan ayat-ayat dalam Al-Qur’an. Sehingga, seluruh umat Muslim di dunia wajib mempelajari huruf ini agar dapat memahami ilmu baca tulis Al-Qur’an.
Berbeda dengan huruf alfabet yang ditulis dari kiri ke kanan, huruf Hijaiyah ditulis dengan arah sebaliknya nih, yaitu dari kanan ke kiri. Selain itu, gaya tulisan huruf Hijaiyah juga dibuat bersambung satu sama lain. Huruf Hijaiyah memiliki penulisan dan cara pembacaan yang berbeda tergantung pada harakat dan tajwidnya.
Baca Juga: 15 Manfaat Zikir bagi Umat Islam beserta Makna dan Caranya
Huruf-huruf Hijaiyah banyak yang serupa antara satu dengan yang lainnya. Namun, dibedakan dengan adanya titik-titik di atas atau di bawah bentuk huruf. Titik-titik tersebut adalah bagian yang tidak bisa dipisahkan dari sebuah huruf Hijaiyah.
Misalnya, terdapat dua huruf dalam bahasa Arab yang ditransliterasikan dengan b dan t. Kedua huruf ini memiliki bentuk yang sama, namun dibedakan dengan adanya titik-titik. Huruf ب (b) bertitik satu di bawah, sedangkan ت (t) bertitik dua di atas.
30 Huruf Hijaiyah dan Cara Membacanya
Seperti yang telah disebutkan di atas, huruf Hijaiyah berjumlah 30 huruf. Daftar huruf beserta cara membaca huruf Hijaiyah dapat kamu lihat pada tabel berikut ini!
No.
Huruf Hijaiyah
Cara Membaca
Transliterasi Latin
1.
ا
Alif
Tidak ada lambang
2.
ب
Ba’
B
3.
ت
Ta’
T
4.
ث
Tsa’
TS
5.
ج
Jim
J
6.
ح
Ha’
H
7.
خ
Kha’
KH
8.
د
Dal
D
9.
ذ
Dzal
Dz
10.
ر
Ra’
R
11.
ز
Za’
Z
12.
س
Sin
S
13.
ش
Syin
SY
14.
ص
Shad
SH
15.
ض
Dhad
DH
16.
ط
Tha’
TH
17.
ظ
Zha’
ZH
18.
ع
‘Ain
Huruf vokal dengan tanda petik (‘a, ‘i, ‘u)
19.
غ
Ghain
GH
20.
ف
Fa’
F
21.
ق
Qaf
Q
22.
ك
Kaf
K
23.
ل
Lam
L
24.
م
Mim
M
25.
ن
Nun
N
26.
و
Waw
W
27.
ه
Ha’
H
28.
ء
Hamzah
Huruf vokal yang ditambah dengan tanda petik (a’, i’, u’)
29.
ي
Ya’
Y
30.
لا
lam alif
Penjelasan mengenai pelafalan huruf Hijaiyah dalam latin pada tabel di atas, merupakan penjelasan secara garis besar, ya. Jika kamu ingin mengetahui secara detail bagaimana cara melafalkan huruf-huruf Hijaiyah yang benar, kamu harus mempelajari yang namanya Makhraj.
Apa yang dimaksud dengan Makhraj?
Makhraj adalah artikulasi atau pelafalan dari huruf-huruf Hijaiyah sesuai dengan aturan yang benar. Ibaratnya kalau dalam istilah bahasa Inggris tuh pronunciation-nya supaya kamu bisa terdengar fasih seperti native speaker.
Nah, kamu bisa mempelajari Makhraj ini langsung bersama ustadz atau guru mengaji. Kamu juga bisa mencari guru privat mengaji favorit kamu melalui Ruangguru Privat, lho!
Baca Juga: Huruf Hiragana dan Katakana: Jenis-Jenis, Cara Membaca, Perbedaannya
Harakat Huruf Hijaiyah
Pada Huruf Hijaiyah, terdapat harakat yang berfungsi sebagai tanda baca untuk memudahkan kita dalam membaca huruf Arab. Harakat ini memiliki peran dalam menentukan bunyi pada setiap huruf, seperti layaknya huruf vokal pada alfabet.
Terdapat 9 macam harakat pada huruf Hijaiyah, kamu bisa mempelajarinya melalui penjelasan berikut ini:
1. Fathah
Fathah adalah harakat berbentuk garis miring kecil yang letaknya berada di atas huruf Hijaiyah. Harakat fathah dibaca dengan bunyi “a”. Setiap huruf yang di atasnya terdapat harakat fathah, maka akan dibaca dengan vokal a.
Contoh fathah pada huruf Hijaiyah:
جَ ثَ تَ بَ اَ
Huruf hijaiyah di atas dibaca menjadi a, ba, ta, tsa, ja karena terdapat harakat fathah pada bagian atas huruf.
Baca Juga: 10 Nama Malaikat dalam Islam beserta Tugasnya
2. Kasrah
Kasrah adalah harakat berbentuk seperti fathah, yaitu berupa garis miring kecil, namun letakknya berada di bawah huruf Hijaiyah. Jika huruf Hijaiyah diberi harakat kasrah, maka huruf tersebut dibaca dengan vokal “i”.
Contoh kasrah pada huruf Hijaiyah:
طِ ضِ صِ شِ سِ
Huruf hijaiyah di atas dibaca menjadi thi, dhi, shi, syi, si karena terdapat harakat kasrah pada bagian bawah huruf.
3. Dhammah
Dhammah adalah harakat yang berbentuk seperti huruf waw (و) namun berukuran kecil. Sama seperti fathah, dhammah juga diletakkan di atas huruf Hijaiyah. Jika huruf Hijaiyah memiliki harakat dhammah, maka huruf tersebut akan dibaca dengan vokal “u”.
Contoh dhammah pada huruf Hijaiyah:
رُ زُ دُ خُ حُ
Huruf hijaiyah di atas dibaca menjadi ru, zu, du, khu, hu karena terdapat harakat dhammah pada bagian atas huruf.
4. Sukun
Sukun adalah harakat dengan bentuk seperti huruf ha (ه), yang terletak pada bagian atas huruf Hijaiyah. Harakat sukun akan mematikan suatu huruf Hijaiyah. Artinya, huruf yang memiliki harakat sukun di atasnya akan hanya dibaca seperti huruf konsonan.
Contoh sukun pada huruf Hijaiyah:
سْ لْ كْ قْ فْ
Huruf hijaiyah di atas dimatikan dan dibaca menjadi suara konsonan s, l, k, q, f karena terdapat harakat sukun pada bagian atas huruf.
5. Fathahtain
Fathahtain atau bisa disebut juga sebagai tanwin fathah adalah harakat yang memiliki bentuk dua garis miring kecil dan terletak di atas huruf Hijaiyah. Jadi, seperti harakat fathah namun double. Harakat ini dibaca “-an”.
Contoh fathahtain pada huruf Hijaiyah:
قً فً غً عً ظً
Huruf hijaiyah di atas dibaca menjadi qan, fan, ghan, ‘an, zhan karena terdapat harakat fathahtain pada bagian atas huruf.
6. Kasrahtain
Kasrahtain atau bisa juga disebut sebagai tanwin kasrah adalah harakat yang memiliki bentuk dua garis miring kecil dan terletak di bawah huruf Hijaiyah. Jadi, seperti harakat kasrah namun double. Harakat ini dibaca “-in”.
Contoh kasrahtain pada huruf Hijaiyah:
طٍ اٍ ءٍ يٍ ذٍ
Huruf hijaiyah di atas dibaca menjadi thin, in, in, yin, dzin karena terdapat harakat kasrahtain pada bagian atas huruf.
7. Dhammahtain
Dhammahtain atau bisa juga disebut sebagai tanwin dhammah adalah harakat yang memiliki bentuk gabungan dari harakat dhammah dan sukun, serta terletak di atas huruf Hijaiyah. Harakat ini dibaca “-un”.
Contoh dhammahtain pada huruf Hijaiyah:
وٌ نٌ مٌ لٌ كٌ
Huruf hijaiyah di atas dibaca menjadi wun, nun, mun, lun, kun karena terdapat harakat dhammahtain pada bagian atas huruf.
8. Tasydid
Tasydid bisa juga disebut sebagai syaddah. Tasydid adalah harakat yang berbentuk seperti kepala huruf sin dan diletakkan di atas huruf Hijaiyah. Huruf dengan tanda tasydid akan dilafalkan dengan penekanan. Artinya, huruf tersebut akan dibaca seperti memiliki dua konsonan.
Contoh tasydid pada huruf Hijaiyah:
مَدَّ مَرَّ اَ وَّ اَ نَّ اَ مَّ
Huruf hijaiyah di atas dibaca dengan penekanan karena memiliki tanda tasydid di atasnya, sehingga menjadi madda, marra, awwa, anna, amma.
9. Bacaan Panjang
Harakat-harakat di atas dapat menjadi lambang agar huruf dapat dilafalkan/dibaca panjang. Biasanya, bacaan panjang huruf Hijaiyah ditandai dengan menggunakan huruf yang memiliki vokal sama seperti harakat masing-masing.
Misalnya, huruf alif dengan harakat fathah, huruf ya’ sukun dengan harakat kasrah, dan huruf waw sukun dengan harakat dhammah. Nah, masing-masing huruf yang memiliki akhiran tersebut, akan dilafalkan/dibaca panjang.
Contoh huruf Hijaiyah dengan bacaan panjang:
بَتيْ بَجُوْ بُكُوْ بَتَا سَبَا
Huruf Hijaiyah di atas dibaca panjang menjadi batii, bajuu, bukuu, bataa, sabaa karena terdapat huruf tertentu yang sebelumnya terdapat harakat fathah, kasrah, dan dhammah.
Cara Menulis Huruf Hijaiyah
Huruf Hijaiyah memiliki dua macam cara penulisan, yaitu huruf Hijaiyah sambung dan huruf Hijaiyah tidak disambung. Maksudnya gimana tuh?
Jadi, ada huruf-huruf yang dalam penulisannya bisa disambung dan ada juga yang tidak bisa disambung. Selain itu, ada juga beberapa huruf yang memiliki perbedaan bentuk setelah disambung dan sebelum disambung.
Bingung nggak nih? Supaya lebih jelas, kamu bisa perhatikan penjelasan berikut:
1. Penulisan huruf Hijaiyah yang dapat disambung dengan huruf sebelum atau huruf sesudahnya
Huruf Hijaiyah pada kategori ini, memiliki ketentuan penulisan yang dapat disambung dengan huruf sebelum atau huruf sesudahnya. Dengan syarat:
- Huruf Hijaiyah bisa disambung dengan huruf sebelumnya, jika berada di tengah kalimat.
- Huruf Hijaiyah bisa disambung dengan huruf setelahnya, jika berada di tengah dan di awal kalimat.
Huruf Hijaiyah dalam kategori ini bisa juga diartikan sebagai huruf yang fleksibel karena dapat disambung dengan posisi di mana saja.
Baca Juga: Hukum Tajwid Alif Lam Qomariyah, Macam Huruf, dan Contohnya
Huruf-huruf Hijaiyah sambung tersebut meliputi:
ببب – تتت- ثثث – ججج- ححح – خخخ – سسس – ششش – صصص – ضضض – ططط – ظظظ – ععع – غغغ ففف – ققق – ككك – للل – ممم ننن –ههه – يييي
2. Penulisan huruf Hijaiyah yang tidak dapat disambung dengan huruf sesudahnya
Huruf Hijaiyah pada kategori ini, tidak dapat disambung dengan huruf sesudahnya. Jadi, jika salah satu huruf dalam kategori ini berada di tengah kalimat dan di awal kalimat, maka huruf tersebut tidak akan disambung dengan huruf setelahnya, meskipun kalimatnya belum selesai. Tapi, huruf ini tetap bisa disambung dengan huruf sebelumnya.
Huruf-huruf Hijaiyah tidak disambung tersebut meliputi:
ا – د – ذ – ر – ز – و
Manfaat Mempelajari Huruf Hijaiyah
Sebagai seorang muslim, mempelajari huruf Hijaiyah adalah cara untuk memahami ajaran agama Islam lebih dalam. Selain itu, mempelajari huruf Hijaiyah juga memiliki beberapa manfaat lain, di antaranya:
1. Mampu Membaca dan Menulis Al-Qur’an
Huruf Hijaiyah digunakan dalam penulisan ayat-ayat Al-Qur’an. Dengan mempelajari huruf ini, seorang muslim bisa lebih memahami struktur dan penyusunan kata dalam Al-Qur’an. Kamu jadi bisa membaca Al-Qur’an dengan lancar dan menghayati makna yang dikandungnya.
2. Melancarkan Ibadah
Memahami huruf Hijaiyah juga membantu kita dalam membaca doa-doa harian, dzikir, dan ibadah lainnya. Dengan mempelajari huruf Hijaiyah dan cara membacanya, kita jadi bisa melafalkan doa-doa dengan benar. Karena, beda pelafalan, bisa beda arti, loh.
3. Meningkatkan Keterampilan Berbahasa Arab
Pada dasarnya, huruf Hijaiyah adalah abjad Arab. Dengan memahaminya, kita sekaligus bisa belajar bahasa Arab dengan lebih baik, membuka peluang untuk memahami teks-teks Islam, budaya Arab, dan komunikasi dengan umat Muslim dari berbagai negara. Selain itu, Mempelajari huruf hijaiyah membuka pintu untuk belajar lebih banyak dalam bidang ilmu agama.
Baca Juga: Macam-Macam Huruf Korea (Hangul), Pelafalan, Cara Membaca & Menulisnya
—
Demikian pembahasan mengenai macam-macam huruf Hijaiyah, lengkap dengan pengertian, tanda baca, cara membaca, serta penulisannya. Jika kamu ingin lancar baca tulis Al-Qur’an, kamu wajib mengetahui tentang huruf Hijaiyah terlebih dahulu, ya! Nah, biar mengajinya semakin lancar, jangan lupa daftarkan diri kamu mengikuti les privat mengaji di Ruangguru Privat!
Referensi:
https://www.gramedia.com/literasi/huruf-hijaiyah/
https://www.detik.com/edu/detikpedia/d-5824461/30-huruf-hijaiyah-dan-tanda-bacanya-dasar-membaca-al-quran
https://mediaindonesia.com/humaniora/488539/mengenal-30-huruf-hijaiyah-dan-tanda-bacanya-yang-benar
Sumber Gambar:
https://www.freepik.com/free-photo/flay-lay-quran-opened-table_6968457.htm#page=3&query=al%20quran&position=5&from_view=search&track=ais&uuid=3f04ac2f-2a9d-4b91-a9f1-6bda2a2c90c5 (Diakses pada 19 Desember 2023)
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta author="viewport" content="Ruangguru Tech Team">
<title>Mengenal 30 Huruf Hijaiyah, Harakat, Cara Membaca & Menulisnya</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="Huruf Hijaiyah adalah abjad yang digunakan untuk menuliskan bahasa Arab. Berikut 30 huruf Hijaiyah, lengkap dengan tanda baca (harakat) dan cara membacanya." />
<link rel="canonical" href="https://www.ruangguru.com/blog/macam-macam-huruf-hijaiyah" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Mengenal 30 Huruf Hijaiyah, Harakat, Cara Membaca & Menulisnya" />
<meta property="og:description" content="Huruf Hijaiyah adalah abjad yang digunakan untuk menuliskan bahasa Arab. Berikut 30 huruf Hijaiyah, lengkap dengan tanda baca (harakat) dan cara membacanya." />
<meta property="og:url" content="https://www.ruangguru.com/blog/macam-macam-huruf-hijaiyah" />
<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-06-20T01:30:30+00:00" />
<meta property="article:modified_time" content="2024-06-21T05:05:04+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="8 minutes" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.ruangguru.com/blog/macam-macam-huruf-hijaiyah","url":"https://www.ruangguru.com/blog/macam-macam-huruf-hijaiyah","name":"Mengenal 30 Huruf Hijaiyah, Harakat, Cara Membaca & Menulisnya","isPartOf":{"@id":"https://www.ruangguru.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.ruangguru.com/blog/macam-macam-huruf-hijaiyah#primaryimage"},"image":{"@id":"https://www.ruangguru.com/blog/macam-macam-huruf-hijaiyah#primaryimage"},"thumbnailUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/a83fe8f2-7b25-4cab-afd7-c5cce7fe1bf6.png","datePublished":"2024-06-20T01:30:30+00:00","dateModified":"2024-06-21T05:05:04+00:00","author":{"@id":"https://www.ruangguru.com/blog/#/schema/person/2961333999f86a82f666cdabdd06fc14"},"description":"Huruf Hijaiyah adalah abjad yang digunakan untuk menuliskan bahasa Arab. Berikut 30 huruf Hijaiyah, lengkap dengan tanda baca (harakat) dan cara membacanya.","breadcrumb":{"@id":"https://www.ruangguru.com/blog/macam-macam-huruf-hijaiyah#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.ruangguru.com/blog/macam-macam-huruf-hijaiyah"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/macam-macam-huruf-hijaiyah#primaryimage","url":"https://cdn-web-2.ruangguru.com/landing-pages/assets/a83fe8f2-7b25-4cab-afd7-c5cce7fe1bf6.png","contentUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/a83fe8f2-7b25-4cab-afd7-c5cce7fe1bf6.png"},{"@type":"BreadcrumbList","@id":"https://www.ruangguru.com/blog/macam-macam-huruf-hijaiyah#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.ruangguru.com/blog"},{"@type":"ListItem","position":2,"name":"Mengenal 30 Huruf Hijaiyah: Pengertian, Harakat, Cara Membaca & Menulisnya"}]},{"@type":"WebSite","@id":"https://www.ruangguru.com/blog/#website","url":"https://www.ruangguru.com/blog/","name":"Ruangguru Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.ruangguru.com/blog/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https://www.ruangguru.com/blog/#/schema/person/2961333999f86a82f666cdabdd06fc14","name":"Kenya Swawikanti","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/?s=96&d=mm&r=g","caption":"Kenya Swawikanti"},"url":"https://www.ruangguru.com/blog/author/kenya-swawikanti"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="alternate" type="application/rss+xml" title="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru » Mengenal 30 Huruf Hijaiyah: Pengertian, Harakat, Cara Membaca & Menulisnya Comments Feed" href="https://www.ruangguru.com/blog/macam-macam-huruf-hijaiyah/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/13530" /><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=13530' />
<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%2Fmacam-macam-huruf-hijaiyah" />
<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%2Fmacam-macam-huruf-hijaiyah&format=xml" />
</head>
<body class="wp-singular post-template-default single single-post postid-13530 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">
Mengenal 30 Huruf Hijaiyah: Pengertian, Harakat, Cara Membaca & Menulisnya </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>June 20, 2024 • </span> <span>9 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/a83fe8f2-7b25-4cab-afd7-c5cce7fe1bf6.png" alt="huruf hijaiyah" /></p>
<blockquote>
<p style="text-align: center;"><em><span style="font-weight: 300;">Bagi seorang muslim, dituntut untuk tahu dan hafal mengenai huruf Hijaiyah, agar bisa membaca Al-Qur’an. Berikut 30 daftar<strong> huruf Hijaiyah,</strong> lengkap dengan tanda baca (harakat) dan cara membacanya. Mari pelajari bersama!</span></em></p>
</blockquote>
<p style="text-align: center;"><i><span style="font-weight: 300;">—</span></i></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 300;">Kitab umat Muslim yaitu Al-Qur’an, ditulis menggunakan huruf Arab atau disebut juga dengan <strong>huruf Hijaiyah</strong>. Kamu sudah tahu cara membaca huruf Hijaiyah, belum? </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Biasanya, umat Muslim sudah mempelajari huruf Hijaiyah sedari kecil, agar mereka dapat mengaji atau memahami cara membaca dan menulis ayat-ayat Al-Qur’an. </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Nah, dalam artikel ini, kita akan membahas mengenai <strong>macam-macam huruf Hijaiyah,</strong> mulai dari pengertian, daftar 30 huruf Hijaiyah, harakat atau tanda baca, cara membaca, hingga cara menulisnya. Yuk, simak artikelnya sampai selesai!</span></p>
<p> </p>
<h2><span style="font-size: 18pt;"><b>Apa itu Huruf Hijaiyah?</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 300;">Huruf Hijaiyah bisa juga disebut sebagai Abjad Arab (الأَبْجَدِيَّة العَرَبِيَّة al-abjadīyah al-ʻarabīyah; atau الحُرُوف العَرَبِيَّة al-ḥurūf al-ʻarabīyah). Menurut definisinya, <strong>huruf Hijaiyah adalah</strong> <strong>abjad yang digunakan untuk menuliskan bahasa Arab</strong>, serta beberapa bahasa di Asia dan Afrika. Nah, istilah </span><span style="font-weight: 300;">Hijaiyah sendiri diambil dari bahasa Arab, yaitu الهجائية yang memiliki arti ejaan atau mengeja.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Huruf Hijaiyah <strong>digunakan untuk penulisan ayat-ayat dalam Al-Qur’an.</strong> Sehingga, seluruh umat Muslim di dunia wajib mempelajari huruf ini agar dapat memahami ilmu baca tulis Al-Qur’an. </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Berbeda dengan huruf alfabet yang ditulis dari kiri ke kanan, huruf Hijaiyah ditulis dengan arah sebaliknya nih, yaitu dari kanan ke kiri. Selain itu, gaya tulisan huruf Hijaiyah juga dibuat bersambung satu sama lain. Huruf Hijaiyah memiliki penulisan dan cara pembacaan yang berbeda tergantung pada harakat dan tajwidnya.</span></p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/manfaat-zikir-bagi-umat-islam">15 Manfaat Zikir bagi Umat Islam beserta Makna dan Caranya</a></strong></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Huruf-huruf Hijaiyah banyak yang serupa antara satu dengan yang lainnya. Namun, dibedakan dengan adanya titik-titik di atas atau di bawah bentuk huruf. Titik-titik tersebut adalah bagian yang tidak bisa dipisahkan dari sebuah huruf Hijaiyah.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Misalnya, terdapat dua huruf dalam bahasa Arab yang ditransliterasikan dengan b dan t. Kedua huruf ini memiliki bentuk yang sama, namun dibedakan dengan adanya titik-titik. Huruf ب (b) bertitik satu di bawah, sedangkan ت (t) bertitik dua di atas.</span></p>
<p> </p>
<h2><span style="font-size: 18pt;"><b>30 Huruf Hijaiyah dan Cara Membacanya</b></span></h2>
<p><span style="font-weight: 300;">Seperti yang telah disebutkan di atas, <strong>huruf Hijaiyah berjumlah 30 huruf</strong>. Daftar huruf beserta cara membaca huruf Hijaiyah dapat kamu lihat pada tabel berikut ini!</span></p>
<table style="height: 34px; width: 100%; border-collapse: collapse; border-style: solid; border-color: #000000;" border="1">
<tbody>
<tr style="height: 24px; background-color: #fad984;">
<td style="width: 3.2646%; height: 24px; text-align: center;"><strong>No.</strong></td>
<td style="width: 34.3643%; height: 24px; text-align: center;"><strong>Huruf Hijaiyah</strong></td>
<td style="width: 31.4433%; height: 24px; text-align: center;"><strong>Cara Membaca</strong></td>
<td style="width: 30.9278%; height: 24px; text-align: center;"><strong>Transliterasi Latin</strong></td>
</tr>
<tr style="height: 10px;">
<td style="width: 3.2646%; height: 10px; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">1.</span></p>
</td>
<td style="width: 34.3643%; height: 10px; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ا</span></td>
<td style="width: 31.4433%; height: 10px; text-align: center;"><span style="font-weight: 300;">Alif</span></td>
<td style="width: 30.9278%; height: 10px; text-align: center;"><span style="font-weight: 300;">Tidak ada lambang</span></td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">2.</span></p>
</td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ب</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Ba’</span></td>
<td style="width: 30.9278%; text-align: center;"><span style="font-weight: 300;">B</span></td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;"><span style="font-weight: 300;">3.</span></td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ت</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Ta’</span></td>
<td style="width: 30.9278%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">T</span></p>
</td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">4.</span></p>
</td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ث</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Tsa’</span></td>
<td style="width: 30.9278%; text-align: center;"><span style="font-weight: 300;">TS</span></td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;"><span style="font-weight: 300;">5.</span></td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ج</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Jim</span></td>
<td style="width: 30.9278%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">J</span></p>
</td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">6.</span></p>
</td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ح</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Ha’</span></td>
<td style="width: 30.9278%; text-align: center;"><span style="font-weight: 300;">H</span></td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;"><span style="font-weight: 300;">7.</span></td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">خ</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Kha’</span></td>
<td style="width: 30.9278%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">KH</span></p>
</td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">8.</span></p>
</td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">د</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Dal</span></td>
<td style="width: 30.9278%; text-align: center;"><span style="font-weight: 300;">D</span></td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;"><span style="font-weight: 300;">9.</span></td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ذ</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Dzal</span></td>
<td style="width: 30.9278%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">Dz</span></p>
</td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">10.</span></p>
</td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ر</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Ra’</span></td>
<td style="width: 30.9278%; text-align: center;"><span style="font-weight: 300;">R</span></td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;"><span style="font-weight: 300;">11.</span></td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ز</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Za’</span></td>
<td style="width: 30.9278%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">Z</span></p>
</td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">12.</span></p>
</td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">س</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Sin</span></td>
<td style="width: 30.9278%; text-align: center;"><span style="font-weight: 300;">S</span></td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;"><span style="font-weight: 300;">13.</span></td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ش</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Syin</span></td>
<td style="width: 30.9278%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">SY</span></p>
</td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">14.</span></p>
</td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ص</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Shad</span></td>
<td style="width: 30.9278%; text-align: center;"><span style="font-weight: 300;">SH</span></td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;"><span style="font-weight: 300;">15.</span></td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ض</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Dhad</span></td>
<td style="width: 30.9278%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">DH</span></p>
</td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">16.</span></p>
</td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ط</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Tha’</span></td>
<td style="width: 30.9278%; text-align: center;"><span style="font-weight: 300;">TH</span></td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;"><span style="font-weight: 300;">17.</span></td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ظ</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Zha’</span></td>
<td style="width: 30.9278%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">ZH</span></p>
</td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">18.</span></p>
</td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ع</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">‘Ain</span></td>
<td style="width: 30.9278%; text-align: center;"><span style="font-weight: 300;">Huruf vokal dengan tanda petik (‘a, ‘i, ‘u)</span></td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;"><span style="font-weight: 300;">19.</span></td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">غ</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Ghain</span></td>
<td style="width: 30.9278%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">GH</span></p>
</td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">20.</span></p>
</td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ف</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Fa’</span></td>
<td style="width: 30.9278%; text-align: center;"><span style="font-weight: 300;">F</span></td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;"><span style="font-weight: 300;">21.</span></td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ق</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Qaf</span></td>
<td style="width: 30.9278%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">Q</span></p>
</td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">22.</span></p>
</td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ك</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Kaf</span></td>
<td style="width: 30.9278%; text-align: center;"><span style="font-weight: 300;">K</span></td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">23.</span></p>
</td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ل</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Lam</span></td>
<td style="width: 30.9278%; text-align: center;"><span style="font-weight: 300;">L</span></td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">24.</span></p>
</td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">م</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Mim</span></td>
<td style="width: 30.9278%; text-align: center;"><span style="font-weight: 300;">M</span></td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">25.</span></p>
</td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ن</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Nun</span></td>
<td style="width: 30.9278%; text-align: center;"><span style="font-weight: 300;">N</span></td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;"><span style="font-weight: 300;">26.</span></td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">و</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Waw</span></td>
<td style="width: 30.9278%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">W</span></p>
</td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;"><span style="font-weight: 300;">27.</span></td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ه</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Ha’</span></td>
<td style="width: 30.9278%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">H</span></p>
</td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;"><span style="font-weight: 300;">28.</span></td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ء</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Hamzah</span></td>
<td style="width: 30.9278%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">Huruf vokal yang ditambah dengan tanda petik (a’, i’, u’)</span></p>
</td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;"><span style="font-weight: 300;">29.</span></td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">ي</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">Ya’</span></td>
<td style="width: 30.9278%; text-align: center;">
<p style="text-align: center;"><span style="font-weight: 300;">Y</span></p>
</td>
</tr>
<tr>
<td style="width: 3.2646%; text-align: center;"><span style="font-weight: 300;">30.</span></td>
<td style="width: 34.3643%; text-align: center;"><span style="font-weight: 300; font-size: 18pt;">لا</span></td>
<td style="width: 31.4433%; text-align: center;"><span style="font-weight: 300;">lam alif</span></td>
<td style="width: 30.9278%; text-align: center;"></td>
</tr>
</tbody>
</table>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 300;">Penjelasan mengenai pelafalan huruf Hijaiyah dalam latin pada tabel di atas, merupakan penjelasan secara garis besar, ya. Jika kamu ingin mengetahui secara detail bagaimana cara melafalkan huruf-huruf Hijaiyah yang benar, kamu harus mempelajari yang namanya <strong>Makhraj</strong>. </span></p>
<p style="text-align: justify;">Apa yang dimaksud dengan Makhraj?</p>
<p style="text-align: justify;"><span style="font-weight: 300;"><strong>Makhraj adalah</strong> <strong>artikulasi atau pelafalan dari huruf-huruf Hijaiyah sesuai dengan aturan yang benar</strong>. Ibaratnya kalau dalam istilah bahasa Inggris tuh </span><i><span style="font-weight: 300;">pronunciation</span></i><span style="font-weight: 300;">-nya supaya kamu bisa terdengar fasih seperti </span><i><span style="font-weight: 300;">native speaker</span></i><span style="font-weight: 300;">. </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Nah, kamu bisa mempelajari Makhraj ini langsung bersama ustadz atau guru mengaji. Kamu juga bisa mencari <strong><a href="https://www.ruangguru.com/privat/mengaji">guru privat mengaji</a></strong> favorit kamu melalui Ruangguru Privat, lho!</span></p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/huruf-hiragana-katakana">Huruf Hiragana dan Katakana: Jenis-Jenis, Cara Membaca, Perbedaannya</a></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;"><b>Harakat Huruf Hijaiyah</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 300;">Pada Huruf Hijaiyah, terdapat <strong>harakat yang berfungsi sebagai tanda baca</strong> untuk memudahkan kita dalam membaca huruf Arab. Harakat ini memiliki peran dalam menentukan bunyi pada setiap huruf, seperti layaknya huruf vokal pada alfabet. </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Terdapat <strong>9 macam harakat pada huruf Hijaiyah</strong>, kamu bisa mempelajarinya melalui penjelasan berikut ini:</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>1. Fathah</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 300;"><strong>Fathah adalah harakat berbentuk</strong> <strong>garis miring kecil yang letaknya berada di atas huruf Hijaiyah</strong>. Harakat fathah dibaca dengan bunyi “<strong>a</strong>”. Setiap huruf yang di atasnya terdapat harakat fathah, maka akan dibaca dengan vokal a.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Contoh fathah pada huruf Hijaiyah: </span></p>
<p style="text-align: center;"><span style="font-weight: 300;"><span style="font-size: 18pt;">جَ ثَ تَ بَ اَ</span></span></p>
<p><span style="font-weight: 300;">Huruf hijaiyah di atas dibaca menjadi a, ba, ta, tsa, ja karena terdapat harakat fathah pada bagian atas huruf.</span></p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/nama-malaikat-dalam-islam-beserta-tugasnya">10 Nama Malaikat dalam Islam beserta Tugasnya</a></strong></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>2. Kasrah</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 300;"><strong>Kasrah adalah</strong> harakat berbentuk seperti fathah, yaitu berupa <strong>garis miring kecil, namun letakknya berada di bawah huruf Hijaiyah</strong>. Jika huruf Hijaiyah diberi harakat kasrah, maka huruf tersebut dibaca dengan vokal “<strong>i</strong>”.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Contoh kasrah pada huruf Hijaiyah: </span></p>
<p style="text-align: center;"><span style="font-weight: 300; font-size: 18pt;">طِ ضِ صِ شِ سِ</span></p>
<p><span style="font-weight: 300;">Huruf hijaiyah di atas dibaca menjadi thi, dhi, shi, syi, si karena terdapat harakat kasrah pada bagian bawah huruf.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>3. Dhammah</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 300;"><strong>Dhammah adalah</strong> harakat yang berbentuk <strong>seperti huruf waw</strong> (و) namun berukuran kecil. Sama seperti fathah, dhammah juga <strong>diletakkan di atas huruf Hijaiyah</strong>. Jika huruf Hijaiyah memiliki harakat dhammah, maka huruf tersebut akan dibaca dengan vokal “<strong>u</strong>”.</span></p>
<p><span style="font-weight: 300;">Contoh dhammah pada huruf Hijaiyah: </span></p>
<p style="text-align: center;"><span style="font-weight: 300; font-size: 18pt;">رُ زُ دُ خُ حُ</span></p>
<p><span style="font-weight: 300;">Huruf hijaiyah di atas dibaca menjadi ru, zu, du, khu, hu karena terdapat harakat dhammah pada bagian atas huruf.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>4. Sukun</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 300;"><strong>Sukun adalah</strong> harakat dengan bentuk <strong>seperti huruf ha</strong> (ه), yang terletak pada <strong>bagian atas huruf Hijaiyah</strong>. Harakat sukun akan mematikan suatu huruf Hijaiyah. Artinya, huruf yang memiliki harakat sukun di atasnya akan hanya dibaca seperti <strong>huruf konsonan</strong>.</span></p>
<p><span style="font-weight: 300;">Contoh sukun pada huruf Hijaiyah: </span></p>
<p style="text-align: center;"><span style="font-weight: 300; font-size: 18pt;">سْ لْ كْ قْ فْ</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Huruf hijaiyah di atas dimatikan dan dibaca menjadi suara konsonan s, l, k, q, f karena terdapat harakat sukun pada bagian atas huruf.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>5. Fathahtain</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 300;">Fathahtain atau bisa disebut juga sebagai <strong>tanwin fathah adalah</strong> harakat yang memiliki bentuk<strong> dua garis miring kecil dan terletak di atas huruf Hijaiyah</strong>. Jadi, seperti harakat fathah namun </span><i><span style="font-weight: 300;">double</span></i><span style="font-weight: 300;">. Harakat ini dibaca “<strong>-an”</strong>.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Contoh fathahtain pada huruf Hijaiyah: </span></p>
<p style="text-align: center;"><span style="font-weight: 300; font-size: 18pt;">قً فً غً عً ظً</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Huruf hijaiyah di atas dibaca menjadi qan, fan, ghan, ‘an, zhan karena terdapat harakat fathahtain pada bagian atas huruf.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>6. Kasrahtain</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 300;">Kasrahtain atau bisa juga disebut sebagai <strong>tanwin kasrah adalah</strong> harakat yang memiliki bentuk <strong>dua garis miring kecil dan terletak di bawah huruf Hijaiyah</strong>. Jadi, seperti harakat kasrah namun </span><i><span style="font-weight: 300;">double</span></i><span style="font-weight: 300;">. Harakat ini dibaca “<strong>-in”</strong>.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Contoh kasrahtain pada huruf Hijaiyah: </span></p>
<p style="text-align: center;"><span style="font-weight: 300; font-size: 18pt;">طٍ اٍ ءٍ يٍ ذٍ</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Huruf hijaiyah di atas dibaca menjadi thin, in, in, yin, dzin karena terdapat harakat kasrahtain pada bagian atas huruf.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>7. Dhammahtain</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 300;">Dhammahtain atau bisa juga disebut sebagai <strong>tanwin dhammah adalah</strong> harakat yang memiliki bentuk <strong>gabungan dari harakat dhammah dan sukun</strong>, serta <strong>terletak di atas huruf Hijaiyah</strong>. Harakat ini dibaca “<strong>-un”</strong>.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Contoh dhammahtain pada huruf Hijaiyah: </span></p>
<p style="text-align: center;"><span style="font-weight: 300; font-size: 18pt;">وٌ نٌ مٌ لٌ كٌ</span></p>
<p><span style="font-weight: 300;">Huruf hijaiyah di atas dibaca menjadi wun, nun, mun, lun, kun karena terdapat harakat dhammahtain pada bagian atas huruf.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>8. Tasydid</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 300;">Tasydid bisa juga disebut sebagai syaddah. <strong>Tasydid adalah</strong> harakat yang berbentuk seperti <strong>kepala huruf sin dan diletakkan di atas huruf Hijaiyah</strong>. Huruf dengan tanda tasydid akan dilafalkan dengan <strong>penekanan</strong>. Artinya, huruf tersebut akan dibaca seperti memiliki dua konsonan.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Contoh tasydid pada huruf Hijaiyah: </span></p>
<p style="text-align: center;"><span style="font-weight: 300; font-size: 18pt;">مَدَّ مَرَّ اَ وَّ اَ نَّ اَ مَّ</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Huruf hijaiyah di atas dibaca dengan penekanan karena memiliki tanda tasydid di atasnya, sehingga menjadi madda, marra, awwa, anna, amma.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>9. Bacaan Panjang</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 300;">Harakat-harakat di atas dapat menjadi lambang agar huruf dapat dilafalkan/dibaca panjang. Biasanya, bacaan panjang huruf Hijaiyah <strong>ditandai dengan menggunakan huruf yang memiliki vokal sama seperti harakat masing-masing</strong>. </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Misalnya, huruf alif dengan harakat fathah, huruf ya’ sukun dengan harakat kasrah, dan huruf waw sukun dengan harakat dhammah. Nah, m</span><span style="font-weight: 300;">asing-masing huruf yang memiliki akhiran tersebut, akan dilafalkan/dibaca panjang.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Contoh huruf Hijaiyah dengan bacaan panjang: </span></p>
<p style="text-align: center;"><span style="font-weight: 300; font-size: 18pt;">بَتيْ بَجُوْ بُكُوْ بَتَا سَبَا</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Huruf Hijaiyah di atas dibaca panjang menjadi batii, bajuu, bukuu, bataa, sabaa karena terdapat huruf tertentu yang sebelumnya terdapat harakat fathah, kasrah, dan dhammah.</span></p>
<p> </p>
<h2><span style="font-size: 18pt;"><b>Cara Menulis Huruf Hijaiyah</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 300;">Huruf Hijaiyah memiliki dua macam cara penulisan, yaitu huruf Hijaiyah sambung dan huruf Hijaiyah tidak disambung. Maksudnya gimana tuh? </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Jadi, ada huruf-huruf yang dalam penulisannya bisa disambung dan ada juga yang tidak bisa disambung. Selain itu, ada juga beberapa huruf yang memiliki perbedaan bentuk setelah disambung dan sebelum disambung. </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Bingung nggak nih? Supaya lebih jelas, kamu bisa perhatikan penjelasan berikut:</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>1. Penulisan huruf Hijaiyah yang dapat disambung dengan huruf sebelum atau huruf sesudahnya</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 300;">Huruf Hijaiyah pada kategori ini, memiliki ketentuan penulisan yang dapat disambung dengan huruf sebelum atau huruf sesudahnya. Dengan syarat:</span></p>
<ul>
<li style="text-align: justify;"><span style="font-weight: 300;">Huruf Hijaiyah bisa <strong>disambung dengan huruf sebelumnya</strong>, jika <strong>berada di tengah kalimat</strong>. </span></li>
<li style="text-align: justify;"><span style="font-weight: 300;">Huruf Hijaiyah bisa <strong>disambung dengan huruf setelahnya</strong>, jika <strong>berada di tengah dan di awal kalimat</strong>.</span></li>
</ul>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 300;">Huruf Hijaiyah dalam kategori ini bisa juga diartikan sebagai huruf yang fleksibel karena dapat disambung dengan posisi di mana saja.</span></p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/hukum-tajwid-alif-lam-qomariyah">Hukum Tajwid Alif Lam Qomariyah, Macam Huruf, dan Contohnya</a></strong></p>
<p><span style="font-weight: 300;">Huruf-huruf Hijaiyah sambung tersebut meliputi:</span></p>
<p style="text-align: center;"><span style="font-size: 18pt;">ببب – تتت- ثثث – ججج- ححح – خخخ – سسس – ششش – صصص – ضضض – ططط – ظظظ – ععع – غغغ ففف – ققق – ككك – للل – ممم ننن –ههه – يييي</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>2. Penulisan huruf Hijaiyah yang tidak dapat disambung dengan huruf sesudahnya</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 300;">Huruf Hijaiyah pada kategori ini, tidak dapat disambung dengan huruf sesudahnya. Jadi, jika salah satu huruf dalam kategori ini berada di tengah kalimat dan di awal kalimat, maka huruf tersebut tidak akan disambung dengan huruf setelahnya, meskipun kalimatnya belum selesai. </span><span style="font-weight: 300;">Tapi, huruf ini tetap bisa disambung dengan huruf sebelumnya.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Huruf-huruf Hijaiyah tidak disambung tersebut meliputi:</span></p>
<p style="text-align: center;"><strong><span style="font-size: 18pt;">ا – د – ذ – ر – ز – و</span></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;">Manfaat Mempelajari Huruf Hijaiyah</span></h2>
<p style="text-align: justify;">Sebagai seorang muslim, mempelajari huruf Hijaiyah adalah cara untuk memahami ajaran agama Islam lebih dalam. Selain itu, mempelajari huruf Hijaiyah juga memiliki beberapa manfaat lain, di antaranya:</p>
<p> </p>
<h3><span style="font-size: 14pt;">1. Mampu Membaca dan Menulis Al-Qur’an</span></h3>
<p style="text-align: justify;">Huruf Hijaiyah digunakan dalam penulisan ayat-ayat Al-Qur’an. Dengan mempelajari huruf ini, seorang muslim bisa lebih memahami struktur dan penyusunan kata dalam Al-Qur’an. Kamu jadi bisa membaca Al-Qur’an dengan lancar dan menghayati makna yang dikandungnya.</p>
<p> </p>
<h3><span style="font-size: 14pt;">2. Melancarkan Ibadah</span></h3>
<p style="text-align: justify;">Memahami huruf Hijaiyah juga membantu kita dalam membaca doa-doa harian, dzikir, dan ibadah lainnya. Dengan mempelajari huruf Hijaiyah dan cara membacanya, kita jadi bisa melafalkan doa-doa dengan benar. Karena, beda pelafalan, bisa beda arti, loh.</p>
<p> </p>
<h3><span style="font-size: 14pt;">3. Meningkatkan Keterampilan Berbahasa Arab</span></h3>
<p style="text-align: justify;">Pada dasarnya, huruf Hijaiyah adalah abjad Arab. Dengan memahaminya, kita sekaligus bisa belajar bahasa Arab dengan lebih baik, membuka peluang untuk memahami teks-teks Islam, budaya Arab, dan komunikasi dengan umat Muslim dari berbagai negara. Selain itu, Mempelajari huruf hijaiyah membuka pintu untuk belajar lebih banyak dalam bidang ilmu agama.</p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/belajar-huruf-hangul-korea">Macam-Macam Huruf Korea (Hangul), Pelafalan, Cara Membaca & Menulisnya</a></strong></p>
<p style="text-align: center;">—</p>
<p style="text-align: justify;"><span style="font-weight: 300;">Demikian pembahasan mengenai <strong>macam-macam huruf Hijaiyah,</strong> lengkap dengan pengertian, tanda baca, cara membaca, serta penulisannya. Jika kamu ingin lancar baca tulis Al-Qur’an, kamu wajib mengetahui tentang huruf Hijaiyah terlebih dahulu, ya! Nah, biar mengajinya semakin lancar, jangan lupa daftarkan diri kamu mengikuti les privat mengaji di <strong><a href="https://www.ruangguru.com/privat/mengaji">Ruangguru Privat</a></strong>!</span></p>
<p><a href="https://www.ruangguru.com/privat"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web.ruangguru.com/landing-pages/assets/b226d258-5865-4c56-866d-85b5ae17c36b.jpeg" alt="CTA Ruangguru Privat" /></a></p>
<p><strong>Referensi:</strong></p>
<p><span style="font-weight: 300;">https://www.gramedia.com/literasi/huruf-hijaiyah/</span></p>
<p><span style="font-weight: 300;">https://www.detik.com/edu/detikpedia/d-5824461/30-huruf-hijaiyah-dan-tanda-bacanya-dasar-membaca-al-quran</span></p>
<p><span style="font-weight: 300;">https://mediaindonesia.com/humaniora/488539/mengenal-30-huruf-hijaiyah-dan-tanda-bacanya-yang-benar</span></p>
<p><strong>Sumber Gambar:</strong></p>
<p>https://www.freepik.com/free-photo/flay-lay-quran-opened-table_6968457.htm#page=3&query=al%20quran&position=5&from_view=search&track=ais&uuid=3f04ac2f-2a9d-4b91-a9f1-6bda2a2c90c5 (Diakses pada 19 Desember 2023)</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=Mengenal 30 Huruf Hijaiyah: Pengertian, Harakat, Cara Membaca & Menulisnya%0D%0A%0D%0Ahttps://www.ruangguru.com/blog/macam-macam-huruf-hijaiyah"><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/macam-macam-huruf-hijaiyah&quote=Mengenal 30 Huruf Hijaiyah: Pengertian, Harakat, Cara Membaca & Menulisnya"> <img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook " /> </a>
</li>
<li>
<a target="_blank" href="https://twitter.com/intent/tweet?text=Mengenal 30 Huruf Hijaiyah: Pengertian, Harakat, Cara Membaca & Menulisnya&url=https://www.ruangguru.com/blog/macam-macam-huruf-hijaiyah"> <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/macam-macam-huruf-hijaiyah&title=Mengenal 30 Huruf Hijaiyah: Pengertian, Harakat, Cara Membaca & Menulisnya"><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 = 13530;
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>