Pada artikel Biologi kelas 12 kali ini, kamu akan diajak berkenalan dengan macam-macam materi genetik, yakni gen, DNA, RNA, dan kromosom yang ada pada tubuh manusia.
—
Siapa di sini yang pernah pelihara kucing sampai kucingnya beranak-pinak? Kalau kamu perhatikan, ketika kucing melahirkan anak, pasti ada setidaknya satu anak kucing yang memiliki warna bulu sama dengan induknya kan? Nah, hal ini bisa terjadi karena adanya materi genetik, yang terdiri atas gen, DNA, RNA, dan kromosom.
Materi genetik ini ibarat “bank” yang menyimpan semua informasi penting tentang makhluk hidup. Gen, DNA, RNA, dan kromosom disebut materi genetik karena berperan dalam proses pewarisan sifat dari induk ke keturunannya (hereditas). Sifat-sifat itu bisa berupa warna rambut, warna kulit, golongan darah, hingga ciri-ciri fisik lainnya.
Nah, materi genetik ini tersimpan rapi di dalam nukleus (inti sel) dan ada di hampir semua sel tubuh kita, mulai dari sel darah, sel tulang, sampai sel gamet (sel kelamin). Jadi, bisa dibilang setiap ciri yang kita miliki adalah “warisan biologis” yang dikirimkan dari generasi sebelumnya.
Gambar materi genetik meliputi gen, DNA, RNA, dan kromosom. (Sumber: quizlet.com)
Contoh Penerapan Materi Genetik dalam Proses Pewarisan Sifat
Sama kasusnya kayak anak kucing tadi, gais. Misalnya, kamu punya kucing jantan berbulu oranye dan kucing betina berbulu putih. Ketika keduanya dikawinkan, anak-anak kucing yang lahir bisa aja berbulu oranye, putih, atau bahkan kombinasi oranye-putih. Kok bisa begitu? Jawabannya, karena dari gen. Si jantan membawa gen warna oranye, sementara si betina membawa gen warna putih.
Eh, tapi gimana kalau tiba-tiba ada anak kucing yang bulunya malah abu-abu? Pernah nggak kamu mengalami kondisi seperti itu?🤔Hehehe…
Tenang gais, bukan berarti itu anak pungut, ya. Bisa jadi, salah satu induknya mungkin menyimpan gen tersembunyi (gen pembawa sifat) dari nenek atau kakeknya yang berwarna abu-abu. Meskipun induknya nggak punya gen abu-abu, sifat itu bisa diturunkan dari generasi sebelumnya ke beberapa generasi keturunan di bawahnya.
Seru kan? Dari sini kita bisa lihat gimana materi genetik bekerja dalam pewarisan sifat. Biar makin paham, yuk kita kupas tuntas satu per satu mulai dari gen, DNA, RNA, sampai kromosom!
Baca Juga: Pohon Filogeni: Menjawab Kenapa Manusia Mirip Kera
Pengertian Gen
Gen adalah unit terkecil dalam suatu makhluk hidup yang berperan penting sebagai pembawa sifat keturunan (substansi materi genetik). Letaknya berada pada bagian tertentu kromosom yang disebut lokus gen. Dari sinilah sifat-sifat yang dimiliki oleh makhluk hidup diturunkan dari induk ke keturunannya.
Gambar gen. (Sumber: bsdkn.kemendagri.go.id)
Struktur Gen
Secara struktur, gen tersusun atas asam nukleat (DNA dan RNA), serta berhubungan erat dengan protein yang berfungsi melindungi serta membantu proses kerja gen. DNA dan RNA ini jumlahnya ada banyak banget, lho! DNA (Deoxyribonucleic Acid) berperan sebagai penyimpan informasi genetik, sedangkan RNA (Ribonucleic Acid) membantu dalam proses penerjemahan informasi genetik menjadi protein yang dibutuhkan tubuh.
Ukuran gen sangat kecil, hanya sekitar 4–8 mikron (µm), sehingga nggak bisa kita lihat dengan mata telanjang. Kalau kamu mau lihat struktur gen lebih jelas, kamu memerlukan bantuan mikroskop khusus. Nah, meskipun ukurannya mikroskopis, gen memiliki fungsi yang sangat besar loh, yakni mengatur pertumbuhan, perkembangan, dan sifat-sifat khusus dari setiap organisme. Wah, kecil-kecil cabe rawit, ya.
Struktur atau komponen-komponen gen terdiri dari:
Gambar struktur gen. (Sumber: quizlet.com dan repository.unand.ac.id)
1. Nukleotida
Nukleotida adalah unit dasar penyusun DNA dan RNA. Setiap nukleotida terdiri dari tiga komponen penting, yaitu:
-
Gula pentosa, berupa deoksiribosa pada DNA dan ribosa pada RNA.
-
Gugus fosfat, berfungsi sebagai penghubung antar nukleotida sehingga membentuk rangka utama DNA/RNA.
-
Basa nitrogen, yang terdiri dari adenin (A), timin (T), sitosin (C), guanin (G) pada DNA, serta adenin (A), urasil (U), sitosin (C), dan guanin (G) pada RNA.
2. Heliks Ganda
DNA berbentuk seperti tangga berpilin (double helix) yang terdiri dari dua untai polinukleotida. Kedua untai ini diikat oleh ikatan hidrogen antar pasangan basa (A dengan T, G dengan C). Struktur heliks ganda akan menjaga kestabilan DNA dan memungkinkan replikasi genetik berlangsung secara presisi.
3. Intron
Intron merupakan bagian dari gen yang tidak ikut diterjemahkan menjadi protein. Walaupun disebut sebagai “urutan non-koding”, intron memiliki peran penting dalam regulasi ekspresi gen, variasi genetik, dan evolusi organisme.
Baca Juga: Mengenal Hukum Mendel tentang Pewarisan Sifat Makhluk Hidup
4. Ekson
Berbeda dengan intron, ekson adalah bagian dari gen yang berisi informasi genetik yang akan diterjemahkan menjadi protein. Saat proses transkripsi berlangsung, intron dibuang dan ekson akan digabungkan, sehingga membentuk mRNA yang siap diterjemahkan menjadi protein.
5. Promotor
Promotor adalah urutan DNA spesifik yang berfungsi sebagai “titik awal” transkripsi. Bagian ini berperan untuk mengendalikan kapan, di mana, dan seberapa banyak gen tertentu diekspresikan. Dengan kata lain, promotor bekerja seperti tombol pengatur aktivitas gen.
6. Terminator
Terminator adalah bagian gen, terutama pada organisme prokariot (bakteri), yang memberi sinyal untuk menghentikan proses transkripsi. Tanpa terminator, enzim RNA polimerase akan terus bekerja tanpa henti sehingga pembentukan RNA menjadi tidak terkontrol.
Fungsi Gen
Secara umum, gen berperan sangat penting dalam mengontrol berbagai sifat individu yang diturunkan dari satu generasi ke generasi berikutnya. Inilah mengapa seorang anak pasti mirip dengan orang tuanya, baik dari segi fisik maupun sifat tertentu. Sebagai materi genetik, gen memiliki beberapa fungsi utama, yaitu:
1. Sebagai zarah (partikel kecil) dalam kromosom
Gen menempati posisi tertentu pada kromosom yang disebut lokus. Meskipun ukurannya sangat kecil, gen adalah unit informasi yang menyimpan instruksi biologis untuk mengatur berbagai karakteristik organisme.
2. Menyampaikan informasi genetik dari induk kepada keturunannya
Gen juga berfungsi sebagai “kode” yang diwariskan dari orang tua ke anaknya. Kode inilah yang menentukan sifat-sifat bawaan, misalnya warna kulit, golongan darah, bentuk wajah, atau bahkan potensi penyakit tertentu.
3. Mengatur proses metabolisme dan perkembangan organisme
Gen mengendalikan produksi enzim dan protein tertentu yang berperan dalam berbagai reaksi kimia di dalam tubuh. Hal ini sangat penting untuk proses pertumbuhan, perkembangan, hingga perbaikan sel. Tanpa adanya gen, tubuh kita tidak akan mampu melakukan metabolisme dengan baik, loh.
4. Mengontrol sintesis protein
Setiap gen mengandung instruksi untuk membuat protein tertentu melalui proses transkripsi (DNA menjadi RNA) dan translasi (RNA menjadi protein). Protein inilah yang akan menjalankan hampir semua fungsi penting dalam sel, mulai dari pembentukan jaringan, transportasi zat, hingga pertahanan tubuh.
Baca Juga: Bagaimana Tahapan dari Sintesis Protein?
5. Menjadi dasar variasi genetik
Mutasi atau perubahan kecil pada gen dapat menghasilkan variasi sifat organisme. Variasi ini penting dalam proses evolusi karena memungkinkan spesies untuk beradaptasi dengan lingkungan yang terus berubah.
Sifat-Sifat Gen
Gen juga memiliki sifat-sifat penting yang menjadikannya pusat dari mekanisme pewarisan sifat makhluk hidup. Sifat-sifat tersebut, antara lain:
1. Mengandung informasi genetik
Setiap gen membawa instruksi atau kode genetik yang menentukan ciri-ciri makhluk hidup. Informasi ini tersimpan dalam urutan basa nitrogen yang terdapat pada DNA.
2. Tiap gen mempunyai tugas dan fungsi berbeda
Gen tidak bekerja secara acak, melainkan memiliki peran spesifik. Ada gen yang berfungsi mengatur metabolisme, ada yang mengendalikan pembentukan enzim atau protein, serta ada pula gen yang mempengaruhi sifat fisik tertentu. Perbedaan fungsi ini yang membuat setiap gen unik dan sangat berharga bagi kelangsungan hidup organisme.
3. Mampu melakukan duplikasi pada waktu pembelahan sel
Pada saat sel membelah, gen dapat menggandakan diri. Proses ini penting agar informasi genetik dapat diturunkan secara utuh dari sel induk ke sel anak.
Baca Juga: Pengertian & Tahap-Tahap Pembelahan Sel Mitosis
4. Ditentukan oleh susunan kombinasi basa nitrogen
Gen terbentuk dari urutan basa nitrogen yang terdiri dari adenin (A), timin (T), guanin (G), dan sitosin (C). Kombinasi dan urutan basa-basa ini seperti “kode rahasia” yang menentukan sifat dan fungsi suatu gen. Perubahan kecil pada susunan basa nitrogen, dapat berpotensi terjadinya mutase, loh.
Macam-Macam Gen
Gen dapat dibedakan menjadi beberapa jenis berdasarkan fungsi maupun sifatnya, di antaranya:
A. Jenis Gen berdasarkan Fungsinya
Gen ini berfungsi membawa informasi untuk membentuk protein atau enzim tertentu. Contoh gen struktural adalah gen yang menentukan warna mata, bentuk rambut, atau gen yang mengatur produksi enzim pencernaan.
Gen regulator berperan mengatur kapan suatu gen bekerja dan seberapa banyak produk genetik yang harus dihasilkan. Dengan kata lain, gen ini berfungsi seperti saklar yang mengontrol aktivitas gen structural, agar system tubuh dapat bekerja normal.
B. Jenis Gen berdasarkan Sifatnya
Gen yang sifatnya kuat. Artinya, sifatnya akan tetap muncul meskipun hanya diwariskan dari salah satu orang tua/induk. Contohnya, gen rambut keriting bersifat dominan, sehingga cukup diwariskan dari satu pihak untuk terlihat pada keturunannya.
Gen resesif sifatnya lemah. Artinya, hanya dapat menampakkan sifatnya apabila diwariskan dari kedua orang tua/induk sekaligus. Contohnya, gen albino, yang hanya akan muncul jika kedua orang tua sama-sama mewariskan gen tersebut.
Gen letal adalah gen yang dapat menyebabkan kematian organisme jika terekspresi. Umumnya, gen ini bersifat tersembunyi dan hanya menimbulkan dampak pada kondisi tertentu.
Baca Juga: Persilangan Monohibrid dan Dihibrid pada Hukum Mendel
Pengertian DNA dan Strukturnya
Deoxyribonucleic Acid atau yang disingkat DNA, adalah molekul asam nukleat yang berfungsi sebagai penyimpan informasi genetik pada setiap makhluk hidup. Molekul ini sering disebut sebagai “arsip utama” kehidupan, karena di dalamnya tersimpan instruksi lengkap untuk membentuk, mengatur, dan menjalankan seluruh fungsi sel.
Bentuk DNA menyerupai tangga tali yang berpilin ganda, dikenal sebagai struktur double helix. Struktur ini tersusun dari gula deoksiribosa, gugus fosfat, serta basa nitrogen yang terdiri dari adenin (A), guanin (G), sitosin (C), dan timin (T). DNA biasanya ditemukan di inti sel (nukleus), tetapi juga terdapat di mitokondria.
Ciri-Ciri DNA
- DNA tersusun atas dua untai yang saling berpilin membentuk struktur khas yang disebut heliks ganda (double helix).
- Komponen penyusunnya terdiri dari gula deoksiribosa, gugus fosfat, serta basa nitrogen berupa adenin (A), guanin (G), sitosin (C), dan timin (T).
- Lebih stabil, sehingga berfungsi sebagai penyimpan informasi genetik jangka panjang.
- Lokasinya terutama terdapat di dalam inti sel (nukleus), tetapi juga bisa ditemukan pada mitokondria dan kloroplas, khususnya pada sel tumbuhan.
- Salah satu keistimewaan DNA adalah kemampuannya untuk bereplikasi, yakni membuat salinan dirinya sendiri agar informasi genetik tetap terjaga saat sel membelah.
Fungsi DNA
-
Menyimpan informasi genetik, DNA berfungsi sebagai “gudang data” yang menyimpan semua instruksi genetik dalam jangka waktu panjang, sehingga setiap sel tahu cara bekerja dan bereproduksi.
-
Mewariskan informasi genetik, DNA dapat diwariskan dari satu generasi ke generasi berikutnya. Dengan cara ini, sifat dan karakteristik orang tua/induk dapat diturunkan pada keturunannya.
-
Mengatur perkembangan organisme, sejak tahap zigot hingga menjadi individu dewasa, DNA mengatur proses pertumbuhan dan diferensiasi sel agar setiap sel berfungsi dengan baik.
-
Mengatur metabolisme sel, DNA mengendalikan seluruh proses metabolisme yang terjadi di dalam sel, termasuk produksi enzim dan protein yang dibutuhkan tubuh.
-
Mengatur ekspresi gen, DNA menentukan kapan suatu gen diaktifkan atau dinonaktifkan melalui mekanisme regulasi transkripsi. Dengan demikian, gen hanya bekerja pada waktu dan tempat yang tepat.
-
Beradaptasi dengan lingkungan, DNA dapat mengalami perubahan (mutasi) yang memungkinkan organisme menyesuaikan diri dengan kondisi lingkungan yang berubah, sekaligus menjadi dasar terjadinya proses evolusi.
Pengertian RNA dan Strukturnya
Berbeda dengan DNA, Ribonucleic Acid atau yang disingkat RNA, merupakan molekul polinukleotida yang umumnya berbentuk rantai tunggal dan lebih pendek. Walaupun tidak menyimpan informasi genetik jangka panjang seperti DNA, RNA memiliki peran yang tidak kalah penting, yaitu menyalin, membawa, dan menerjemahkan informasi genetik agar dapat diolah menjadi protein.
Komponen RNA terdiri dari gula ribosa, gugus fosfat, dan basa nitrogen berupa adenin (A), guanin (G), sitosin (C), serta urasil (U) yang menggantikan timin pada DNA. RNA dapat ditemukan di berbagai bagian sel, seperti inti sel, sitoplasma, dan ribosom, yaitu tempat berlangsungnya sintesis protein.
Gambar struktur DNA dan RNA. (Sumber: pngtree.com)
Ciri-Ciri RNA
- Hanya tersusun atas satu untai polinukleotida, sehingga strukturnya lebih sederhana.
- Rantai RNA jauh lebih pendek dari DNA, terbentuk dari ribonukleotida yang terdiri dari gula ribosa, gugus fosfat, serta basa nitrogen.
- Pada RNA, basa nitrogen yang digunakan adalah adenin (A), guanin (G), sitosin (C), dan urasil (U) yang menggantikan timin.
- RNA dapat ditemukan di inti sel, sitoplasma, hingga ribosom, tempat berlangsungnya proses sintesis protein.
- Jumlah RNA dalam sel dapat berubah-ubah sesuai dengan kebutuhan, terutama saat sel sedang aktif membentuk protein.
- RNA dapat dikategorikan menjadi RNA pendek dan RNA panjang berdasarkan panjang rantainya. RNA yang pendek berperan dalam berbagai proses regulasi genetik, sedangkan RNA panjang terdiri atas long non-coding RNA (lncRNA) yang berfungsi mengatur ekspresi gen, serta messenger RNA (mRNA) yang berperan membawa informasi dari DNA untuk diterjemahkan menjadi protein.
Fungsi RNA
-
Menyampaikan informasi genetik, RNA bertugas membawa instruksi dari DNA di inti sel menuju ribosom, tempat terjadinya sintesis protein.
-
Memilih dan membawa asam amino, RNA membantu memilih serta membawa asam amino yang diperlukan ke ribosom untuk disusun menjadi protein.
-
Membentuk ribosom, RNA menyusun sekitar 50% dari struktur ribosom, sehingga sangat penting dalam proses produksi protein.
-
Mengatur aktivitas gen, RNA berperan dalam mengendalikan aktivitas gen, baik saat perkembangan, diferensiasi sel, maupun ketika terjadi perubahan lingkungan.
-
Mengkatalisis reaksi kimia, beberapa jenis RNA dapat mempercepat reaksi kimia, termasuk proses penggabungan asam amino menjadi protein.
-
Menjaga stabilitas DNA, RNA juga berperan melindungi DNA dari kerusakan atau perubahan yang tidak diinginkan, sehingga informasi genetik tetap stabil.
Jenis-Jenis RNA
RNA terbagi menjadi tiga jenis. Ketiganya, bekerjasama agar informasi genetik dari DNA bisa diubah menjadi protein yang dibutuhkan tubuh.
1. mRNA (messenger RNA)
mRNA sering disebut sebagai RNA pembawa pesan. Tugasnya adalah menyalin kode genetik dari DNA yang ada di inti sel, lalu membawanya ke ribosom. Kode ini ibarat “resep” yang nantinya akan diterjemahkan menjadi protein. Tanpa mRNA, ribosom tidak akan tahu protein apa yang harus dibuat.
2. tRNA (transfer RNA)
Kalau tRNA ini, ibarat abang “kurir” yang membawa paket. Karena, fungsi tRNA adalah membawa asam amino (bahan dasar pembentuk protein) ke ribosom. Setiap tRNA hanya membawa satu jenis asam amino tertentu, dan akan menyesuaikan diri dengan kode yang dibawa mRNA. Dengan bantuan tRNA, ribosom bisa merangkai asam amino sesuai urutan yang benar.
3. rRNA (ribosomal RNA)
rRNA adalah komponen utama ribosom, tempat pembuatan protein berlangsung. Sekitar setengah dari struktur ribosom tersusun dari rRNA. Selain menjadi bagian dari “mesin perakit protein” ini, rRNA juga bertindak sebagai katalisator yang mempercepat proses penggabungan asam amino.
Apa Hubungan DNA dengan RNA?
DNA dan RNA itu bisa kita ibaratkan seperti penulis dan penerjemah. DNA bertindak sebagai penyimpan informasi genetik yang lengkap, sementara RNA menjadi perantara yang membawa salinan informasi tersebut keluar dari inti sel untuk kemudian diterjemahkan menjadi protein.
Tanpa RNA, DNA tidak akan mampu mengekspresikan kode genetiknya secara nyata. Sebaliknya, tanpa DNA, RNA tidak akan memiliki sumber informasi. Kolaborasi keduanya, membuat setiap makhluk hidup dapat tumbuh, berkembang, dan mewariskan sifat genetik kepada keturunannya.
Baca Juga: 5 Macam Penyimpangan Semu Hukum Mendel
Apa Perbedaan DNA dan RNA?
Nah, meskipun DNA dan RNA ini saling berhubungan, bukan berarti keduanya sama ya. Supaya kamu lebih mudah memahami perbedaan antara DNA dan RNA, yuk perhatikan tabel di bawah ini!
DNA
RNA
Struktur
Heliks ganda (double helix) yang menyerupai tangga spiral
Untai tunggal dan tidak berpilin
Gula pentosa
Deoksiribosa
Ribosa
Basa nitrogen
Adenin (A), guanin (G), sitosin (C), dan timin (T)
Adenin (A), guanin (G), sitosin (C), dan urasil (U)
Lokasi dalam sel
Inti sel dan mitokondria
Inti sel, sitoplasma, dan ribosom
Fungsi
Menyimpan informasi genetik yang diwariskan
Mentranskripsi dan menerjemahkan informasi genetik untuk sintesis protein
Terakhir, kita bahas tentang kromosom, ya! Kalo dari strukturnya, kromosom itu merupakan unit materi genetik terbesar. Berbagai jenis DNA dan RNA bergabung untuk membentuk gen, kemudian gen-gen tersebut bergabung untuk membentuk kromosom. Biar makin paham, kita kupas lebih lanjut tentang kromosom, yuk!
Pengertian Kromosom
Kromosom adalah struktur kecil berbentuk benang yang terdapat di dalam inti sel. Bisa dibilang, kromosom adalah tempat yang menyimpan informasi genetik makhluk hidup. Kromosom terbentuk dari penebalan benang-benang kromatin ketika pembelahan sel terjadi.
Struktur Kromosom
Kromosom disusun oleh asam nukleat dan protein. Oh iya, kromosom itu punya beberapa bagian yang berbeda. Setiap kromosom terdiri atas dua lengan, yaitu lengan p (lengan pendek) dan lengan q (lengan panjang). Kedua lengan ini dihubungkan oleh bagian yang disebut sentromer. Sentromer adalah pusat kromosom dan tempat melekatnya benang-benang spindle. Fungsinya seperti pengikat yang menjaga kromosom tetap stabil saat sel membelah.
Eh, tapi kamu tahu nggak, benang spindle itu apa? Benang spindle ini bagian yang berfungsi untuk menghubungkan sentriol pada saat pembelahan sel dan untuk menarik kromosom menuju kutub yang berlawanan pada saat pembelahan sel.
Oke, selanjutnya ada kinetokor. Kinetokor sebenarnya masih bagian dari sentromer. Benang-benang spindle melekat pada kinetokor selama masa pembelahan. Bagian yang lain, yaitu kromatid, merupakan salah satu dari dua lengan yang merupakan hasil replikasi kromosom.
Selain itu, di ujung-ujung kromosom terdapat telomer, yaitu struktur pelindung yang mencegah DNA rusak atau saling menempel dengan kromosom lain.
Gambar bagian-bagian kromosom. (Sumber: detik.net.id)
Ciri-Ciri Kromosom
Berikut beberapa ciri penting kromosom yang perlu kamu tahu:
-
Tersusun dari DNA dan protein
Kromosom dibentuk oleh rantai DNA yang sangat panjang. Agar tidak kusut, DNA ini dililitkan pada protein khusus yang disebut histon.
Saat diamati dengan mikroskop, kromosom terlihat seperti benang-benang rapat yang melingkar. Bentuk padat ini muncul karena DNA digulung berkali-kali, sehingga ukurannya bisa dipadatkan. Nah, saat sel akan membelah, kromosom akan menjadi semakin rapat dan mudah terlihat.
Baca Juga: Proses Pembelahan Meiosis, Apa Bedanya dengan Mitosis?
Fungsi Kromosom
Beberapa fungsi kromosom antara lain sebagai berikut:
- Membawa sifat keturunan.
- Kromosom membawa DNA yang berisi informasi genetik dari orang tua. Informasi genetik ini menentukan ciri fisik dan sifat spesifik individu, seperti warna mata, jenis rambut, dan tinggi badan.
- Menentukan jenis kelamin.
- Kromosom seks (gonosom) menentukan jenis kelamin individu. Pada manusia, kromosom X dan Y menentukan jenis kelamin.
- Memastikan pembelahan sel yang akurat.
- Kromosom berperan dalam proses pembelahan sel untuk mengganti sel lama yang rusak dengan sel baru. Kromosom memastikan bahwa DNA disalin dan didistribusikan secara akurat ke sel-sel baru.
- Menjaga keberlanjutan kehidupan sel dan organisme.
- Kromosom berperan dalam proses replikasi DNA, transkripsi genetik, dan sintesis protein.
Jenis-Jenis Kromosom
Kamu tau nggak sih, kromosom itu bentuknya ada banyak, lho! Ada 4 bentuk kromosom, yaitu telosentrik, metasentrik, submetasentrik, dan akrosentrik. Kromosom telosentrik hanya memiliki 1 lengan dengan sentromer yang terletak di ujung. Sedangkan kromosom metasentrik memiliki 2 lengan sama panjang dengan sentromer yang terletak di tengah. Sentromernya metasentrik ini berbentuk V, ya!
Lalu kalau submetasentrik itu seperti apa, ya? Kromosom submetasentrik memiliki kedua lengan yang hampir sama panjang, dengan sentromer yang terletak hampir di tengah. Bentuknya juga V gitu. Sedangkan kromosom akrosentrik memiliki 2 lengan yang tidak sama panjang, dengan sentromer yang berada dekat ujung bagian kromosomnya.
Macam-macam Kromosom (Sumber: bioninja.au)
Jumlah Kromosom pada Manusia
Berdasarkan fungsinya, kromosom manusia terbagi menjadi dua jenis. Pertama adalah autosom, yaitu kromosom tubuh yang mengatur berbagai sifat fisik dan fungsi tubuh, seperti warna mata, bentuk rambut, atau tinggi badan. Kedua adalah gonosom, yaitu kromosom seks yang menentukan jenis kelamin seseorang.
Jumlah kromosom pada manusia adalah 46 buah atau 23 pasang. Dari jumlah tersebut, 22 pasang adalah autosom dan 1 pasang adalah gonosom. Susunan gonosom berbeda antara laki-laki dan perempuan. Perempuan memiliki dua kromosom X (XX), sedangkan laki-laki memiliki satu kromosom X dan satu kromosom Y (XY). Kombinasi inilah yang nantinya menentukan jenis kelamin bayi ketika proses pembuahan terjadi.
Baca Juga: Penentuan Jenis Kelamin pada Makhluk Hidup
Semoga kamu bisa lebih paham tentang gen, DNA, RNA, dan kromosom setelah membaca artikel ini, ya! Mempelajari materi genetik dan pewarisan sifat memang sangat menyenangkan dan bisa bikin penasaran. Kalau kamu masih penasaran dan ingin tahu lebih lanjut soal gen, DNA, RNA, dan kromosom, kamu bisa nonton video belajar beranimasi di ruangbelajar! Videonya sangat informatif dan ngebantu kamu belajar banget, lho. Kuy, download sekarang!
Referensi:
Irnaningtyas. (2018). Biologi untuk SMA/MA Kelas XII. Jakarta: Penerbit Erlangga.
https://www.scribd.com/presentation/595826157/Materi-Genetik-Untuk-Kelas-XII (Diakses ada 27 Februari 2025)
Sumber Foto:
Foto ‘Ilustrasi Gen’ [daring], Tautan: https://news.yale.edu/2013/11/21/follow-genes-yale-team-finds-clues-origin-autism
Foto ‘Macam-macam kromosom’ [daring], Tautan: https://ib.bioninja.com.au/standard-level/topic-3-genetics/32-chromosomes/chromosome-types.html
https://quizlet.com/336227571/dna-structure-and-function-diagram/ (Diakses pada 27 Februari 2025)
https://bskdn.kemendagri.go.id/website/wp-content/uploads/2018/03/gen1.jpg (Diakses pada 27 Februari 2025)
https://quizlet.com/336227571/dna-structure-and-function-diagram/ (Diakses pada 27 Februari 2025)
http://repository.unand.ac.id/19043/1/Bahan%20Ajar%20Biotek%20Perlintan.pdf (Diakses pada 27 Februari 2025)
https://png.pngtree.com/background/20241207/original/pngtree-vector-illustration-educational-infographic-depicting-the-molecular-structures-of-dna-and-picture-image_11531701.jpg (Diakses pada 27 Februari 2025)
https://awsimages.detik.net.id/community/media/visual/2022/12/03/kromosom.jpeg?w=376 (Diakses pada 27 Februari 2025)
<!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>Belajar Materi Genetik: Gen, DNA, RNA & Kromosom</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="Pada ini, kamu akan diajak berkenalan dengan macam-macam materi genetik, yakni gen, DNA, RNA, dan kromosom yang ada pada tubuh manusia. " />
<link rel="canonical" href="https://www.ruangguru.com/blog/biologi-kelas-12-mengenal-gen-dna-dan-kromosom" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Belajar Materi Genetik: Gen, DNA, RNA & Kromosom" />
<meta property="og:description" content="Pada ini, kamu akan diajak berkenalan dengan macam-macam materi genetik, yakni gen, DNA, RNA, dan kromosom yang ada pada tubuh manusia. " />
<meta property="og:url" content="https://www.ruangguru.com/blog/biologi-kelas-12-mengenal-gen-dna-dan-kromosom" />
<meta property="og:site_name" content="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru" />
<meta property="article:publisher" content="https://www.facebook.com/ruanggurucom/" />
<meta property="article:published_time" content="2025-10-02T00:00:47+00:00" />
<meta property="article:modified_time" content="2025-10-07T03:14:14+00:00" />
<meta name="author" content="Kenya Swawikanti" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@ruangguru" />
<meta name="twitter:site" content="@ruangguru" />
<meta name="twitter:label1" content="Written by" />
<meta name="twitter:data1" content="Kenya Swawikanti" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="17 minutes" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.ruangguru.com/blog/biologi-kelas-12-mengenal-gen-dna-dan-kromosom","url":"https://www.ruangguru.com/blog/biologi-kelas-12-mengenal-gen-dna-dan-kromosom","name":"Belajar Materi Genetik: Gen, DNA, RNA & Kromosom","isPartOf":{"@id":"https://www.ruangguru.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.ruangguru.com/blog/biologi-kelas-12-mengenal-gen-dna-dan-kromosom#primaryimage"},"image":{"@id":"https://www.ruangguru.com/blog/biologi-kelas-12-mengenal-gen-dna-dan-kromosom#primaryimage"},"thumbnailUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/0e470ed7-4afa-4f7f-8660-6fce4356f645.png","datePublished":"2025-10-02T00:00:47+00:00","dateModified":"2025-10-07T03:14:14+00:00","author":{"@id":"https://www.ruangguru.com/blog/#/schema/person/2961333999f86a82f666cdabdd06fc14"},"description":"Pada ini, kamu akan diajak berkenalan dengan macam-macam materi genetik, yakni gen, DNA, RNA, dan kromosom yang ada pada tubuh manusia. ","breadcrumb":{"@id":"https://www.ruangguru.com/blog/biologi-kelas-12-mengenal-gen-dna-dan-kromosom#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.ruangguru.com/blog/biologi-kelas-12-mengenal-gen-dna-dan-kromosom"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/biologi-kelas-12-mengenal-gen-dna-dan-kromosom#primaryimage","url":"https://cdn-web-2.ruangguru.com/landing-pages/assets/0e470ed7-4afa-4f7f-8660-6fce4356f645.png","contentUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/0e470ed7-4afa-4f7f-8660-6fce4356f645.png"},{"@type":"BreadcrumbList","@id":"https://www.ruangguru.com/blog/biologi-kelas-12-mengenal-gen-dna-dan-kromosom#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.ruangguru.com/blog"},{"@type":"ListItem","position":2,"name":"Belajar Materi Genetik: Gen, DNA, RNA & Kromosom | Biologi Kelas 12"}]},{"@type":"WebSite","@id":"https://www.ruangguru.com/blog/#website","url":"https://www.ruangguru.com/blog/","name":"Ruangguru Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.ruangguru.com/blog/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https://www.ruangguru.com/blog/#/schema/person/2961333999f86a82f666cdabdd06fc14","name":"Kenya Swawikanti","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/?s=96&d=mm&r=g","caption":"Kenya Swawikanti"},"url":"https://www.ruangguru.com/blog/author/kenya-swawikanti"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="alternate" type="application/rss+xml" title="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru » Belajar Materi Genetik: Gen, DNA, RNA & Kromosom | Biologi Kelas 12 Comments Feed" href="https://www.ruangguru.com/blog/biologi-kelas-12-mengenal-gen-dna-dan-kromosom/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/9628" /><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=9628' />
<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%2Fbiologi-kelas-12-mengenal-gen-dna-dan-kromosom" />
<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%2Fbiologi-kelas-12-mengenal-gen-dna-dan-kromosom&format=xml" />
</head>
<body class="wp-singular post-template-default single single-post postid-9628 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/biologi">Biologi</a></li><li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-12">Biologi SMA Kelas 12</a></li> </ol>
</nav>
<h1 class="content-title">
Belajar Materi Genetik: Gen, DNA, RNA & Kromosom | Biologi Kelas 12 </h1>
<div class="content-meta">
<p class="content-author"><a href="https://www.ruangguru.com/blog/author/kenya-swawikanti" class="">Kenya Swawikanti</a> </p>
<p class="content-info"><span>October 2, 2025 • </span> <span>17 minutes read</span></p>
<br />
</div>
<div class="content-body">
<p><em><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0e470ed7-4afa-4f7f-8660-6fce4356f645.png" alt="materi genetik-gen-dna-rna-kromosom" width="820" /></em></p>
<blockquote>
<p style="font-size: 16px; text-align: center;"><em>Pada <strong><a href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-12">artikel Biologi kelas 12</a></strong> kali ini, kamu akan diajak berkenalan dengan macam-macam materi genetik, yakni gen, DNA, RNA, dan kromosom yang ada pada tubuh manusia. </em></p>
</blockquote>
<p style="text-align: center;">—</p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Siapa di sini yang pernah pelihara kucing sampai kucingnya beranak-pinak? Kalau kamu perhatikan, ketika kucing melahirkan anak, pasti ada setidaknya satu anak kucing yang memiliki warna bulu sama dengan induknya kan? Nah, hal ini bisa terjadi karena adanya materi genetik, yang terdiri atas <strong>gen, DNA, RNA, dan kromosom</strong>. </span></p>
<p style="text-align: justify;">Materi genetik ini ibarat “bank” yang menyimpan semua informasi penting tentang makhluk hidup. Gen, DNA, RNA, dan kromosom disebut materi genetik karena berperan dalam <strong>proses pewarisan sifat dari induk ke keturunannya (<a href="https://www.ruangguru.com/blog/biologi-kelas-12-pola-pola-hereditas">hereditas</a>)</strong>. Sifat-sifat itu bisa berupa warna rambut, warna kulit, golongan darah, hingga ciri-ciri fisik lainnya.</p>
<p style="text-align: justify;">Nah, materi genetik ini tersimpan rapi di dalam nukleus (inti sel) dan ada di hampir semua sel tubuh kita, mulai dari sel darah, sel tulang, sampai sel gamet (sel kelamin). Jadi, bisa dibilang setiap ciri yang kita miliki adalah “warisan biologis” yang dikirimkan dari generasi sebelumnya.</p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d9879e28-2f9c-4132-9a63-a2c31dd7d730.jpg" alt="gambar gen-dna-rna-kromosom" width="500" /></p>
<p style="text-align: center;"><span style="font-weight: 400;">Gambar materi genetik meliputi gen, DNA, RNA, dan kromosom. (Sumber: quizlet.com)</span></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;">Contoh Penerapan Materi Genetik dalam Proses Pewarisan Sifat</span></h2>
<p style="text-align: justify;">Sama kasusnya kayak anak kucing tadi, gais. Misalnya, kamu punya <strong>kucing jantan berbulu oranye dan kucing betina berbulu putih</strong>. Ketika keduanya dikawinkan, anak-anak kucing yang lahir bisa aja <strong>berbulu oranye, putih, atau bahkan kombinasi oranye-putih</strong>. Kok bisa begitu? Jawabannya, karena dari <strong>gen</strong>. Si jantan membawa gen warna oranye, sementara si betina membawa gen warna putih.</p>
<p style="text-align: justify;">Eh, tapi gimana kalau tiba-tiba ada anak kucing yang bulunya malah abu-abu? Pernah nggak kamu mengalami kondisi seperti itu?🤔Hehehe…</p>
<p style="text-align: justify;">Tenang gais, bukan berarti itu anak pungut, ya. Bisa jadi, salah satu induknya mungkin menyimpan gen tersembunyi (gen pembawa sifat) dari nenek atau kakeknya yang berwarna abu-abu. Meskipun induknya nggak punya gen abu-abu, sifat itu bisa diturunkan dari generasi sebelumnya ke beberapa generasi keturunan di bawahnya.</p>
<p style="text-align: justify;">Seru kan? Dari sini kita bisa lihat gimana materi genetik bekerja dalam pewarisan sifat. Biar makin paham, yuk kita kupas tuntas satu per satu mulai dari gen, DNA, RNA, sampai kromosom!</p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/pohon-filogeni">Pohon Filogeni: Menjawab Kenapa Manusia Mirip Kera</a></strong></p>
<p> </p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/47c3c662-e0b0-4e57-bd12-5e2b37e8394f.png" alt="pengertian gen" width="800" /></p>
<p> </p>
<h2><span style="font-size: 18pt;">Pengertian Gen</span></h2>
<p style="text-align: justify;">Gen adalah <strong>unit terkecil</strong> dalam suatu makhluk hidup yang berperan penting sebagai <strong>pembawa sifat keturunan (substansi materi genetik)</strong>. Letaknya berada pada bagian tertentu kromosom yang disebut <strong>lokus gen</strong>. Dari sinilah sifat-sifat yang dimiliki oleh makhluk hidup diturunkan dari induk ke keturunannya.</p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/342762f3-c9c4-448a-bcc8-c2bee548543a.jpg" alt="gambar gen" width="300" /></p>
<p style="text-align: center;">Gambar gen. (Sumber: bsdkn.kemendagri.go.id)</p>
<p> </p>
<h2><span style="font-size: 18pt;">Struktur Gen</span></h2>
<p style="text-align: justify;">Secara struktur, gen tersusun atas <strong>asam nukleat (DNA dan RNA)</strong>, serta berhubungan erat dengan <strong>protein</strong> yang berfungsi melindungi serta membantu proses kerja gen. <span style="background-color: transparent;">DNA dan RNA ini jumlahnya ada banyak banget, lho! </span>DNA (<em>Deoxyribonucleic Acid</em>) berperan sebagai penyimpan informasi genetik, sedangkan RNA (<em>Ribonucleic Acid</em>) membantu dalam proses penerjemahan informasi genetik menjadi protein yang dibutuhkan tubuh.</p>
<p style="text-align: justify;">Ukuran gen sangat kecil, hanya sekitar<strong> 4–8 mikron (µm)</strong>, sehingga nggak bisa kita lihat dengan mata telanjang. Kalau kamu mau lihat struktur gen lebih jelas, kamu memerlukan bantuan mikroskop khusus. Nah, meskipun ukurannya mikroskopis, gen memiliki fungsi yang sangat besar loh, yakni mengatur pertumbuhan, perkembangan, dan sifat-sifat khusus dari setiap organisme. Wah, kecil-kecil cabe rawit, ya.</p>
<p style="text-align: justify;">Struktur atau komponen-komponen gen terdiri dari:</p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9a95da2f-f9ca-413e-971f-1351d928f789.jpg" alt="struktur gen" width="400" /></p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/38d7d725-caa5-4b78-9406-703a909d2a85.png" alt="struktur gen" width="400" /></p>
<p style="text-align: center;">Gambar struktur gen. <span style="font-weight: 400;">(Sumber: quizlet.com dan repository.unand.ac.id)</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">1. Nukleotida</span></h3>
<p style="text-align: justify;">Nukleotida adalah unit dasar penyusun DNA dan RNA. Setiap nukleotida terdiri dari tiga komponen penting, yaitu:</p>
<ul>
<li style="text-align: justify;"><strong>Gula pentosa</strong>, berupa deoksiribosa pada DNA dan ribosa pada RNA.</li>
<li style="text-align: justify;"><strong>Gugus fosfat</strong>, berfungsi sebagai penghubung antar nukleotida sehingga membentuk rangka utama DNA/RNA.</li>
<li style="text-align: justify;"><strong>Basa nitrogen</strong>, yang terdiri dari adenin (A), timin (T), sitosin (C), guanin (G) pada DNA, serta adenin (A), urasil (U), sitosin (C), dan guanin (G) pada RNA.</li>
</ul>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">2. Heliks Ganda</span></h3>
<p style="text-align: justify;">DNA berbentuk seperti tangga berpilin (<em>double helix</em>) yang terdiri dari dua untai polinukleotida. Kedua untai ini diikat oleh ikatan hidrogen antar pasangan basa (A dengan T, G dengan C). Struktur heliks ganda akan menjaga kestabilan DNA dan memungkinkan replikasi genetik berlangsung secara presisi.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">3. Intron</span></h3>
<p style="text-align: justify;">Intron merupakan bagian dari gen yang <strong>tidak ikut diterjemahkan menjadi protein</strong>. Walaupun disebut sebagai “urutan non-koding”, intron memiliki peran penting dalam regulasi ekspresi gen, variasi genetik, dan evolusi organisme.</p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/mengenal-hukum-mendel-tentang-pewarisan-sifat-makhluk-hidup">Mengenal Hukum Mendel tentang Pewarisan Sifat Makhluk Hidup</a></strong></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">4. Ekson</span></h3>
<p style="text-align: justify;">Berbeda dengan intron, ekson adalah bagian dari gen yang <strong>berisi informasi genetik yang akan diterjemahkan menjadi protein</strong>. Saat proses transkripsi berlangsung, intron dibuang dan ekson akan digabungkan, sehingga membentuk mRNA yang siap diterjemahkan menjadi protein.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">5. Promotor</span></h3>
<p style="text-align: justify;">Promotor adalah urutan DNA spesifik yang berfungsi sebagai “titik awal” transkripsi. Bagian ini berperan untuk <strong>mengendalikan kapan, di mana, dan seberapa banyak gen tertentu diekspresikan</strong>. Dengan kata lain, promotor bekerja seperti tombol pengatur aktivitas gen.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">6. Terminator</span></h3>
<p style="text-align: justify;">Terminator adalah bagian gen, terutama pada organisme prokariot (bakteri), yang <strong>memberi sinyal untuk menghentikan proses transkripsi</strong>. Tanpa terminator, enzim RNA polimerase akan terus bekerja tanpa henti sehingga pembentukan RNA menjadi tidak terkontrol.</p>
<p> </p>
<h2><span style="font-size: 18pt;">Fungsi Gen</span></h2>
<p style="text-align: justify;">Secara umum, gen berperan sangat penting dalam <strong>mengontrol berbagai sifat individu yang diturunkan dari satu generasi ke generasi berikutnya</strong>. Inilah mengapa seorang anak pasti mirip dengan orang tuanya, baik dari segi fisik maupun sifat tertentu. Sebagai materi genetik, gen memiliki beberapa fungsi utama, yaitu:</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">1. Sebagai zarah (partikel kecil) dalam kromosom</span></h3>
<p style="text-align: justify;">Gen menempati posisi tertentu pada kromosom yang disebut lokus. Meskipun ukurannya sangat kecil, gen adalah unit informasi yang menyimpan instruksi biologis untuk mengatur berbagai karakteristik organisme.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">2. Menyampaikan informasi genetik dari induk kepada keturunannya</span></h3>
<p style="text-align: justify;">Gen juga berfungsi sebagai “kode” yang diwariskan dari orang tua ke anaknya. Kode inilah yang menentukan sifat-sifat bawaan, misalnya warna kulit, golongan darah, bentuk wajah, atau bahkan potensi penyakit tertentu.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">3. Mengatur proses metabolisme dan perkembangan organisme</span></h3>
<p style="text-align: justify;">Gen mengendalikan produksi enzim dan protein tertentu yang berperan dalam berbagai reaksi kimia di dalam tubuh. Hal ini sangat penting untuk proses pertumbuhan, perkembangan, hingga perbaikan sel. Tanpa adanya gen, tubuh kita tidak akan mampu melakukan metabolisme dengan baik, loh.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">4. Mengontrol sintesis protein</span></h3>
<p style="text-align: justify;">Setiap gen mengandung instruksi untuk membuat protein tertentu melalui proses transkripsi (DNA menjadi RNA) dan translasi (RNA menjadi protein). Protein inilah yang akan menjalankan hampir semua fungsi penting dalam sel, mulai dari pembentukan jaringan, transportasi zat, hingga pertahanan tubuh.</p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/biologi-kelas-11-tahapan-sintesis-protein">Bagaimana Tahapan dari Sintesis Protein?</a></strong></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">5. Menjadi dasar variasi genetik</span></h3>
<p style="text-align: justify;">Mutasi atau perubahan kecil pada gen dapat menghasilkan variasi sifat organisme. Variasi ini penting dalam proses evolusi karena memungkinkan spesies untuk beradaptasi dengan lingkungan yang terus berubah.</p>
<p> </p>
<h2><span style="font-size: 18pt;">Sifat-Sifat Gen</span></h2>
<p style="text-align: justify;">Gen juga memiliki sifat-sifat penting yang menjadikannya pusat dari mekanisme pewarisan sifat makhluk hidup. Sifat-sifat tersebut, antara lain:</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">1. Mengandung informasi genetik</span></h3>
<p style="text-align: justify;">Setiap gen <strong>membawa instruksi atau kode genetik yang menentukan ciri-ciri makhluk hidup</strong>. Informasi ini tersimpan dalam urutan basa nitrogen yang terdapat pada DNA.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">2. Tiap gen mempunyai tugas dan fungsi berbeda</span></h3>
<p style="text-align: justify;">Gen tidak bekerja secara acak, melainkan <strong>memiliki peran spesifik</strong>. Ada gen yang berfungsi mengatur metabolisme, ada yang mengendalikan pembentukan enzim atau protein, serta ada pula gen yang mempengaruhi sifat fisik tertentu. Perbedaan fungsi ini yang membuat setiap gen unik dan sangat berharga bagi kelangsungan hidup organisme.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">3. Mampu melakukan duplikasi pada waktu pembelahan sel</span></h3>
<p style="text-align: justify;">Pada saat sel membelah, gen dapat <strong>menggandakan diri</strong>. Proses ini penting agar informasi genetik dapat diturunkan secara utuh dari sel induk ke sel anak.</p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/biologi-kelas-12-apa-itu-mitosis">Pengertian & Tahap-Tahap Pembelahan Sel Mitosis</a></strong></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">4. Ditentukan oleh susunan kombinasi basa nitrogen</span></h3>
<p style="text-align: justify;">Gen terbentuk dari urutan basa nitrogen yang terdiri dari <strong>adenin (A), timin (T), guanin (G), dan sitosin (C)</strong>. Kombinasi dan urutan basa-basa ini seperti “kode rahasia” yang menentukan sifat dan fungsi suatu gen. Perubahan kecil pada susunan basa nitrogen, dapat berpotensi terjadinya mutase, loh.</p>
<p> </p>
<h2><span style="font-size: 18pt;">Macam-Macam Gen</span></h2>
<p style="text-align: justify;">Gen dapat dibedakan menjadi beberapa jenis berdasarkan fungsi maupun sifatnya, di antaranya:</p>
<h3><span style="font-size: 14pt;">A. Jenis Gen berdasarkan Fungsinya</span></h3>
<ul>
<li>
<h4 style="text-align: justify;">Gen Struktural</h4>
</li>
</ul>
<p style="text-align: justify;">Gen ini berfungsi <strong>membawa informasi untuk membentuk protein atau enzim tertentu</strong>. Contoh gen struktural adalah gen yang menentukan warna mata, bentuk rambut, atau gen yang mengatur produksi enzim pencernaan.</p>
<ul>
<li style="text-align: justify;">
<h4>Gen Regulator</h4>
</li>
</ul>
<p style="text-align: justify;">Gen regulator berperan <strong>mengatur kapan suatu gen bekerja dan seberapa banyak produk genetik yang harus dihasilkan</strong>. Dengan kata lain, gen ini berfungsi seperti saklar yang mengontrol aktivitas gen structural, agar system tubuh dapat bekerja normal.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">B. Jenis Gen berdasarkan Sifatnya</span></h3>
<ul>
<li style="text-align: justify;">
<h4>Gen Dominan</h4>
</li>
</ul>
<p style="text-align: justify;">Gen yang <strong>sifatnya kuat</strong>. Artinya, sifatnya akan tetap muncul meskipun hanya diwariskan dari salah satu orang tua/induk. Contohnya, gen rambut keriting bersifat dominan, sehingga cukup diwariskan dari satu pihak untuk terlihat pada keturunannya.</p>
<ul>
<li style="text-align: justify;">
<h4>Gen Resesif</h4>
</li>
</ul>
<p style="text-align: justify;">Gen resesif <strong>sifatnya lemah</strong>. Artinya, hanya dapat menampakkan sifatnya apabila diwariskan dari kedua orang tua/induk sekaligus. Contohnya, gen albino, yang hanya akan muncul jika kedua orang tua sama-sama mewariskan gen tersebut.</p>
<ul>
<li style="text-align: justify;">
<h4>Gen Letal</h4>
</li>
</ul>
<p style="text-align: justify;">Gen letal adalah gen yang <strong>dapat menyebabkan kematian organisme jika terekspresi</strong>. Umumnya, gen ini bersifat tersembunyi dan hanya menimbulkan dampak pada kondisi tertentu.</p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/biologi-kelas-12-persilangan-monohibrid-dan-dihibrid-pada-hukum-mendel">Persilangan Monohibrid dan Dihibrid pada Hukum Mendel</a></strong></p>
<p> </p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f22243b6-eb20-4589-be2f-668dacf5d64b.png" alt="pengertian DNA" width="800" /></p>
<p> </p>
<h2><span style="font-size: 18pt;">Pengertian DNA dan Strukturnya</span></h2>
<p style="text-align: justify;"><em>Deoxyribonucleic Acid</em> atau yang disingkat DNA, adalah <strong>molekul asam nukleat</strong> yang berfungsi sebagai <strong>penyimpan informasi genetik</strong> pada setiap makhluk hidup. Molekul ini sering disebut sebagai “arsip utama” kehidupan, karena di dalamnya tersimpan instruksi lengkap untuk membentuk, mengatur, dan menjalankan seluruh fungsi sel.</p>
<p style="text-align: justify;">Bentuk DNA menyerupai tangga tali yang <strong>berpilin ganda</strong>, dikenal sebagai struktur <em>double helix</em>. Struktur ini tersusun dari <strong>gula deoksiribosa, gugus fosfat, serta basa nitrogen</strong> yang terdiri dari <strong>adenin (A), guanin (G), sitosin (C), dan timin (T)</strong>. DNA biasanya ditemukan di <strong>inti sel (nukleus)</strong>, tetapi juga terdapat di <strong>mitokondria</strong>.</p>
<p> </p>
<h2><span style="font-size: 18pt;">Ciri-Ciri DNA</span></h2>
<ul>
<li style="text-align: justify;">DNA tersusun atas dua untai yang saling berpilin membentuk struktur khas yang disebut heliks ganda (<em>double helix</em>).</li>
<li style="text-align: justify;">Komponen penyusunnya terdiri dari gula deoksiribosa, gugus fosfat, serta basa nitrogen berupa adenin (A), guanin (G), sitosin (C), dan timin (T).</li>
<li style="text-align: justify;">Lebih stabil, sehingga berfungsi sebagai penyimpan informasi genetik jangka panjang.</li>
<li style="text-align: justify;">Lokasinya terutama terdapat di dalam inti sel (nukleus), tetapi juga bisa ditemukan pada mitokondria dan kloroplas, khususnya pada sel tumbuhan.</li>
<li style="text-align: justify;">Salah satu keistimewaan DNA adalah kemampuannya untuk bereplikasi, yakni membuat salinan dirinya sendiri agar informasi genetik tetap terjaga saat sel membelah.</li>
</ul>
<p> </p>
<h2><span style="font-size: 18pt;">Fungsi DNA</span></h2>
<ul>
<li style="text-align: justify;"><strong>Menyimpan informasi genetik</strong>, DNA berfungsi sebagai “gudang data” yang menyimpan semua instruksi genetik dalam jangka waktu panjang, sehingga setiap sel tahu cara bekerja dan bereproduksi.</li>
<li style="text-align: justify;"><strong>Mewariskan informasi genetik</strong>, DNA dapat diwariskan dari satu generasi ke generasi berikutnya. Dengan cara ini, sifat dan karakteristik orang tua/induk dapat diturunkan pada keturunannya.</li>
<li style="text-align: justify;"><strong>Mengatur perkembangan organisme</strong>, sejak tahap zigot hingga menjadi individu dewasa, DNA mengatur proses pertumbuhan dan diferensiasi sel agar setiap sel berfungsi dengan baik.</li>
<li style="text-align: justify;"><strong>Mengatur metabolisme sel</strong>, DNA mengendalikan seluruh proses metabolisme yang terjadi di dalam sel, termasuk produksi enzim dan protein yang dibutuhkan tubuh.</li>
<li style="text-align: justify;"><strong>Mengatur ekspresi gen</strong>, DNA menentukan kapan suatu gen diaktifkan atau dinonaktifkan melalui mekanisme regulasi transkripsi. Dengan demikian, gen hanya bekerja pada waktu dan tempat yang tepat.</li>
<li style="text-align: justify;"><strong>Beradaptasi dengan lingkungan</strong>, DNA dapat mengalami perubahan (mutasi) yang memungkinkan organisme menyesuaikan diri dengan kondisi lingkungan yang berubah, sekaligus menjadi dasar terjadinya proses evolusi.</li>
</ul>
<p> </p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ae6d8b60-1813-4eb8-9e78-b341b216469a.png" alt="pengertian RNA" width="800" /></p>
<p> </p>
<h2><span style="font-size: 18pt;">Pengertian RNA dan Strukturnya</span></h2>
<p style="text-align: justify;">Berbeda dengan DNA, <em>Ribonucleic Acid</em> atau yang disingkat RNA, merupakan <strong>molekul polinukleotida</strong> yang umumnya <strong>berbentuk rantai tunggal dan lebih pendek</strong>. Walaupun <strong>tidak menyimpan informasi genetik jangka panjang</strong> seperti DNA, RNA memiliki peran yang tidak kalah penting, yaitu <strong>menyalin, membawa, dan menerjemahkan informasi genetik</strong> agar dapat <strong>diolah menjadi protein</strong>.</p>
<p style="text-align: justify;">Komponen RNA terdiri dari <strong>gula ribosa, gugus fosfat, dan basa nitrogen</strong> berupa <strong>adenin (A), guanin (G), sitosin (C), serta urasil (U)</strong> yang menggantikan timin pada DNA. RNA dapat ditemukan di berbagai bagian sel, seperti <strong>inti sel, sitoplasma, dan ribosom</strong>, yaitu tempat berlangsungnya <strong>sintesis protein</strong>.</p>
<p style="text-align: center;"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/b428bf4e-d876-4480-943d-6ed42eaef84f.jpg" alt="gambar DNA dan RNA" width="500" /></p>
<p style="text-align: center;"><span style="font-weight: 400;">Gambar struktur DNA dan RNA. (Sumber: pngtree.com)</span></p>
<p> </p>
<h2><span style="font-size: 18pt;">Ciri-Ciri RNA</span></h2>
<ul>
<li style="text-align: justify;">Hanya tersusun atas satu untai polinukleotida, sehingga strukturnya lebih sederhana.</li>
<li style="text-align: justify;">Rantai RNA jauh lebih pendek dari DNA, terbentuk dari ribonukleotida yang terdiri dari gula ribosa, gugus fosfat, serta basa nitrogen.</li>
<li style="text-align: justify;">Pada RNA, basa nitrogen yang digunakan adalah adenin (A), guanin (G), sitosin (C), dan urasil (U) yang menggantikan timin.</li>
<li style="text-align: justify;">RNA dapat ditemukan di inti sel, sitoplasma, hingga ribosom, tempat berlangsungnya proses sintesis protein.</li>
<li style="text-align: justify;">Jumlah RNA dalam sel dapat berubah-ubah sesuai dengan kebutuhan, terutama saat sel sedang aktif membentuk protein.</li>
<li style="text-align: justify;">RNA dapat dikategorikan menjadi RNA pendek dan RNA panjang berdasarkan panjang rantainya. RNA yang pendek berperan dalam berbagai proses regulasi genetik, sedangkan RNA panjang terdiri atas long non-coding RNA (lncRNA) yang berfungsi mengatur ekspresi gen, serta messenger RNA (mRNA) yang berperan membawa informasi dari DNA untuk diterjemahkan menjadi protein.</li>
</ul>
<p> </p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d42214cb-a69a-42bb-8f6d-8e00c7d51765.png" alt="basa nitrogen DNA dan RNA" width="500" /></p>
<p> </p>
<h2><span style="font-size: 18pt;">Fungsi RNA</span></h2>
<ul>
<li style="text-align: justify;"><strong>Menyampaikan informasi genetik</strong>, RNA bertugas membawa instruksi dari DNA di inti sel menuju ribosom, tempat terjadinya sintesis protein.</li>
<li style="text-align: justify;"><strong>Memilih dan membawa asam amino</strong>, RNA membantu memilih serta membawa asam amino yang diperlukan ke ribosom untuk disusun menjadi protein.</li>
<li style="text-align: justify;"><strong>Membentuk ribosom</strong>, RNA menyusun sekitar 50% dari struktur ribosom, sehingga sangat penting dalam proses produksi protein.</li>
<li style="text-align: justify;"><strong>Mengatur aktivitas gen</strong>, RNA berperan dalam mengendalikan aktivitas gen, baik saat perkembangan, diferensiasi sel, maupun ketika terjadi perubahan lingkungan.</li>
<li style="text-align: justify;"><strong>Mengkatalisis reaksi kimia</strong>, beberapa jenis RNA dapat mempercepat reaksi kimia, termasuk proses penggabungan asam amino menjadi protein.</li>
<li style="text-align: justify;"><strong>Menjaga stabilitas DNA</strong>, RNA juga berperan melindungi DNA dari kerusakan atau perubahan yang tidak diinginkan, sehingga informasi genetik tetap stabil.</li>
</ul>
<p> </p>
<h2><span style="font-size: 18pt;">Jenis-Jenis RNA</span></h2>
<p style="text-align: justify;">RNA terbagi menjadi tiga jenis. Ketiganya, bekerjasama agar informasi genetik dari DNA bisa diubah menjadi protein yang dibutuhkan tubuh.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">1. mRNA (messenger RNA)</span></h3>
<p style="text-align: justify;">mRNA sering disebut sebagai RNA pembawa pesan. Tugasnya adalah <strong>menyalin kode genetik dari DNA</strong> yang ada di inti sel, lalu <strong>membawanya ke ribosom</strong>. Kode ini ibarat “resep” yang nantinya akan diterjemahkan menjadi protein. Tanpa mRNA, ribosom tidak akan tahu protein apa yang harus dibuat.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">2. tRNA (transfer RNA)</span></h3>
<p style="text-align: justify;">Kalau tRNA ini, ibarat abang “kurir” yang membawa paket. Karena, fungsi tRNA adalah <strong>membawa asam amino</strong> (bahan dasar pembentuk protein) <strong>ke ribosom</strong>. Setiap tRNA hanya membawa satu jenis asam amino tertentu, dan akan menyesuaikan diri dengan kode yang dibawa mRNA. Dengan bantuan tRNA, ribosom bisa merangkai asam amino sesuai urutan yang benar.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">3. rRNA (ribosomal RNA)</span></h3>
<p style="text-align: justify;">rRNA adalah <strong>komponen utama ribosom</strong>, tempat pembuatan protein berlangsung. Sekitar setengah dari struktur ribosom tersusun dari rRNA. Selain menjadi bagian dari “mesin perakit protein” ini, rRNA juga bertindak sebagai <strong>katalisator</strong> yang <strong>mempercepat proses penggabungan asam amino</strong>.</p>
<p> </p>
<h2><span style="font-size: 18pt;">Apa Hubungan DNA dengan RNA?</span></h2>
<p style="text-align: justify;">DNA dan RNA itu bisa kita ibaratkan seperti penulis dan penerjemah. DNA bertindak sebagai penyimpan informasi genetik yang lengkap, sementara RNA menjadi perantara yang membawa salinan informasi tersebut keluar dari inti sel untuk kemudian diterjemahkan menjadi protein.</p>
<p style="text-align: justify;">Tanpa RNA, DNA tidak akan mampu mengekspresikan kode genetiknya secara nyata. Sebaliknya, tanpa DNA, RNA tidak akan memiliki sumber informasi. Kolaborasi keduanya, membuat setiap makhluk hidup dapat tumbuh, berkembang, dan mewariskan sifat genetik kepada keturunannya.</p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/biologi-kelas-12-penyimpangan-semu-hukum-mendel">5 Macam Penyimpangan Semu Hukum Mendel</a> </strong></p>
<p> </p>
<h2><span style="font-size: 18pt;">Apa Perbedaan DNA dan RNA?</span></h2>
<p style="text-align: justify;">Nah, meskipun DNA dan RNA ini saling berhubungan, bukan berarti keduanya sama ya. Supaya kamu lebih mudah memahami perbedaan antara DNA dan RNA, yuk perhatikan tabel di bawah ini!</p>
<table style="border-collapse: collapse; width: 100%;">
<tbody>
<tr>
<td style="width: 17.462%;"></td>
<td style="width: 41.9904%; text-align: center;"><strong>DNA</strong></td>
<td style="width: 40.5475%; text-align: center;"><strong>RNA</strong></td>
</tr>
<tr>
<td style="width: 17.462%;">Struktur</td>
<td style="width: 41.9904%;">Heliks ganda (double helix) yang menyerupai tangga spiral</td>
<td style="width: 40.5475%;">Untai tunggal dan tidak berpilin</td>
</tr>
<tr>
<td style="width: 17.462%;">Gula pentosa</td>
<td style="width: 41.9904%;">Deoksiribosa</td>
<td style="width: 40.5475%;">Ribosa</td>
</tr>
<tr>
<td style="width: 17.462%;">Basa nitrogen</td>
<td style="width: 41.9904%;"><span style="font-weight: 400;">Adenin (A), guanin (G), sitosin (C), dan timin (T)</span></td>
<td style="width: 40.5475%;"><span style="font-weight: 400;">Adenin (A), guanin (G), sitosin (C), dan urasil (U)</span></td>
</tr>
<tr>
<td style="width: 17.462%;">Lokasi dalam sel</td>
<td style="width: 41.9904%;">Inti sel dan mitokondria</td>
<td style="width: 40.5475%;"><span style="font-weight: 400;">Inti sel, sitoplasma, dan ribosom</span></td>
</tr>
<tr>
<td style="width: 17.462%;">Fungsi</td>
<td style="width: 41.9904%;"><span style="font-weight: 400;">Menyimpan informasi genetik yang diwariskan</span></td>
<td style="width: 40.5475%;"><span style="font-weight: 400;">Mentranskripsi dan menerjemahkan informasi genetik untuk sintesis protein</span></td>
</tr>
</tbody>
</table>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Terakhir, kita bahas tentang kromosom, ya! Kalo dari strukturnya, k</span><span style="font-weight: 400;">romosom itu merupakan unit materi genetik terbesar. <span style="background-color: transparent;">Berbagai jenis DNA dan RNA bergabung untuk membentuk gen, kemudian gen-gen tersebut bergabung untuk membentuk kromosom</span>. Biar makin paham, kita kupas lebih lanjut tentang kromosom, yuk!</span></p>
<p> </p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/5e27d457-7ebf-43ac-897f-4048b3ea2005.png" alt="pengertian kromosom" width="800" /></p>
<p> </p>
<h2><span style="font-size: 18pt;">Pengertian Kromosom</span></h2>
<p style="text-align: justify;">Kromosom adalah struktur kecil berbentuk benang yang terdapat di dalam inti sel. Bisa dibilang, kromosom adalah tempat yang menyimpan informasi genetik makhluk hidup. Kromosom terbentuk dari <span style="font-weight: bold;">penebalan benang-benang kromatin ketika pembelahan sel terjadi</span>.</p>
<p> </p>
<h2><span style="font-size: 18pt;">Struktur Kromosom</span></h2>
<p style="text-align: justify;">Kromosom disusun oleh <strong>asam nukleat dan protein</strong>. Oh iya, kromosom itu punya beberapa bagian yang berbeda. Setiap kromosom terdiri atas <strong>dua lengan</strong>, yaitu lengan p (lengan pendek) dan lengan q (lengan panjang). Kedua lengan ini dihubungkan oleh bagian yang disebut <strong>sentromer</strong>. <strong>Sentromer</strong> adalah pusat kromosom dan tempat melekatnya benang-benang spindle. Fungsinya seperti pengikat yang menjaga kromosom tetap stabil saat sel membelah.</p>
<p style="text-align: justify;">Eh, tapi kamu tahu nggak, benang spindle itu apa? <strong>Benang spindle</strong> ini bagian yang berfungsi untuk <strong>menghubungkan sentriol pada saat pembelahan sel</strong> dan untuk menarik kromosom menuju kutub yang berlawanan pada saat pembelahan sel.</p>
<p style="text-align: justify;">Oke, selanjutnya ada kinetokor. <strong>Kinetokor</strong> sebenarnya masih bagian dari sentromer. Benang-benang spindle melekat pada kinetokor selama masa pembelahan. Bagian yang lain, yaitu <strong>kromatid</strong>, merupakan salah satu dari dua lengan yang merupakan <strong>hasil replikasi kromosom</strong>.</p>
<p style="text-align: justify;">Selain itu, di ujung-ujung kromosom terdapat <strong>telomer</strong>, yaitu <strong>struktur pelindung yang mencegah DNA rusak</strong> atau saling menempel dengan kromosom lain.</p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/271863f6-d21c-4537-bfa1-15419198944c.jpeg" alt="bagian bagian kromosom" width="400" /></p>
<p style="text-align: center;"><span style="font-weight: 400;">Gambar bagian-bagian kromosom. (Sumber: detik.net.id)</span></p>
<p> </p>
<h2><span style="font-size: 18pt;">Ciri-Ciri Kromosom</span></h2>
<p style="text-align: justify;">Berikut beberapa ciri penting kromosom yang perlu kamu tahu:</p>
<ul>
<li style="text-align: justify;">
<h3><span style="font-size: 14pt;">Tersusun dari DNA dan protein</span></h3>
</li>
</ul>
<p style="text-align: justify;">Kromosom dibentuk oleh rantai DNA yang sangat panjang. Agar tidak kusut, DNA ini dililitkan pada protein khusus yang disebut histon.</p>
<ul>
<li style="text-align: justify;">
<h3><span style="font-size: 14pt;">Bentuk padat dan rapat</span></h3>
</li>
</ul>
<p style="text-align: justify;">Saat diamati dengan mikroskop, kromosom terlihat seperti benang-benang rapat yang melingkar. Bentuk padat ini muncul karena DNA digulung berkali-kali, sehingga ukurannya bisa dipadatkan. Nah, saat sel akan membelah, kromosom akan menjadi semakin rapat dan mudah terlihat.</p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/biologi-kelas-12-apa-itu-meiosis">Proses Pembelahan Meiosis, Apa Bedanya dengan Mitosis?</a></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;">Fungsi Kromosom</span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Beberapa fungsi kromosom antara lain sebagai berikut:</span></p>
<ul>
<li style="font-weight: 400; text-align: justify;" aria-level="1"><span style="font-weight: 400;">Membawa sifat keturunan.</span></li>
<li style="font-weight: 400; text-align: justify;" aria-level="1"><span style="font-weight: 400;">Kromosom membawa DNA yang berisi informasi genetik dari orang tua. Informasi genetik ini menentukan ciri fisik dan sifat spesifik individu, seperti warna mata, jenis rambut, dan tinggi badan. </span></li>
<li style="font-weight: 400; text-align: justify;" aria-level="1"><span style="font-weight: 400;">Menentukan jenis kelamin.</span></li>
<li style="font-weight: 400; text-align: justify;" aria-level="1"><span style="font-weight: 400;">Kromosom seks (gonosom) menentukan jenis kelamin individu. Pada manusia, kromosom X dan Y menentukan jenis kelamin. </span></li>
<li style="font-weight: 400; text-align: justify;" aria-level="1"><span style="font-weight: 400;">Memastikan pembelahan sel yang akurat.</span></li>
<li style="font-weight: 400; text-align: justify;" aria-level="1"><span style="font-weight: 400;">Kromosom berperan dalam proses pembelahan sel untuk mengganti sel lama yang rusak dengan sel baru. Kromosom memastikan bahwa DNA disalin dan didistribusikan secara akurat ke sel-sel baru. </span></li>
<li style="font-weight: 400; text-align: justify;" aria-level="1"><span style="font-weight: 400;">Menjaga keberlanjutan kehidupan sel dan organisme.</span></li>
<li style="font-weight: 400; text-align: justify;" aria-level="1"><span style="font-weight: 400;">Kromosom berperan dalam proses replikasi DNA, transkripsi genetik, dan sintesis protein. </span></li>
</ul>
<p> </p>
<h2><span style="font-size: 18pt;">Jenis-Jenis Kromosom</span></h2>
<p style="text-align: justify;">Kamu tau nggak sih, kromosom itu bentuknya ada banyak, lho! Ada 4 bentuk kromosom, yaitu telosentrik, metasentrik, submetasentrik, dan akrosentrik. <strong>Kromosom telosentrik</strong> hanya memiliki 1 lengan dengan sentromer yang terletak di ujung. Sedangkan <strong>kromosom metasentrik</strong> memiliki 2 lengan sama panjang dengan sentromer yang terletak di tengah. Sentromernya metasentrik ini berbentuk V, ya!</p>
<p style="text-align: justify;">Lalu kalau submetasentrik itu seperti apa, ya? <strong>Kromosom submetasentrik</strong> memiliki kedua lengan yang hampir sama panjang, dengan sentromer yang terletak hampir di tengah. Bentuknya juga V gitu. Sedangkan <strong>kromosom akrosentrik</strong> memiliki 2 lengan yang tidak sama panjang, dengan sentromer yang berada dekat ujung bagian kromosomnya.</p>
<p><img decoding="async" style="width: 600px; display: block; margin-left: auto; margin-right: auto;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/WhatsApp%20Image%202018-07-03%20at%2011.13.54%20AM.jpeg" alt="Gen, DNA, dan Kromosom" width="600" /></p>
<p style="text-align: center;">Macam-macam Kromosom (Sumber: bioninja.au)</p>
<p> </p>
<h2><span style="font-size: 18pt;">Jumlah Kromosom pada Manusia</span></h2>
<p style="text-align: justify;">Berdasarkan fungsinya, kromosom manusia terbagi menjadi dua jenis. Pertama adalah <strong>autosom</strong>, yaitu kromosom tubuh yang <strong>mengatur berbagai sifat fisik dan fungsi tubuh</strong>, seperti warna mata, bentuk rambut, atau tinggi badan. Kedua adalah <strong>gonosom</strong>, yaitu <strong>kromosom seks yang menentukan jenis kelamin seseorang</strong>.</p>
<p style="text-align: justify;">Jumlah kromosom pada manusia adalah <strong>46 buah atau 23 pasang</strong>. Dari jumlah tersebut, <strong>22 pasang adalah autosom dan 1 pasang adalah gonosom</strong>. Susunan gonosom berbeda antara laki-laki dan perempuan. <strong>Perempuan</strong> memiliki <strong>dua kromosom</strong> <strong>X (XX)</strong>, sedangkan <strong>laki-laki</strong> memiliki <strong>satu kromosom X dan satu kromosom Y (XY)</strong>. Kombinasi inilah yang nantinya menentukan jenis kelamin bayi ketika proses pembuahan terjadi.</p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/penentuan-jenis-kelamin-pada-makhluk-hidup">Penentuan Jenis Kelamin pada Makhluk Hidup</a></strong></p>
<p style="text-align: justify;">Semoga kamu bisa lebih paham tentang gen, DNA, RNA, dan kromosom setelah membaca artikel ini, ya! Mempelajari materi genetik dan pewarisan sifat memang sangat menyenangkan dan bisa bikin penasaran. Kalau kamu masih penasaran dan ingin tahu lebih lanjut soal gen, DNA, RNA, dan kromosom, kamu bisa nonton video belajar beranimasi di <strong><a href="https://www.ruangguru.com/ruangbelajar" target="_blank" rel="noopener">ruangbelajar</a></strong>! Videonya sangat informatif dan ngebantu kamu belajar banget, lho. Kuy, <em>download</em> sekarang!</p>
<p><a href="https://bayar.ruangguru.com/"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e3260f88-1749-4d3b-8973-be3aae07a94c.jpg" alt="CTA Ruangguru" /></a></p>
<p><span style="background-color: transparent;"><strong>Referensi: </strong></span></p>
<p><span style="background-color: transparent;">Irnaningtyas. (2018). Biologi untuk SMA/MA Kelas XII. Jakarta: Penerbit Erlangga.</span></p>
<p>https://www.scribd.com/presentation/595826157/Materi-Genetik-Untuk-Kelas-XII (Diakses ada 27 Februari 2025)</p>
<p><span style="background-color: transparent;"><strong>Sumber Foto: </strong></span></p>
<p>Foto ‘Ilustrasi Gen’ [daring], Tautan: https://news.yale.edu/2013/11/21/follow-genes-yale-team-finds-clues-origin-autism</p>
<p>Foto ‘Macam-macam kromosom’ [daring], Tautan: https://ib.bioninja.com.au/standard-level/topic-3-genetics/32-chromosomes/chromosome-types.html</p>
<p>https://quizlet.com/336227571/dna-structure-and-function-diagram/ (Diakses pada 27 Februari 2025)</p>
<p>https://bskdn.kemendagri.go.id/website/wp-content/uploads/2018/03/gen1.jpg (Diakses pada 27 Februari 2025)</p>
<p>https://quizlet.com/336227571/dna-structure-and-function-diagram/ (Diakses pada 27 Februari 2025)</p>
<p>http://repository.unand.ac.id/19043/1/Bahan%20Ajar%20Biotek%20Perlintan.pdf (Diakses pada 27 Februari 2025)</p>
<p>https://png.pngtree.com/background/20241207/original/pngtree-vector-illustration-educational-infographic-depicting-the-molecular-structures-of-dna-and-picture-image_11531701.jpg (Diakses pada 27 Februari 2025)</p>
<p>https://awsimages.detik.net.id/community/media/visual/2022/12/03/kromosom.jpeg?w=376 (Diakses pada 27 Februari 2025)</p>
</div>
<div class="content-meta-tags">
<a href="https://www.ruangguru.com/blog/tag/kelas-12" rel="tag">Kelas 12</a> <a href="https://www.ruangguru.com/blog/tag/konsep-pelajaran" rel="tag">Konsep Pelajaran</a> <a href="https://www.ruangguru.com/blog/tag/sma" rel="tag">SMA</a> </div>
</div>
<div class="author-post">
<img loading="lazy" class="author-avatar" width="64px" height="64px" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/5196bc4b-168b-4b6f-8c46-cb076ca8b451.png">
<div>
<h5 class="author-title">Kenya Swawikanti</h5>
<p class="author-description"></p>
</div>
</div> <div class="share-post">
<p>Bagikan artikel ini:</p>
<ul class="socmed">
<li>
<a target="_blank" href="https://api.whatsapp.com/send?phone=&text=Belajar Materi Genetik: Gen, DNA, RNA & Kromosom | Biologi Kelas 12%0D%0A%0D%0Ahttps://www.ruangguru.com/blog/biologi-kelas-12-mengenal-gen-dna-dan-kromosom"><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/biologi-kelas-12-mengenal-gen-dna-dan-kromosom&quote=Belajar Materi Genetik: Gen, DNA, RNA & Kromosom | Biologi Kelas 12"> <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=Belajar Materi Genetik: Gen, DNA, RNA & Kromosom | Biologi Kelas 12&url=https://www.ruangguru.com/blog/biologi-kelas-12-mengenal-gen-dna-dan-kromosom"> <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/biologi-kelas-12-mengenal-gen-dna-dan-kromosom&title=Belajar Materi Genetik: Gen, DNA, RNA & Kromosom | Biologi Kelas 12"><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 = 9628;
const tags_id = [76,10,37];
const category_id = 506;
const sub_category_id = 512;
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>