Angka dalam bahasa Inggris terbagi menjadi dua jenis, yaitu cardinal numbers dan ordinal numbers. Apa sih bedanya? Yuk, kita pelajari bersama disertai cara membaca dan menulisnya di artikel Bahasa Inggris Kelas 7 ini.
—
Hi, guys! How are you, today? Kali ini, kita akan belajar sesuatu yang menarik banget, nih, yaitu belajar tentang angka dalam bahasa Inggris.
Kamu pasti sudah bisa menyebutkan dengan lancar berbagai macam angka dalam bahasa Indonesia, ya. Mulai dari angka-angka satuan, belasan, puluhan, ratusan, ribuan, hingga jutaan. Nah, tapi, gimana sih cara menyebut angka-angka itu dalam bahasa Inggris? Yuk, langsung aja kita simak penjelasannya di bawah ini, ya!
Sebelumnya, ada yang sudah tahu, apa bahasa Inggris-nya angka? Yap, betul! Bahasa Inggris-nya angka adalah “number”. Dalam bahasa Inggris, angka atau number dibedakan menjadi dua jenis, yaitu cardinal numbers dan ordinal numbers. Nah, kita akan bahas satu per satu secara jelas tentang cardinal numbers dan ordinal numbers, ya. So, keep reading, guys!
Baca Juga: Cara Menulis dan Menyatakan Hari, Tanggal, Bulan, Tahun dalam Bahasa Inggris
Cardinal Numbers
Cardinal numbers adalah angka yang digunakan untuk menerangkan jumlah sesuatu dalam bilangan bulat. Contoh cardinal numbers, di antaranya 1, 2, 3, 4, dan seterusnya. Nah, cardinal numbers terdiri dari basic numbers (angka satuan), belasan, puluhan, ratusan, ribuan, jutaan, dan seterusnya.
Kita akan belajar bagaimana cara membaca dan menulis cardinal numbers dari satuan hingga jutaan terlebih dahulu, yaaa…
a. Basic Numbers
Basic numbers bisa kita sebut juga sebagai angka satuan. Basic numbers dimulai dari 0 sampai 10. Untuk penulisan huruf basic numbers dalam bahasa Inggris, bisa kamu lihat pada gambar di bawah ini, nih.
b. Angka Belasan
Setelah basic numbers, ada angka belasan. Angka belasan dimulai dari 11 sampai 19. Nah, cara penulisan hurufnya dalam Bahasa Inggris adalah sebagai berikut.
Oke, sekarang, coba kamu perhatikan gambar di atas, deh. Dari 13 sampai 19, semua angkanya memiliki akhiran -teen, ya. Umumnya, angka belasan tersusun dari basic numbers + teen, kecuali 11 (eleven) dan 12 (twelve). Misalnya,
14
Empat belas
Fourteen
(basic number + teen)
Nah, tapi, coba deh kamu klik gambar di atas tadi. Ada beberapa catatan yang mesti kamu ingat, nih. Jadi, untuk angka 13, penulisannya itu bukan threeteen ya, melainkan thirteen. Sementara itu, untuk angka 15, penulisannya juga bukan fiveteen, melainkan fifteen. Jangan sampai lupa ya, guys!
c. Angka Puluhan
Selanjutnya, ada angka puluhan. Angka puluhan terdiri dari 20 sampai 99. Wow, banyak, ya! Tapi, kamu nggak perlu khawatir, nih. Ada pola yang bisa memudahkan kamu dalam mengingat angka-angka puluhan ini dalam bahasa Inggris.
Nah, angka-angka puluhan ini, diakhiri dengan akhiran -ty. Jadi, kalau dilihat, kurang lebih sama ya konsepnya dengan angka belasan, yaitu basic numbers + ty.
Ada beberapa catatan juga, nih. Untuk angka 20, penulisannya itu bukan twoty ya, melainkan twenty. Untuk angka 30 juga bukan threety, melainkan thirty. Untuk angka 40 bukan fourty, melainkan forty. Terakhir, untuk angka 50, penulisannya bukan fivety, melainkan fifty. Ingat-ingat, yaaa…
Lalu, bagaimana dengan penulisan angka puluhan yang diikuti dengan angka satuan dalam bahasa Inggris, nih?
Konsepnya sama seperti penyebutan angka puluhan yang diikuti satuan dalam bahasa Indonesia. Kita tinggal tulis angka puluhannya dulu, setelah itu, baru kita tulis angka satuannya. Misalnya,
26
Dua puluh enam
Twenty–six
Nah, dua puluh kan bahasa Inggris-nya “twenty“, sedangkan enam bahasa Inggris-nya “six“. Jadi, 26 = twenty-six. Antara angka puluhan dan satuan, kita pisahkan dengan strip (-) yang disebut hyphen.
Yuk, perhatikan contoh lain penulisan angka puluhan yang diikuti satuan pada gambar di bawah ini supaya kamu semakin paham.
d. Angka Ratusan (Hundreds)
Sekarang, kita masuk ke angka ratusan. Angka ratusan ini, bisa disebut juga dengan hundreds karena ratusan dalam bahasa Inggris adalah “hundred”. Angka ratusan dimulai dari 100 sampai 999. Kamu juga bisa mengingat angka ratusan dalam bahasa Inggris dengan mudah jika sudah paham dengan konsepnya. Gimana caranya?
Gampang banget! Untuk angka-angka ratusan, seperti 100, 200, 300, sampai 900, kamu hanya tambahkan “hundred” setelah “basic number-nya” aja. Contohnya, seperti gambar di bawah ini, nih!
Nah, untuk angka ratusan yang diikuti dengan puluhan, konsepnya sama dengan penulisan angka puluhan yang diikuti satuan, seperti yang sudah kita pelajari di poin sebelumnya. Kamu tulis terlebih dahulu angka ratusannya, kemudian baru tulis angka puluhannya. Contoh: 130.
Angka 130 kalau kita baca dalam bahasa Indonesia, berarti “seratus tiga puluh”. Terdiri dari angka ratusan, yaitu seratus (100) dan puluhan, yaitu tiga puluh (30). Jadi, kalau kita tulis hurufnya dalam bahasa inggris, 130 = one hundred and thirty. Jangan lupa untuk menggunakan kata “and” setelah ratusan sebagai penghubung antara angka ratusan dengan puluhan.
Lalu, gimana jika angka ratusan itu diikuti dengan puluhan dan satuan? Penulisannya sama aja, guys. Kamu tulis terlebih dahulu angka ratusannya, kemudian sambung dengan puluhan, dan terakhir tulis satuannya. Misalnya, seperti beberapa contoh di bawah ini.
Gimana? Paham ya sampai sini?
e. Angka Ribuan (Thousands)
Selanjutnya, ada angka ribuan. Ribuan dalam bahasa Inggris adalah “thousand”, sehingga angka-angka ribuan bisa kita sebut juga dengan thousands. Nah, kamu perlu tahu, nih, angka ribuan terdiri dari satuan ribu, puluhan ribu, hingga ratusan ribu.
Penulisan hurufnya dalam bahasa Inggris sama seperti angka ratusan, nih. Kamu tinggal menambahkan “thousand” di akhirannya aja. Berarti, kalau satuan ribu, kamu tinggal tambahkan akhiran thousand setelah angka satuannya aja. Begitupun dengan puluhan ribu dan ratusan ribu. Contohnya, seperti gambar berikut ini.
Apakah penulisan angka ribuan yang diikuti satuan, puluhan, dan ratusan dalam bahasa Inggris itu konsepnya sama seperti poin-poin sebelumnya? Jawabannya, benaaar! Oke, supaya lebih mudah dalam memahaminya, simak gambar di bawah ini, yaaa…
Pertama, coba kamu lihat penulisan angka ribuan yang diikuti satuan (poin a). Jadi, pola penulisannya itu, sama aja seperti yang sudah dijelaskan sebelumnya. Misalnya, 10,001 (sepuluh ribu satu).
Berarti, kita tulis terlebih dahulu angka ribuannya, baru diikuti angka satuannya. Sepuluh ribu bahasa Inggris-nya “ten thousand”, sedangkan satu bahasa Inggris-nya “one”. Jadi, 10,001 = ten thousand and one. Jangan lupa untuk menggunakan kata “and” setelah angka ribuan, ya.
Nah, penulisan angka ribuan pada poin b dan c juga sama, nih. Berarti, kita tulis terlebih dahulu angka ribuannya, lalu ratusan, kemudian puluhan dan satuannya. Tapi, coba deh kamu perhatikan kasus penulisan angka ribuan pada angka 1,995. Angka tersebut, terdiri dari angka ribuan dan ratusan yang diikuti puluhan serta satuan.
Sebelumnya, kita sudah belajar kan, ketika menulis angka ratusan yang diikuti puluhan serta satuan, jangan lupa selipkan kata “and” setelah ratusannya. Nah, ketika menulis angka ribuan, kita juga selipkan kata “and” setelah ribuannya.
Tapi, pada kasus ini, kata “and” cukup kita tulis sekali aja, setelah angka ratusannya. Jadi, penulisan huruf 1,995 dalam bahasa Inggris yang benar adalah “one thousand, nine hundred and ninety-five”, bukan “one thousand and nine hundred and ninety-five”. Kata “and” setelah thousand bisa kita ganti dengan tanda koma (,) aja ya, guys.
f. Angka Jutaan (Millions)
Last but not least. Setelah angka ribuan, ada angka jutaan, nih. Dalam bahasa Inggris, jutaan adalah “million”. Jadi, angka-angka jutaan bisa kita sebut juga dengan millions. Ingat, millions yaaa, bukan minions. Hehehe…
Angka jutaan juga terdiri dari satuan juta, belasan juta, puluhan juta, hingga ratusan juta, nih. Penulisan angka jutaan sama ya konsepnya dengan penulisan angka ribuan dan ratusan dalam bahasa Inggris.
Kamu hanya perlu menulis kata “million” di bagian akhirnya aja. Kalau angkanya satuan juta, berarti tambahkan million setelah angka satuannya. Begitu juga jika angkanya puluhan dan ratusan juta. Contohnya, seperti gambar di bawah ini.
Nah, untuk penulisan angka jutaan yang diikuti dengan angka ribuan, ratusan, puluhan, dan satuan, kamu bisa simak contoh gambar berikut ini ya biar lebih paham.
Coba kamu perhatikan penulisan angka 1,500,000 dalam bahasa Inggris. Angka tersebut, hanya terdiri dari angka jutaan dan ratusan ribu aja. So, kita tulis terlebih dahulu angka jutaannya, yaitu one million, lalu diikuti dengan angka ratusan ribuannya, yaitu five hundred thousand. Jadi, 1,500,000 = one million and five hundred thousand. Setelah million, jangan lupa selipkan kata “and”, ya.
Nah, sekarang, perhatikan penulisan angka 2,250,000. Angka tersebut, terdiri dari angka jutaan dan ratusan ribu yang diikuti dengan puluhan ribu. Ingat ya, setelah angka ratusan, kita juga selipkan kata “and”, sehingga pada penulisan 2,250,000 dalam bahasa Inggris yang benar, kata “and” cukup ditulis sekali aja, yaitu setelah angka ratusan ribuannya. Kata “and” setelah million cukup kita ganti dengan tanda koma (,).
Oke, guys, masih ingat kan kalau cardinal numbers itu digunakan untuk menyatakan jumlah sesuatu dalam bilangan bulat. Sesuatu ini bisa berupa benda atau harga suatu barang. Biasanya, digunakan untuk menjawab pertanyaan-pertanyaan, seperti “how many” atau “how much”, nih. Coba kamu perhatikan contoh percakapan penggunaan cardinal numbers berikut ini, yuk!
Nah, setelah kamu memahami materi tentang cardinal numbers, kita lanjut ke materi berikutnya yuk, yaitu ordinal numbers. Hmm, kira-kira, apa ya bedanya ordinal numbers dengan cardinal numbers?
Ordinal Numbers
Cardinal numbers merupakan angka yang digunakan untuk menyatakan jumlah sesuatu, sedangkan ordinal numbers adalah angka yang digunakan untuk menyatakan posisi, nih. Posisi ini bisa berupa tingkat, urutan, maupun tanggal.
Nah, untuk penulisan ordinal numbers sendiri, kita akan bahas dari nomor 1-31 aja, sesuai jumlah tanggal dalam satu bulan. Tapi, bukan berarti ordinal numbers hanya sampai angka 31 aja, ya. Untuk angka-angka selanjutnya, kamu tinggal mengikuti pola-pola sebelumnya.
a. Ordinal Numbers (1-10)
Coba kamu perhatikan, angka 1 dalam ordinal numbers adalah first, diakhiri dengan -st, sehingga kalau kita tulis dalam bentuk angkanya adalah 1st. Angka 2 dalam ordinal numbers adalah second, diakhiri dengan -nd (2nd). Kemudian, angka 3 dalam ordinal numbers adalah third, diakhiri dengan -rd (3rd).
Nah, dari angka 4-10 dalam ordinal numbers, semua diakhiri dengan -th. Penulisan hurufnya kurang lebih sama seperti penulisan huruf pada cardinal numbers. Kamu hanya perlu tambahkan -th di bagian akhirannya aja.
Tapi, untuk angka 5th dalam ordinal numbers, penulisannya adalah “fifth”, bukan “fiveth”. Sementara itu, untuk 9th, penulisannya adalah “ninth”, bukan “nineth”. Ingat-ingat, yaaa…
b. Ordinal Numbers (11-20)
Untuk ordinal numbers dari angka 11-20, semuanya diakhiri dengan -th, ya. Jadi, penulisannya itu, cardinal numbers + th. Misalnya, 11 cardinal numbers-nya adalah eleven. Untuk ordinal numbers, cukup tambahkan -th di bagian akhir, menjadi eleventh.
Tapi, ada sedikit catatan juga, nih. Penulisan 12th bukan “twelveth” ya, melainkan “twelfth”. Jadi, “ve”-nya diganti dengan “f”. Begitupun dengan 20th. Penulisannya yang benar adalah “twentieth”, bukan “twentyth”. Kita ganti “y” dengan “ie”. Paham ya, guys?
c. Ordinal Numbers (21-31)
Nah, untuk ordinal numbers pada puluhan yang diikuti satuan, pola penulisannya adalah cardinal number + ordinal number. Jadi, angka puluhannya kita tulis dalam bentuk cardinal number dan angka satuannya kita tulis dalam bentuk ordinal number.
Misalnya, 21, nih. Angka puluhannya adalah 20 (dua puluh). Cardinal numbers-nya adalah “twenty”. Sementara itu, angka satuannya adalah 1 (satu). Ordinal number-nya adalah “first”. Jadi, penulisan 21 dalam ordinal numbers adalah “twenty-first” (21st). Jangan lupa untuk selipkan hyphen (-) di antara cardinal dengan ordinalnya, ya.
Nah, untuk 30, penulisannya dalam ordinal number sama seperti 20, nih. Penulisan 30 yang benar adalah “thirtieth”, bukan “thirtyth”. Ingat ya, kita ganti “y” dengan “ie”.
Lalu, bagaimana dengan angka-angka ordinal yang lainnya? Polanya sama aja. Untuk puluhan, penulisannya itu cardinal numbers + th. Tapi, kita harus mengganti “y” dengan “ie”.
Sementara itu, untuk puluhan yang diikuti dengan satuan, penulisannya itu cardinal number + ordinal number. Cardinal number untuk angka puluhannya, ordinal number untuk angka satuannya.
Oke, supaya kamu lebih paham, coba klik penulisan ordinal numbers yang tepat pada soal di bawah ini, deh!
Mudah, kan?
Sekarang, kita simak yuk contoh-contoh penggunaan ordinal numbers dalam sebuah kalimat pada gambar berikut ini.
—
Gimana? Sekarang kamu sudah bisa kan membaca dan menulis numbers atau angka-angka dalam bahasa Inggris? Kamu juga sudah tahu nih kalau dalam bahasa Inggris, angka dibedakan menjadi dua jenis, yaitu cardinal dan ordinal numbers. Yuk, asah kemampuan pemahaman kamu terkait materi ini dengan mengerjakan latihan soal-soal di ruangbelajar!
Sumber Foto:
Still dreaming animated background for playbuzz asset. [Daring] Tautan: https://ericaofanderson.tumblr.com/post/176304219555/still-dreaming-you-can-get-this-gif-as-a-looping
A soft baby blue and pink geometric texture animated background for playbuzz asset. [Daring] Tautan: http://bit.ly/2AJ7ZKE
<!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>Angka dalam Bahasa Inggris: Cardinal & Ordinal Numbers | Bahasa Inggris Kelas 7</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="Angka dalam bahasa Inggris terbagi menjadi dua jenis, yaitu cardinal numbers dan ordinal numbers. Yuk, kita pelajari disertai cara membaca dan menulisnya." />
<link rel="canonical" href="https://www.ruangguru.com/blog/belajar-angka-dalam-bahasa-inggris" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Angka dalam Bahasa Inggris: Cardinal & Ordinal Numbers | Bahasa Inggris Kelas 7" />
<meta property="og:description" content="Angka dalam bahasa Inggris terbagi menjadi dua jenis, yaitu cardinal numbers dan ordinal numbers. Yuk, kita pelajari disertai cara membaca dan menulisnya." />
<meta property="og:url" content="https://www.ruangguru.com/blog/belajar-angka-dalam-bahasa-inggris" />
<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="2023-11-16T02:00:00+00:00" />
<meta property="article:modified_time" content="2023-11-16T09:13:21+00:00" />
<meta name="author" content="Hani Ammariah" />
<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="Hani Ammariah" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="10 minutes" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.ruangguru.com/blog/belajar-angka-dalam-bahasa-inggris","url":"https://www.ruangguru.com/blog/belajar-angka-dalam-bahasa-inggris","name":"Angka dalam Bahasa Inggris: Cardinal & Ordinal Numbers | Bahasa Inggris Kelas 7","isPartOf":{"@id":"https://www.ruangguru.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.ruangguru.com/blog/belajar-angka-dalam-bahasa-inggris#primaryimage"},"image":{"@id":"https://www.ruangguru.com/blog/belajar-angka-dalam-bahasa-inggris#primaryimage"},"thumbnailUrl":"https://cdn-web.ruangguru.com/landing-pages/assets/hs/07ENG%20-%20Belajar%20Angka%20dalam%20Bahasa%20Inggris-01.jpg","datePublished":"2023-11-16T02:00:00+00:00","dateModified":"2023-11-16T09:13:21+00:00","author":{"@id":"https://www.ruangguru.com/blog/#/schema/person/9ba3cbf9caa7870d342cdec976efa08f"},"description":"Angka dalam bahasa Inggris terbagi menjadi dua jenis, yaitu cardinal numbers dan ordinal numbers. Yuk, kita pelajari disertai cara membaca dan menulisnya.","breadcrumb":{"@id":"https://www.ruangguru.com/blog/belajar-angka-dalam-bahasa-inggris#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.ruangguru.com/blog/belajar-angka-dalam-bahasa-inggris"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/belajar-angka-dalam-bahasa-inggris#primaryimage","url":"https://cdn-web.ruangguru.com/landing-pages/assets/hs/07ENG%20-%20Belajar%20Angka%20dalam%20Bahasa%20Inggris-01.jpg","contentUrl":"https://cdn-web.ruangguru.com/landing-pages/assets/hs/07ENG%20-%20Belajar%20Angka%20dalam%20Bahasa%20Inggris-01.jpg"},{"@type":"BreadcrumbList","@id":"https://www.ruangguru.com/blog/belajar-angka-dalam-bahasa-inggris#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.ruangguru.com/blog"},{"@type":"ListItem","position":2,"name":"Angka dalam Bahasa Inggris: Cardinal & Ordinal Numbers | Bahasa Inggris Kelas 7"}]},{"@type":"WebSite","@id":"https://www.ruangguru.com/blog/#website","url":"https://www.ruangguru.com/blog/","name":"Ruangguru Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.ruangguru.com/blog/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https://www.ruangguru.com/blog/#/schema/person/9ba3cbf9caa7870d342cdec976efa08f","name":"Hani Ammariah","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/d29c518b877e6defbe0f9758dd24fbdb1d812d0dd21801df009c62b494f27c79?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/d29c518b877e6defbe0f9758dd24fbdb1d812d0dd21801df009c62b494f27c79?s=96&d=mm&r=g","caption":"Hani Ammariah"},"description":"Content Performance Coordinator at Ruangguru. I like to write things that are useful and also not. But I hope, you can learn something from this post. ^^","url":"https://www.ruangguru.com/blog/author/hani-ammariah"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="alternate" type="application/rss+xml" title="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru » Angka dalam Bahasa Inggris: Cardinal & Ordinal Numbers | Bahasa Inggris Kelas 7 Comments Feed" href="https://www.ruangguru.com/blog/belajar-angka-dalam-bahasa-inggris/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/538" /><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=538' />
<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%2Fbelajar-angka-dalam-bahasa-inggris" />
<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%2Fbelajar-angka-dalam-bahasa-inggris&format=xml" />
</head>
<body class="wp-singular post-template-default single single-post postid-538 single-format-standard wp-theme-ruangguru">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M28L4XJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header class="header">
<div class="container">
<nav class="navbar navbar-expand-lg header-inner">
<div style="display:flex; gap:12px;">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<img alt="menu" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/beba4a70-3971-41be-9364-f9ee6857b192.svg" loading="lazy" width="30px" height="32px" />
</button>
<a href="https://ruangguru.com" class="header-logo">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com/static/logo-ruangguru.png" alt="Logo">
</a>
</div>
<form class="form-inline my-2 my-lg-0" role="search" method="get" id="searchformmobile" class="searchform" action="https://www.ruangguru.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<div class="input-group input-group-sm">
<span class="input-group-text" id="search-2"><img width="20px" height="20px" loading="lazy" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/baf38d7b-226b-4374-8b2b-e49766395871.png" alt="" /></span>
<input type="text" value="" name="s" class="form-control" placeholder="Cari artikel di sini!" aria-label="Cari artikel di sini!" aria-describedby="Cari artikel di sini!">
</div>
</div>
</form>
<div class="collapse navbar-collapse dropdown-hover-all" id="navbarSupportedContent">
<div class="d-lg-none navbar-head-collapse">
<a href="https://ruangguru.com" class="header-logo">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com/static/logo-ruangguru.png" alt="Logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
X
</button>
</div>
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="https://www.ruangguru.com/blog/">Blog</a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Konsep & Tips Pelajaran </p>
<div class="dropdown-menu" aria-labelledby="nav1">
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu0" href="https://www.ruangguru.com/blog/c/bahasa-indonesia" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bahasa Indonesia</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu0">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu1" href="https://www.ruangguru.com/blog/c/bahasa-inggris" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bahasa Inggris</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu1">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu2" href="https://www.ruangguru.com/blog/c/biologi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Biologi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu2">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu3" href="https://www.ruangguru.com/blog/c/ekonomi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Ekonomi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu3">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu4" href="https://www.ruangguru.com/blog/c/fisika" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Fisika</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu4">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu5" href="https://www.ruangguru.com/blog/c/geografi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Geografi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu5">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu6" href="https://www.ruangguru.com/blog/c/ipa-terpadu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">IPA Terpadu</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu6">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-6">Kelas 6</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu7" href="https://www.ruangguru.com/blog/c/ips-terpadu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">IPS Terpadu</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu7">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-6">Kelas 6</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu8" href="https://www.ruangguru.com/blog/c/kimia" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Kimia</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu8">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu9" href="https://www.ruangguru.com/blog/c/matematika" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Matematika</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu9">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu10" href="https://www.ruangguru.com/blog/c/sejarah" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sejarah</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu10">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu11" href="https://www.ruangguru.com/blog/c/sosiologi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sosiologi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu11">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-12">Kelas 12</a>
</div>
</div>
</div>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Latihan Soal </p>
<div class="dropdown-menu" aria-labelledby="nav2">
<a class="dropdown-item" id="nav2-menu0" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-4">Latihan Soal Kelas 4</a>
<a class="dropdown-item" id="nav2-menu1" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-5">Latihan Soal Kelas 5</a>
<a class="dropdown-item" id="nav2-menu2" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-6">Latihan Soal Kelas 6</a>
<a class="dropdown-item" id="nav2-menu3" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-7">Latihan Soal Kelas 7</a>
<a class="dropdown-item" id="nav2-menu4" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-8">Latihan Soal Kelas 8</a>
<a class="dropdown-item" id="nav2-menu5" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-9">Latihan Soal Kelas 9</a>
<a class="dropdown-item" id="nav2-menu6" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-10">Latihan Soal Kelas 10</a>
<a class="dropdown-item" id="nav2-menu7" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-11">Latihan Soal Kelas 11</a>
<a class="dropdown-item" id="nav2-menu8" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-12">Latihan Soal Kelas 12</a>
</div>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Pojok Kampus </p>
<div class="dropdown-menu" aria-labelledby="nav3">
<a class="dropdown-item" id="nav3-menu0" href="https://www.ruangguru.com/blog/c/info-beasiswa">Info Beasiswa</a>
<a class="dropdown-item" id="nav3-menu1" href="https://www.ruangguru.com/blog/c/kampus-dan-jurusan">Kampus dan Jurusan</a>
<a class="dropdown-item" id="nav3-menu2" href="https://www.ruangguru.com/blog/c/seleksi-masuk">Seleksi Masuk</a>
</div>
</li>
<li class="nav-item
">
<a class="nav-link
" href=" https://www.ruangguru.com/blog/c/fakta-seru" id="nav4"
>
Fakta Seru </a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dunia Kata </p>
<div class="dropdown-menu" aria-labelledby="nav5">
<a class="dropdown-item" id="nav5-menu0" href="https://www.ruangguru.com/blog/tag/cerpen">Cerpen</a>
<a class="dropdown-item" id="nav5-menu1" href="https://www.ruangguru.com/blog/tag/resensi-buku">Resensi Buku</a>
</div>
</li>
<li class="nav-item
">
<a class="nav-link
" href=" https://www.ruangguru.com/blog/tag/for-kids" id="nav6"
>
For Kids </a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Seputar Ruangguru </p>
<div class="dropdown-menu" aria-labelledby="nav7">
<a class="dropdown-item" id="nav7-menu0" href="https://www.ruangguru.com/blog/tag/info-ruangguru">Info Ruangguru</a>
<a class="dropdown-item" id="nav7-menu1" href="https://www.ruangguru.com/blog/tag/siaran-pers">Siaran Pers</a>
<a class="dropdown-item" id="nav7-menu2" href="https://www.ruangguru.com/blog/tag/cerita-juara">Cerita Juara</a>
<a class="dropdown-item" id="nav7-menu3" href="https://www.ruangguru.com/blog/tag/seputar-guru">Seputar Guru</a>
<a class="dropdown-item" id="nav7-menu4" href="https://www.ruangguru.com/blog/tag/lifeatruangguru">Life at Ruangguru</a>
</div>
</li>
</ul>
<form class="form-inline my-2 my-lg-0" role="search" method="get" id="searchform" class="searchform" action="https://www.ruangguru.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<div class="input-group input-group-sm">
<span class="input-group-text" id="search-2"><img width="10" height="10" loading="lazy" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/baf38d7b-226b-4374-8b2b-e49766395871.png" alt="" /></span>
<input type="text" value="" name="s" class="form-control" placeholder="Cari artikel di sini!" aria-label="Cari artikel di sini!" aria-describedby="Cari artikel di sini!">
</div>
</div>
</form>
</div>
</nav>
<script>
(function($bs) {
const CLASS_NAME = 'has-child-dropdown-show';
$bs.Dropdown.prototype.toggle = function(_orginal) {
return function() {
document.querySelectorAll('.' + CLASS_NAME).forEach(function(e) {
e.classList.remove(CLASS_NAME);
});
let dd = this._element.closest('.dropdown').parentNode.closest('.dropdown');
for (; dd && dd !== document; dd = dd.parentNode.closest('.dropdown')) {
dd.classList.add(CLASS_NAME);
}
return _orginal.call(this);
}
}($bs.Dropdown.prototype.toggle);
document.querySelectorAll('.dropdown').forEach(function(dd) {
dd.addEventListener('hide.bs.dropdown', function(e) {
if (this.classList.contains(CLASS_NAME)) {
this.classList.remove(CLASS_NAME);
e.preventDefault();
}
e.stopPropagation(); // do not need pop in multi level mode
});
});
// for hover
document.querySelectorAll('.dropdown-hover, .dropdown-hover-all .dropdown').forEach(function(dd) {
dd.addEventListener('mouseenter', function(e) {
let toggle = e.target.querySelector(':scope>[data-bs-toggle="dropdown"]');
if (!toggle.classList.contains('show')) {
$bs.Dropdown.getOrCreateInstance(toggle).toggle();
dd.classList.add(CLASS_NAME);
$bs.Dropdown.clearMenus(e);
}
});
dd.addEventListener('mouseleave', function(e) {
let toggle = e.target.querySelector(':scope>[data-bs-toggle="dropdown"]');
if (toggle.classList.contains('show')) {
$bs.Dropdown.getOrCreateInstance(toggle).toggle();
}
});
});
})(bootstrap);
$(document).ready(() => {
if ($(window).width() > 991) {
$("a[data-bs-toggle='dropdown']").click(function() {
window.location = $(this).attr('href');
});
}
})
</script>
</div>
</header>
<div class="main-content">
<div class="side-banner-mobile">
</div>
<div class="glider-navigation mobile">
<div role="tablist" class="dots" id="side-banner-mobile-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="side-banner-mobile-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="side-banner-mobile-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-8 post">
<div class="content">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<!-- Home Link -->
<li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog">Home</a></li>
<!-- Categories -->
<li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog/c/bahasa-inggris">Bahasa Inggris</a></li><li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-7">Bahasa Inggris SMP Kelas 7</a></li> </ol>
</nav>
<h1 class="content-title">
Angka dalam Bahasa Inggris: Cardinal & Ordinal Numbers | Bahasa Inggris Kelas 7 </h1>
<div class="content-meta">
<p class="content-author"><a href="https://www.ruangguru.com/blog/author/hani-ammariah" class="">Hani Ammariah</a> </p>
<p class="content-info"><span>November 16, 2023 • </span> <span>11 minutes read</span></p>
<br />
</div>
<div class="content-body">
<p><em><img decoding="async" style="width: 820px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/07ENG%20-%20Belajar%20Angka%20dalam%20Bahasa%20Inggris-01.jpg" alt="Belajar Angka dalam Bahasa Inggris" width="820" /></em></p>
<blockquote>
<p style="text-align: center;"><em>Angka dalam bahasa Inggris terbagi menjadi dua jenis, yaitu cardinal numbers dan ordinal numbers. Apa sih bedanya? Yuk, kita pelajari bersama disertai cara membaca dan menulisnya di artikel <strong><a href="/blog/tag/bahasa-inggris-vii" rel="noopener">Bahasa Inggris Kelas 7</a></strong> ini.</em></p>
</blockquote>
<p style="text-align: center;"><em>—</em></p>
<p> </p>
<p style="text-align: justify;"><em>Hi, guys! How are you, today? </em>Kali ini, kita akan belajar sesuatu yang menarik banget, <em>nih</em>, yaitu belajar tentang angka dalam bahasa Inggris.</p>
<p style="text-align: justify;">Kamu pasti sudah bisa menyebutkan dengan lancar berbagai macam angka dalam <a style="font-weight: bold;" href="/blog/tag/bahasa-indonesia-vii" rel="noopener">bahasa Indonesia</a>, ya. Mulai dari angka-angka satuan, belasan, puluhan, ratusan, ribuan, hingga jutaan. <em>Nah</em>, tapi, <em>gimana</em> <em>sih</em> cara menyebut angka-angka itu dalam bahasa Inggris? <em>Yuk</em>, langsung <em>aja</em> kita simak penjelasannya di bawah ini, ya!</p>
<p style="text-align: justify;">Sebelumnya, ada yang sudah tahu, apa bahasa Inggris-nya angka? <em>Yap</em>, betul! Bahasa Inggris-nya angka adalah “<em>number</em>”. Dalam bahasa Inggris, angka atau <em>number</em> dibedakan menjadi dua jenis, yaitu <em>cardinal numbers</em> dan <em>ordinal numbers</em>. <em>Nah</em>, kita akan bahas satu per satu secara jelas tentang <em>cardinal numbers</em> dan <em>ordinal numbers</em>, ya. <em>So, keep reading, guys</em>!</p>
<p style="text-align: justify; font-weight: bold;">Baca Juga: <a href="/blog/cara-penyebutan-tanggal-dalam-bahasa-inggris" target="_blank" rel="noopener">Cara Menulis dan Menyatakan Hari, Tanggal, Bulan, Tahun dalam Bahasa Inggris</a></p>
<p> </p>
<h2><em>Cardinal Numbers</em></h2>
<p style="text-align: justify;"><em><strong>Cardinal numbers</strong></em> <strong>adalah angka yang digunakan untuk menerangkan jumlah sesuatu dalam bilangan bulat</strong>. <strong>Contoh <em>cardinal numbers</em></strong>, di antaranya 1, 2, 3, 4, dan seterusnya. <em>Nah</em>, <em>cardinal numbers</em> terdiri dari <em>basic numbers</em> (angka satuan), belasan, puluhan, ratusan, ribuan, jutaan, dan seterusnya.</p>
<p style="text-align: justify;">Kita akan belajar bagaimana cara membaca dan menulis <em>cardinal numbers</em> dari satuan hingga jutaan terlebih dahulu, yaaa…</p>
<p> </p>
<h3>a. <em>Basic Numbers</em></h3>
<p style="text-align: justify;"><strong><em>Basic numbers</em> bisa kita sebut juga sebagai angka satuan</strong>. <em>Basic numbers</em> dimulai dari <strong>0 sampai 10</strong>. Untuk penulisan huruf <em>basic numbers</em> dalam bahasa Inggris, bisa kamu lihat pada gambar di bawah ini, <em>nih</em>.</p>
<p><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/07ENG%20-%20Belajar%20Angka%20dalam%20Bahasa%20Inggris-03.jpg" alt="basic numbers" width="600" /></p>
<p> </p>
<h3>b. Angka Belasan</h3>
<p style="text-align: justify;">Setelah <em>basic numbers</em>, ada angka belasan. <strong>Angka belasan dimulai dari 11 sampai 19</strong>. <em>Nah</em>, cara penulisan hurufnya dalam Bahasa Inggris adalah sebagai berikut.</p>
<p><script>(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src='https://embed.ex.co/sdk.js';fjs.parentNode.insertBefore(js,fjs);}(document,'script','exco-sdk'));</script></p>
<div class="exco" data-id="a8b21a02-ee19-4b24-9def-1b3ef4a1006e" data-show-share="false" data-show-info="false"></div>
<p style="text-align: justify;">Oke, sekarang, coba kamu perhatikan gambar di atas, <em>deh</em>. Dari 13 sampai 19, semua angkanya memiliki akhiran -teen, ya. Umumnya, angka belasan tersusun dari <strong><em>basic numbers</em> + teen</strong>, kecuali 11 (<em>eleven</em>) dan 12 (<em>twelve</em>). Misalnya,</p>
<p style="text-align: center; font-size: 30px;">14</p>
<p style="text-align: center;"><span style="background-color: #ffff04;">Empat</span> <span style="background-color: #00ffff;">belas</span></p>
<p style="text-align: center;"><em><span style="background-color: #ffff04;">Four</span><span style="background-color: #00ffff;">teen</span></em></p>
<p style="text-align: center;">(<span style="background-color: #ffff04;">basic number</span> + <span style="background-color: #00ffff;">teen</span>)</p>
<p> </p>
<p style="text-align: justify;"><em>Nah</em>, tapi, coba <em>deh</em> kamu klik gambar di atas tadi. Ada beberapa catatan yang mesti kamu ingat, <em>nih</em>. Jadi, untuk angka 13, penulisannya itu bukan threeteen ya, melainkan <em><strong>thir</strong>teen</em>. Sementara itu, untuk angka 15, penulisannya juga bukan fiveteen, melainkan <em><strong>fif</strong>teen</em>. Jangan sampai lupa ya, <em>guys</em>!</p>
<p> </p>
<h3>c. Angka Puluhan</h3>
<p style="text-align: justify;">Selanjutnya, ada angka puluhan. <strong>Angka puluhan terdiri dari 20 sampai 99</strong>. <em>Wow</em>, banyak, ya! Tapi, kamu <em>nggak</em> perlu khawatir, <em>nih</em>. Ada pola yang bisa memudahkan kamu dalam mengingat angka-angka puluhan ini dalam bahasa Inggris.</p>
<p style="text-align: justify;"><em>Nah</em>, angka-angka puluhan ini, diakhiri dengan akhiran -ty. Jadi, kalau dilihat, kurang lebih sama ya konsepnya dengan angka belasan, yaitu <strong><em>basic numbers</em> + ty</strong>.</p>
<p style="text-align: justify;">Ada beberapa catatan juga, <em>nih</em>. Untuk angka 20, penulisannya itu bukan twoty ya, melainkan <em><strong>twen</strong>ty</em>. Untuk angka 30 juga bukan threety, melainkan <em><strong>thir</strong>ty</em>. Untuk angka 40 bukan fourty, melainkan <em><strong>for</strong>ty</em>. Terakhir, untuk angka 50, penulisannya bukan fivety, melainkan <em><strong>fif</strong>ty</em>. Ingat-ingat, yaaa…</p>
<p style="text-align: justify;">Lalu, bagaimana dengan penulisan angka puluhan yang diikuti dengan angka satuan dalam bahasa Inggris, <em>nih</em>?</p>
<p style="text-align: justify;">Konsepnya sama seperti penyebutan angka puluhan yang diikuti satuan dalam bahasa Indonesia. Kita tinggal tulis angka puluhannya dulu, setelah itu, baru kita tulis angka satuannya. Misalnya,</p>
<p style="text-align: center; font-size: 30px;">26</p>
<p style="text-align: center;"><span style="background-color: #ffff04;">Dua puluh</span> <span style="background-color: #00ffff;">enam</span></p>
<p style="text-align: center;"><em><span style="background-color: #ffff04;">Twenty</span><strong>–</strong><span style="background-color: #00ffff;">six</span></em></p>
<p> </p>
<p style="text-align: justify;"><em>Nah</em>, dua puluh <em>kan</em> bahasa Inggris-nya “<em>twenty</em>“, sedangkan enam bahasa Inggris-nya “<em>six</em>“. Jadi, 26 = <em>twenty-six</em>. Antara angka puluhan dan satuan, kita pisahkan dengan strip (-) yang disebut <strong>hyphen</strong>.</p>
<p style="text-align: justify;"><em>Yuk</em>, perhatikan contoh lain penulisan angka puluhan yang diikuti satuan pada gambar di bawah ini supaya kamu semakin paham.</p>
<p><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/07ENG%20-%20Belajar%20Angka%20dalam%20Bahasa%20Inggris-08.jpg" alt="penulisan angka puluhan dalam bahasa inggris" width="600" /></p>
<p> </p>
<h3>d. Angka Ratusan (<em>Hundreds</em>)</h3>
<p style="text-align: justify;">Sekarang, kita masuk ke angka ratusan. <strong>Angka ratusan ini, bisa disebut juga dengan <em>hundreds </em></strong>karena ratusan dalam bahasa Inggris adalah <em>“hundred”</em>. <strong>Angka ratusan dimulai dari 100 sampai 999</strong>. Kamu juga bisa mengingat angka ratusan dalam bahasa Inggris dengan mudah jika sudah paham dengan konsepnya. <em>Gimana caranya</em>?</p>
<p style="text-align: justify;">Gampang <em>banget</em>! Untuk angka-angka ratusan, seperti 100, 200, 300, sampai 900, kamu hanya tambahkan “<em>hundred</em>” setelah “<em>basic number-nya</em>” <em>aja</em>. Contohnya, seperti gambar di bawah ini, <em>nih</em>!</p>
<p><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/07ENG%20-%20Belajar%20Angka%20dalam%20Bahasa%20Inggris-09.jpg" alt="angka ratusan bahasa inggris" width="600" /></p>
<p> </p>
<p style="text-align: justify;"><em>Nah</em>, untuk angka ratusan yang diikuti dengan puluhan, konsepnya sama dengan penulisan angka puluhan yang diikuti satuan, seperti yang sudah kita pelajari di poin sebelumnya. Kamu tulis terlebih dahulu angka ratusannya, kemudian baru tulis angka puluhannya. Contoh: 130.</p>
<p style="text-align: justify;">Angka 130 kalau kita baca dalam bahasa Indonesia, berarti “seratus tiga puluh”. Terdiri dari angka ratusan, yaitu seratus (100) dan puluhan, yaitu tiga puluh (30). Jadi, kalau kita tulis hurufnya dalam bahasa inggris, 130 = o<em>ne hundred and thirty</em>. Jangan lupa untuk menggunakan kata “<em><strong>and</strong></em>” setelah ratusan sebagai penghubung antara angka ratusan dengan puluhan.</p>
<p style="text-align: justify;">Lalu, <em>gimana</em> jika angka ratusan itu diikuti dengan puluhan dan satuan? Penulisannya sama <em>aja</em>, <em>guys</em>. Kamu tulis terlebih dahulu angka ratusannya, kemudian sambung dengan puluhan, dan terakhir tulis satuannya. Misalnya, seperti beberapa contoh di bawah ini.</p>
<p><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/07ENG%20-%20Belajar%20Angka%20dalam%20Bahasa%20Inggris-10.jpg" alt="penulisan angka ratusan dalam bahasa inggris" width="600" /></p>
<p><em>Gimana</em>? Paham ya sampai sini?</p>
<p> </p>
<h3>e. Angka Ribuan (<em>Thousands</em>)</h3>
<p style="text-align: justify;">Selanjutnya, ada angka ribuan. <strong>Ribuan dalam bahasa Inggris adalah “<em>thousand</em>”</strong>, sehingga angka-angka ribuan bisa kita sebut juga dengan <em>thousands</em>. <em>Nah</em>, kamu perlu tahu, <em>nih</em>, angka ribuan terdiri dari satuan ribu, puluhan ribu, hingga ratusan ribu.</p>
<p style="text-align: justify;">Penulisan hurufnya dalam bahasa Inggris sama seperti angka ratusan, <em>nih</em>. Kamu tinggal menambahkan “<em>thousand</em>” di akhirannya <em>aja</em>. Berarti, kalau satuan ribu, kamu tinggal tambahkan akhiran <em>thousand</em> setelah angka satuannya <em>aja</em>. Begitupun dengan puluhan ribu dan ratusan ribu. Contohnya, seperti gambar berikut ini.</p>
<p><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/07ENG%20-%20Belajar%20Angka%20dalam%20Bahasa%20Inggris-11.jpg" alt="angka ribuan dalam bahasa inggris" width="600" /></p>
<p> </p>
<p style="text-align: justify;">Apakah penulisan angka ribuan yang diikuti satuan, puluhan, dan ratusan dalam bahasa Inggris itu konsepnya sama seperti poin-poin sebelumnya? Jawabannya, benaaar! Oke, supaya lebih mudah dalam memahaminya, simak gambar di bawah ini, yaaa…</p>
<p><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/07ENG%20-%20Belajar%20Angka%20dalam%20Bahasa%20Inggris-12.jpg" alt="penulisan angka ribuan dalam bahasa inggris" width="600" /></p>
<p> </p>
<p style="text-align: justify;">Pertama, coba kamu lihat penulisan angka ribuan yang diikuti satuan (poin a). Jadi, pola penulisannya itu, sama <em>aja</em> seperti yang sudah dijelaskan sebelumnya. Misalnya, 10,001 (sepuluh ribu satu).</p>
<p style="text-align: justify;">Berarti, kita tulis terlebih dahulu angka ribuannya, baru diikuti angka satuannya. Sepuluh ribu bahasa Inggris-nya “<em>ten thousand</em>”, sedangkan satu bahasa Inggris-nya “<em>one</em>”. Jadi, 10,001 = <em>ten thousand and one</em>. Jangan lupa untuk menggunakan kata “<strong><em>and</em></strong>” setelah angka ribuan, ya.</p>
<p style="text-align: justify;"><em>Nah</em>, penulisan angka ribuan pada poin b dan c juga sama, <em>nih</em>. Berarti, kita tulis terlebih dahulu angka ribuannya, lalu ratusan, kemudian puluhan dan satuannya. Tapi, coba <em>deh</em> kamu perhatikan kasus penulisan angka ribuan pada angka 1,995. Angka tersebut, terdiri dari angka ribuan dan <strong>ratusan yang diikuti puluhan serta satuan</strong>.</p>
<p style="text-align: justify;">Sebelumnya, kita sudah belajar <em>kan</em>, ketika menulis angka ratusan yang diikuti puluhan serta satuan, jangan lupa selipkan kata “<em>and</em>” setelah ratusannya. <em>Nah</em>, ketika menulis angka ribuan, kita juga selipkan kata “<em>and</em>” setelah ribuannya.</p>
<p style="text-align: justify;">Tapi, pada kasus ini, kata “<em>and</em>” cukup kita tulis sekali <em>aja</em>, setelah angka ratusannya. Jadi, penulisan huruf 1,995 dalam bahasa Inggris yang benar adalah “<em>one thousand</em><strong><em>,</em></strong><em> nine hundred </em><strong><em>and</em></strong><em> ninety-five</em>”, bukan “<em>one thousand </em><strong><em>and</em></strong><em> nine hundred </em><strong><em>and</em></strong><em> ninety-five</em>”. Kata “<em>and</em>” setelah <em>thousand</em> bisa kita ganti dengan tanda koma (,) <em>aja</em> ya, <em>guys</em>.</p>
<p><script>(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src='https://embed.ex.co/sdk.js';fjs.parentNode.insertBefore(js,fjs);}(document,'script','exco-sdk'));</script></p>
<p> </p>
<h3>f. Angka Jutaan (<em>Millions</em>)</h3>
<p style="text-align: justify;"><em>Last but not least.</em> Setelah angka ribuan, ada angka jutaan, <em>nih</em>. <strong>Dalam bahasa Inggris, jutaan adalah “<em>million</em>”</strong>. Jadi, angka-angka jutaan bisa kita sebut juga dengan <em>millions</em>. Ingat, <em>millions</em> yaaa, bukan <em>minions</em>. <em>Hehehe</em>…</p>
<p style="text-align: justify;">Angka jutaan juga terdiri dari satuan juta, belasan juta, puluhan juta, hingga ratusan juta, <em>nih</em>. Penulisan angka jutaan sama ya konsepnya dengan penulisan angka ribuan dan ratusan dalam bahasa Inggris.</p>
<p style="text-align: justify;">Kamu hanya perlu menulis kata “<em>million</em>” di bagian akhirnya <em>aja</em>. Kalau angkanya satuan juta, berarti tambahkan <em>million</em> setelah angka satuannya. Begitu juga jika angkanya puluhan dan ratusan juta. Contohnya, seperti gambar di bawah ini.</p>
<p><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/07ENG%20-%20Belajar%20Angka%20dalam%20Bahasa%20Inggris-13.jpg" alt="angka jutaan" width="600" /></p>
<p> </p>
<p style="text-align: justify;"><em>Nah</em>, untuk penulisan angka jutaan yang diikuti dengan angka ribuan, ratusan, puluhan, dan satuan, kamu bisa simak contoh gambar berikut ini ya biar lebih paham.</p>
<p><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/07ENG%20-%20Belajar%20Angka%20dalam%20Bahasa%20Inggris-14.jpg" alt="penulisan angka jutaan dalam bahasa inggris" width="600" /></p>
<p> </p>
<p style="text-align: justify;">Coba kamu perhatikan penulisan angka 1,500,000 dalam bahasa Inggris. Angka tersebut, hanya terdiri dari angka jutaan dan ratusan ribu <em>aja</em>. <em>So</em>, kita tulis terlebih dahulu angka jutaannya, yaitu <em>one million</em>, lalu diikuti dengan angka ratusan ribuannya, yaitu <em>five hundred thousand</em>. Jadi, 1,500,000 = <em>one million and five hundred thousand</em>. Setelah <em>million</em>, jangan lupa selipkan kata “<em>and</em>”, ya.</p>
<p style="text-align: justify;"><em>Nah</em>, sekarang, perhatikan penulisan angka 2,250,000. Angka tersebut, terdiri dari angka jutaan dan <strong>ratusan ribu yang diikuti dengan puluhan ribu</strong>. Ingat ya, setelah angka ratusan, kita juga selipkan kata “<em>and</em>”, sehingga pada penulisan 2,250,000 dalam bahasa Inggris yang benar, kata “<em>and</em>” cukup ditulis sekali <em>aja</em>, yaitu setelah angka ratusan ribuannya. Kata “<em>and</em>” setelah <em>million</em> cukup kita ganti dengan tanda koma (,).</p>
<p style="text-align: justify;">Oke, <em>guys</em>, masih ingat <em>kan</em> kalau <em>cardinal numbers</em> itu digunakan untuk menyatakan jumlah sesuatu dalam bilangan bulat. Sesuatu ini bisa berupa benda atau harga suatu barang. Biasanya, digunakan untuk menjawab pertanyaan-pertanyaan, seperti “<em>how many</em>” atau “<em>how much</em>”, <em>nih</em>. Coba kamu perhatikan contoh percakapan penggunaan <em>cardinal numbers</em> berikut ini, <em>yuk</em>!</p>
<p><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/07ENG%20-%20Belajar%20Angka%20dalam%20Bahasa%20Inggris-15.jpg" alt="penggunaan cardinal number" width="600" /></p>
<p> </p>
<p style="text-align: justify;"><em>Nah</em>, setelah kamu memahami materi tentang <em>cardinal numbers</em>, kita lanjut ke materi berikutnya <em>yuk</em>, yaitu <em>ordinal numbers</em>. <em>Hmm</em>, kira-kira, apa ya bedanya <em>ordinal numbers</em> dengan <em>cardinal numbers</em>?</p>
<p> </p>
<h2><em>Ordinal Numbers</em></h2>
<p style="text-align: justify;"><em>Cardinal numbers</em> merupakan angka yang digunakan untuk menyatakan jumlah sesuatu, sedangkan <span style="font-weight: bold;"><em>ordinal numbers</em></span> <strong>adalah angka yang digunakan untuk</strong> <strong>menyatakan posisi</strong>, <em>nih</em>. Posisi ini bisa berupa <strong>tingkat, urutan, maupun tanggal</strong>.</p>
<p style="text-align: justify;"><em>Nah</em>, untuk penulisan <em>ordinal numbers</em> sendiri, kita akan bahas dari nomor 1-31 <em>aja</em>, sesuai jumlah tanggal dalam satu bulan. Tapi, bukan berarti <em>ordinal numbers</em> hanya sampai angka 31 <em>aja</em>, ya. Untuk angka-angka selanjutnya, kamu tinggal mengikuti pola-pola sebelumnya.</p>
<p> </p>
<h3>a. <em>Ordinal Numbers</em> (1-10)</h3>
<p><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/07ENG%20-%20Belajar%20Angka%20dalam%20Bahasa%20Inggris-16.jpg" alt="ordinal number 1-10" width="600" /></p>
<p> </p>
<p style="text-align: justify;">Coba kamu perhatikan, <strong>angka 1 dalam <em>ordinal numbers</em> adalah <em>first</em></strong>, diakhiri dengan <strong>-st</strong>, sehingga kalau kita tulis dalam bentuk angkanya adalah 1<sup>st</sup>. <strong>Angka 2 dalam <em>ordinal numbers </em>adalah <em>second</em></strong>, diakhiri dengan <strong><em>-nd</em></strong> (2<sup>nd</sup>). Kemudian, <strong>angka 3 dalam <em>ordinal numbers </em>adalah <em>third</em></strong>, diakhiri dengan <strong><em>-rd</em></strong> (3<sup>rd</sup>).</p>
<p style="text-align: justify;"><em>Nah</em>, dari <strong>angka 4-10 dalam <em>ordinal numbers</em>, semua diakhiri dengan <em>-th</em></strong>. Penulisan hurufnya kurang lebih sama seperti penulisan huruf pada <em>cardinal numbers</em>. Kamu hanya perlu tambahkan<strong><em> -th</em></strong> di bagian akhirannya <em>aja</em>.</p>
<p style="text-align: justify;">Tapi, untuk <strong>angka 5<sup>th</sup> dalam <em>ordinal numbers,</em> penulisannya adalah “<em>fifth</em>”</strong>, bukan “fiveth”. Sementara itu, untuk 9<sup>th</sup>, penulisannya adalah “<em>ninth</em>”, bukan “nineth”. Ingat-ingat, yaaa…</p>
<p> </p>
<h3>b. <em>Ordinal Numbers</em> (11-20)</h3>
<p><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/07ENG%20-%20Belajar%20Angka%20dalam%20Bahasa%20Inggris-17.jpg" alt="ordinal numbers 11-20" width="600" /></p>
<p> </p>
<p style="text-align: justify;">Untuk <strong><em>ordinal numbers</em> dari angka 11-20, semuanya diakhiri dengan <em>-th</em></strong>, ya. Jadi, penulisannya itu, <strong><em>cardinal numbers</em></strong><strong> + </strong><strong><em>th</em></strong>. Misalnya, 11 <em>cardinal numbers</em>-nya adalah <em>eleven</em>. Untuk <em>ordinal numbers</em>, cukup tambahkan <strong><em>-th</em></strong> di bagian akhir, menjadi <em>eleventh</em>.</p>
<p style="text-align: justify;">Tapi, ada sedikit catatan juga, <em>nih</em>. Penulisan 12<sup>th</sup> bukan “twelveth” ya, melainkan “<em>twelfth</em>”. Jadi, “ve”-nya diganti dengan “f”. Begitupun dengan 20<sup>th</sup>. Penulisannya yang benar adalah “<em>twentieth</em>”, bukan “twentyth”. Kita ganti “y” dengan “ie”. Paham ya, <em>guys</em>?</p>
<p> </p>
<h3>c. <em>Ordinal Numbers</em> (21-31)</h3>
<p><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/07ENG%20-%20Belajar%20Angka%20dalam%20Bahasa%20Inggris-18.jpg" alt="ordinal numbers 21-31" width="600" /></p>
<p> </p>
<p style="text-align: justify;"><em>Nah</em>, untuk <strong><em>ordinal numbers</em> pada puluhan yang diikuti satuan, pola penulisannya adalah</strong> <strong><em>cardinal number + ordinal number</em></strong>. Jadi, angka puluhannya kita tulis dalam bentuk <em>cardinal number</em> dan angka satuannya kita tulis dalam bentuk <em>ordinal number</em>.</p>
<p style="text-align: justify;">Misalnya, 21, <em>nih</em>. Angka puluhannya adalah 20 (dua puluh). <em>Cardinal numbers</em>-nya adalah “<em>twenty</em>”. Sementara itu, angka satuannya adalah 1 (satu). <em>Ordinal number</em>-nya adalah “<em>first</em>”. Jadi, penulisan 21 dalam <em>ordinal numbers</em> adalah “<em>twenty-first</em>” (21<sup>st</sup>). Jangan lupa untuk selipkan <strong><em>hyphen</em></strong> (-) di antara cardinal dengan ordinalnya, ya.</p>
<p style="text-align: justify;"><em>Nah</em>, untuk 30, penulisannya dalam ordinal number sama seperti 20, <em>nih</em>. Penulisan 30 yang benar adalah “<em>thirtieth</em>”, bukan “thirtyth”. Ingat ya, kita ganti “y” dengan “ie”.</p>
<p style="text-align: justify;">Lalu, bagaimana dengan angka-angka ordinal yang lainnya? Polanya sama <em>aja</em>. Untuk <strong>puluhan</strong>, penulisannya itu <strong><em>cardinal numbers + th</em></strong>. Tapi, kita harus mengganti “y” dengan “ie”.</p>
<p style="text-align: justify;">Sementara itu, untuk <strong>puluhan yang diikuti dengan satuan</strong>, penulisannya itu <strong><em>cardinal number + ordinal number</em></strong>. <em>Cardinal number</em> untuk angka puluhannya, <em>ordinal number</em> untuk angka satuannya.</p>
<p style="text-align: justify;">Oke, supaya kamu lebih paham, coba klik penulisan <em>ordinal numbers</em> yang tepat pada soal di bawah ini, <em>deh</em>!</p>
<p><script>(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src='https://embed.ex.co/sdk.js';fjs.parentNode.insertBefore(js,fjs);}(document,'script','exco-sdk'));</script></p>
<div class="exco" data-id="5ce836e7-67cc-4f0f-baef-ae3a25679745" data-show-share="false" data-show-info="false"></div>
<p style="text-align: justify;">Mudah, <em>kan</em>?</p>
<p style="text-align: justify;">Sekarang, kita simak <em>yuk</em> contoh-contoh penggunaan <em>ordinal numbers</em> dalam sebuah kalimat pada gambar berikut ini.</p>
<p><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/07ENG%20-%20Belajar%20Angka%20dalam%20Bahasa%20Inggris-19.jpg" alt="penggunaan ordinal numbers dalam bahasa inggris" width="600" /></p>
<p style="text-align: center;"><span style="font-style: italic;">—</span></p>
<p style="text-align: justify;"><span style="font-style: italic;">Gimana</span>? Sekarang kamu sudah bisa <em>kan</em> membaca dan menulis <em>numbers</em> atau <strong>angka-angka dalam bahasa Inggris</strong>? Kamu juga sudah tahu <em>nih</em> kalau dalam bahasa Inggris, angka dibedakan menjadi dua jenis, yaitu <em>cardinal</em> dan <em>ordinal numbers</em>. <em>Yuk</em>, asah kemampuan pemahaman kamu terkait materi ini dengan mengerjakan latihan soal-soal di <a href="https://ruangguru.onelink.me/blPk/eaff0eb9" target="_blank" rel="noopener"><strong>ruangbelajar</strong></a>!</p>
<p style="text-align: center;"><a class="rg-cta" style="text-align: center;" href="https://www.ruangguru.com/download-for-desktop" target="_blank" rel="noopener"><img fetchpriority="high" decoding="async" src="https://cdn-web.ruangguru.com/landing-pages/assets/cta/f51e0d89-905d-477d-b7f8-546567f121d9.jpeg" alt="IDN CTA Blog ruangbelajar for desktop Ruangguru" width="800" height="195" /></a></p>
<p style="text-align: left;"><strong>Sumber Foto:</strong></p>
<p style="text-align: left;">Still dreaming animated background for playbuzz asset. [Daring] Tautan: https://ericaofanderson.tumblr.com/post/176304219555/still-dreaming-you-can-get-this-gif-as-a-looping</p>
<p style="text-align: left;">A soft baby blue and pink geometric texture animated background for playbuzz asset. [Daring] Tautan: http://bit.ly/2AJ7ZKE</p>
</div>
<div class="content-meta-tags">
<a href="https://www.ruangguru.com/blog/tag/bahasa-inggris-vii" rel="tag">Bahasa Inggris VII</a> <a href="https://www.ruangguru.com/blog/tag/kelas-7" rel="tag">Kelas 7</a> <a href="https://www.ruangguru.com/blog/tag/konsep-pelajaran" rel="tag">Konsep Pelajaran</a> <a href="https://www.ruangguru.com/blog/tag/smp" rel="tag">SMP</a> </div>
</div>
<div class="author-post">
<img loading="lazy" class="author-avatar" width="64px" height="64px" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/c67af191-a409-4002-8254-d4a3a5c1233c.jpg" alt="">
<div>
<h5 class="author-title">Hani Ammariah</h5>
<p class="author-description">Content Performance Coordinator at Ruangguru. I like to write things that are useful and also not. But I hope, you can learn something from this post. ^^</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=Angka dalam Bahasa Inggris: Cardinal & Ordinal Numbers | Bahasa Inggris Kelas 7%0D%0A%0D%0Ahttps://www.ruangguru.com/blog/belajar-angka-dalam-bahasa-inggris"><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/belajar-angka-dalam-bahasa-inggris&quote=Angka dalam Bahasa Inggris: Cardinal & Ordinal Numbers | Bahasa Inggris Kelas 7"> <img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook " /> </a>
</li>
<li>
<a target="_blank" href="https://twitter.com/intent/tweet?text=Angka dalam Bahasa Inggris: Cardinal & Ordinal Numbers | Bahasa Inggris Kelas 7&url=https://www.ruangguru.com/blog/belajar-angka-dalam-bahasa-inggris"> <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/belajar-angka-dalam-bahasa-inggris&title=Angka dalam Bahasa Inggris: Cardinal & Ordinal Numbers | Bahasa Inggris Kelas 7"><img src="https://cdn-web-2.ruangguru.com/static/linkedin.png" loading="lazy" alt="Logo LinkedIn " /></a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 sticky">
<aside id="sidebar">
<div class="side-banner-desktop">
</div>
<div class="glider-navigation desktop">
<div role="tablist" class="dots" id="side-banner-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="side-banner-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="side-banner-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
<h2 style="font-size: 24px; font-weight: bold; margin-bottom: 16px;margin-top: 16px;">Artikel Terbaru</h2>
<ul>
<li>
<a href="https://www.ruangguru.com/blog/pergerakan-nasional-indonesia">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png" alt="Pergerakan Nasional" class="external-img wp-post-image " /> <span>Pergerakan Nasional Indonesia: Pengertian, Tujuan & Penyebabnya | Sejarah Kelas 11</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/runtuhnya-uni-soviet">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png" alt="Runtuhnya Uni Soviet" class="external-img wp-post-image " /> <span>Sejarah Runtuhnya Uni Soviet, Penyebab, dan Dampaknya | Sejarah Kelas 12</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/konflik-palestina-israel">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png" class="external-img wp-post-image " /> <span>Latar Belakang Terjadinya Konflik Palestina dengan Israel | Sejarah Kelas 12</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/9-lembaga-dan-pelaku-pasar-modal-di-indonesia">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/279825ac-672b-43f9-b66e-a1c7ec87f784.png" alt="Pelaku Pasar Modal di Indonesia" class="external-img wp-post-image " /> <span>9 Lembaga dan Pelaku Pasar Modal di Indonesia | Ekonomi Kelas 10</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/peristiwa-kontemporer-dunia-perpecahan-cekoslovakia">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/2a1a35c0-f1f5-45d4-8869-ff5083bd90e5.png" alt="Perpecahan Cekoslowakia" class="external-img wp-post-image " /> <span>Latar Belakang Perpecahan Cekoslowakia dan Penyebabnya | Sejarah Kelas 12</span>
</a>
</li>
</ul>
</aside>
</div>
</div>
<div class="row">
<div class="col-12">
<section class="related-posts">
<h2 class="page-title">
Artikel Lainnya
</h2>
<div class="content-grid">
<div class="content">
<a href="https://www.ruangguru.com/blog/pergerakan-nasional-indonesia">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png?height=320&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png?height=320" type="image/png">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png" loading="lazy" alt="" />
</picture>
<div>
<h2 class="content-title">
Pergerakan Nasional Indonesia: Pengertian, Tujuan & Penyebabnya | Sejarah Kelas 11 </h2>
<div class="content-meta">
<span>March 6, 2026</span> <span>• 8 minutes read</span>
</div>
</div>
</a>
</div>
<div class="content">
<a href="https://www.ruangguru.com/blog/runtuhnya-uni-soviet">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png?height=320&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png?height=320" type="image/png">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png" loading="lazy" alt="" />
</picture>
<div>
<h2 class="content-title">
Sejarah Runtuhnya Uni Soviet, Penyebab, dan Dampaknya | Sejarah Kelas 12 </h2>
<div class="content-meta">
<span></span> <span>• 11 minutes read</span>
</div>
</div>
</a>
</div>
<div class="content">
<a href="https://www.ruangguru.com/blog/konflik-palestina-israel">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png?height=320&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png?height=320" type="image/png">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png" loading="lazy" alt="" />
</picture>
<div>
<h2 class="content-title">
Latar Belakang Terjadinya Konflik Palestina dengan Israel | Sejarah Kelas 12 </h2>
<div class="content-meta">
<span>March 5, 2026</span> <span>• 5 minutes read</span>
</div>
</div>
</a>
</div>
</div>
</section> </div>
</div>
<div class="banner-product-wrapper">
<a href="https://cta.ruangguru.com/7c02db90-610d-11ee-80fe-4201ac180089" target="_blank" class="alert alert-dismissible fade show banner-product" role="alert">
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
<!-- <p>Yuk pilih kelas dan materi belajar kamu di sini</p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0e292531-9ee1-4eed-92f5-b5c053eea4c2.svg" width="42px" height="42px" class="arrow-right"> -->
<img class="image-floating-bottom" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d19eb9b6-999d-4b92-87c6-c4fb32000d73.png?convert=web" />
</a>
</div>
</div>
</div>
<script>
function sleep(ms) {
return new Promise((resolve) => setTimeout(resolve, ms));
}
async function replaceCtaMarkupAsync() {
await sleep(2000);
alert("replace")
const contentBody = document.querySelector('.content-body');
const paragraphs = contentBody.querySelectorAll('p');
const regexPattern = /{{cta\(['"](.+?)['"]\)}}/g;
paragraphs.forEach((paragraph) => {
const originalHTML = paragraph.innerHTML;
let modifiedHTML = '';
let lastIndex = 0;
for (const match of originalHTML.matchAll(regexPattern)) {
const ctaId = match[1];
modifiedHTML += originalHTML.slice(lastIndex, match.index) + `<b>${ctaId}</b>`;
lastIndex = match.index + match[0].length;
}
modifiedHTML += originalHTML.slice(lastIndex);
paragraph.innerHTML = modifiedHTML;
});
document.addEventListener("DOMContentLoaded", () => {
replaceCtaMarkupAsync();
});
}
</script>
<div class="modal fade" id="popupPromo" tabindex="-1" aria-labelledby="popupPromoLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" data-bs-backdrop="static" data-bs-keyboard="false">
<div class="modal-content">
<div class="button-wrapper">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="glider-contain">
<div class="glider">
<a class="" target="_blank" href="https://cta.ruangguru.com/ab-web-pop-up-banner-blog-rg">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/4680961a-4e01-4169-8ff4-da0823d0da6c.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/ab-web-pop-up-banner-blog-rg-1">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e0ebb0c9-e368-4524-9241-dbaf73cafccd.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/rasionalisasi-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0ec15e92-707a-4660-8134-11f1c1e539a8.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/to-snbt-reg-2026-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/b95e02b2-28a4-4c24-a6db-930ecddef2fa.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/pop-blog-to-snbt-prem">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/1b8558a2-ad51-4144-b30c-01a3231a22da.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/to-prem-tka-sd-smp-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/e6888a56-1d95-4d8a-b87a-b19b8a185651.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/rgp-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/851003e6-07b5-40d1-9068-f9b0bcb1625a.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/25f78174-4fc2-11ef-9a39-4201ac180089">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/cbe7b869-fbe2-4497-8a1e-42344df5b137.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/kitab-tka-smp-popup-blog">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/eb41ad00-e4dc-46f5-b9f6-721266fc371e.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/pop-rg-kitab-utbk-snbt-lite">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f7908ac1-3b0b-492c-bf87-dcea2b20b87c.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/pop-rg-kitablitetkasmp">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/50097055-1862-46a8-bbe0-fa5b077f88bb.png" />
</a>
</div>
<div class="glider-navigation">
<div role="tablist" class="dots" id="popup-promo-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="popup-promo-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="popup-promo-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var jsonString = '[{"CreatedAt":"2025-07-25 01:01:27+00:00","Id":696,"UpdatedAt":"2026-02-25 02:12:12+00:00","campaign":null,"cta":[{"Id":31467,"ctaId":"ab-web-pop-up-banner-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/ab-web-pop-up-banner-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/b9b5f501-be14-4e3f-9ad8-a87e17ec16e9.png","name":"[AB] Web Pop Up Banner - Blog RG","targetUrl":"https:\/\/bayar.ruangguru.com\/?utm-source=ab-web-pop-up-banner-blog-rg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/4680961a-4e01-4169-8ff4-da0823d0da6c.png","name":"[RG] Popup Banner Blog - Promo SNBT Ramadan","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":1,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-07-25 01:01:27+00:00","Id":705,"UpdatedAt":"2026-02-23 10:52:46+00:00","campaign":null,"cta":[{"Id":33341,"ctaId":"ab-web-pop-up-banner-blog-rg-1","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/ab-web-pop-up-banner-blog-rg-1)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/f30c4943-4456-4a96-858b-fe065c9073ae.png","name":"[AB] Web Pop Up Banner - Blog RG 1","targetUrl":"https:\/\/bayar.ruangguru.com\/?utm-source=ab-web-pop-up-banner-blog-rg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/e0ebb0c9-e368-4524-9241-dbaf73cafccd.png","name":"[RG] Popup Banner Blog - Promo TKA Ramadan","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":2,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-08-16 13:35:02+00:00","Id":657,"UpdatedAt":"2026-02-06 03:52:10+00:00","campaign":null,"cta":[{"Id":33189,"ctaId":"rasionalisasi-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/rasionalisasi-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/0ec15e92-707a-4660-8134-11f1c1e539a8.png","name":"[RG] Pop Up Blog - Rasionalisasi","targetUrl":"https:\/\/www.ruangguru.com\/rasionalisasi"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/0ec15e92-707a-4660-8134-11f1c1e539a8.png","name":"[RG] Pop Up Blog RG - Rasionalisasi","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":3,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-12-07 09:26:39+00:00","Id":677,"UpdatedAt":"2026-02-12 02:22:12+00:00","campaign":null,"cta":[{"Id":33305,"ctaId":"to-snbt-reg-2026-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/to-snbt-reg-2026-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/b95e02b2-28a4-4c24-a6db-930ecddef2fa.jpg","name":"[IDN] CTA Popup Blog RG - Tryout SNBT Regular 2026","targetUrl":"https:\/\/link.ruangguru.com\/blPk\/TOUTBKREG7"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/b95e02b2-28a4-4c24-a6db-930ecddef2fa.jpg","name":"[RG] Popup Blog RG - Tryout Regular 2026","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":4,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2026-02-05 10:16:52+00:00","Id":689,"UpdatedAt":"2026-03-05 02:41:12+00:00","campaign":null,"cta":[{"Id":33338,"ctaId":"pop-blog-to-snbt-prem","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/pop-blog-to-snbt-prem)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/1b8558a2-ad51-4144-b30c-01a3231a22da.jpg","name":"[RG] Popup Blog - TO SNBT Prem","targetUrl":"https:\/\/link.ruangguru.com\/blPk\/TOUTBKPREM"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/1b8558a2-ad51-4144-b30c-01a3231a22da.jpg","name":"[RG] Pop blog - TO SNBT Prem","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":5,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-12-07 09:26:39+00:00","Id":679,"UpdatedAt":"2026-03-04 03:44:16+00:00","campaign":null,"cta":[{"Id":33304,"ctaId":"to-prem-tka-sd-smp-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/to-prem-tka-sd-smp-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/1bf472e1-62f4-4aa9-ab8c-4fa72a82dd7b.png","name":"[RG] Pop Up Blog RG - TO Premium TKA SD SMP","targetUrl":"https:\/\/s.id\/TOTKAPREMSDSMP"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/e6888a56-1d95-4d8a-b87a-b19b8a185651.png","name":"[RG] Popup Blog RG - TO TKA Premium SD SMP","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":6,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-08-25 04:25:04+00:00","Id":672,"UpdatedAt":"2026-02-06 03:52:17+00:00","campaign":null,"cta":[{"Id":33285,"ctaId":"rgp-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/rgp-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/851003e6-07b5-40d1-9068-f9b0bcb1625a.png","name":"[RG] Pop Up Blog - RGP","targetUrl":"https:\/\/www.ruangguru.com\/privat"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/851003e6-07b5-40d1-9068-f9b0bcb1625a.png","name":"[RG] Pop Up Blog - RGP","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":7,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-08-16 13:35:02+00:00","Id":379,"UpdatedAt":"2026-03-06 01:54:52+00:00","campaign":null,"cta":[{"Id":31356,"ctaId":"25f78174-4fc2-11ef-9a39-4201ac180089","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/25f78174-4fc2-11ef-9a39-4201ac180089)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/f60bc49c-c00f-4a5e-80a2-2552fa18ae21.jpg","name":"CTA Blog RG - Kitab UTBK SNBT","targetUrl":"https:\/\/bit.ly\/orderkitabrg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/cbe7b869-fbe2-4497-8a1e-42344df5b137.jpg","name":"[RG] Pop Up Blog RG - Kitab UTBK SNBT","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":8,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-08-16 13:35:02+00:00","Id":587,"UpdatedAt":"2026-03-06 01:55:00+00:00","campaign":null,"cta":[{"Id":33020,"ctaId":"kitab-tka-smp-popup-blog","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/kitab-tka-smp-popup-blog)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/9ea9eca7-9ef7-433c-baad-14bc1019f890.jpg","name":"[RG] Pop up blog - Kitab TKA SMP","targetUrl":"https:\/\/bit.ly\/kitabtkasmprg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/eb41ad00-e4dc-46f5-b9f6-721266fc371e.jpg","name":"[RG] Pop Up Blog RG - Kitab TKA SMP","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":9,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-11-12 10:28:45+00:00","Id":636,"UpdatedAt":"2026-02-06 03:52:20+00:00","campaign":null,"cta":[{"Id":33149,"ctaId":"pop-rg-kitab-utbk-snbt-lite","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/pop-rg-kitab-utbk-snbt-lite)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/8d6f8639-cfff-4d64-89ea-f68bfe7a868c.png","name":"[RG] Pop blog - Kitab utbk snbt lite","targetUrl":"https:\/\/s.id\/litesnbt26"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/f7908ac1-3b0b-492c-bf87-dcea2b20b87c.png","name":"[RG] Pop blog - Kitab utbk snbt lite","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":10,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-11-14 08:09:42+00:00","Id":647,"UpdatedAt":"2026-02-06 03:52:21+00:00","campaign":null,"cta":[{"Id":33160,"ctaId":"pop-rg-kitablitetkasmp","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/pop-rg-kitablitetkasmp)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/20edba9b-ef84-4938-b698-4a82783478a5.png","name":"[RG] Pop blog - kitab lite tka smp","targetUrl":"https:\/\/s.id\/litetkasmp26"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/50097055-1862-46a8-bbe0-fa5b077f88bb.png","name":"[RG] Pop blog - kitab lite tka smp","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":11,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"}]';
var jsArray = JSON.parse(jsonString);
console.log(jsArray);
</script>
<script>
let windowHeight = window.innerHeight;
let promosLength = 11;
document.addEventListener('DOMContentLoaded', function() {
// Initialize Bootstrap Modal
let popupPromo = new bootstrap.Modal(document.getElementById('popupPromo'), {});
// Initialize Glider.js inside the Bootstrap Modal
function initGliderInModal() {
new Glider(document.querySelector('#popupPromo .glider'), {
slidesToScroll: 1,
slidesToShow: 1,
draggable: true,
dots: '#popup-promo-dots',
arrows: {
prev: '#popup-promo-prev',
next: '#popup-promo-next'
}
});
}
// Show Bootstrap Modal and initialize Glider.js after a specified scroll amount
const scrollThreshold = 2 / 3 * windowHeight; // The scroll amount in pixels to trigger the Modal
let gliderInitialized = false;
window.addEventListener('scroll', function() {
if (window.scrollY >= scrollThreshold && !gliderInitialized && promosLength > 0) {
popupPromo.show();
// Listen for the 'shown' event to initialize Glider.js after the Modal has been fully displayed
$('#popupPromo').on('shown.bs.modal', function() {
initGliderInModal();
gliderInitialized = true;
// Optionally, remove the 'shown' event listener after initializing the Glider to avoid re-initializing
$('#popupPromo').off('shown.bs.modal');
});
// Remove the scroll event listener after the Modal is shown to avoid re-initializing the Glider
this.removeEventListener('scroll', arguments.callee);
}
});
});
</script>
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable-min@0.4.5/dist/analytics-plugin-trackable.min.js"></script>
<script type="text/javascript" defer>
/* Initialize analytics */
var Analytics = window._analytics.init({
app: "ruangguruLanding",
debug: false,
plugins: [analyticsTrackable()],
});
/* Additional context tracker pageView */
const post_id = 538;
const tags_id = [169,7,10,16];
const category_id = 487;
const sub_category_id = 492;
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>