Artikel Bahasa Inggris kelas 10 ini akan membahas tentang apa itu Fractured Story mulai dari pengertian hingga contoh Fractured Story. Mari kita simak bersama-sama penjelasannya di sini!
—
Kamu pernah dengar tentang fractured story? Atau mungkin kamu bertanya-tanya, apa itu fractured story? Nah, kalau kamu suka baca cerita atau nonton film yang punya alur unik dan nggak biasa, fractured story bisa jadi salah satu jenis cerita yang bakal bikin kamu penasaran.
Kalau kamu anak kelas 10 dan menggunakan kurikulum merdeka, materi fractured story memang akan kamu pelajari. Tapi, apa sih fractured story itu?
Pengertian Fractured Story
Fractured story adalah jenis cerita yang mengubah atau memodifikasi cerita yang sudah ada, seperti dongeng, legenda, atau kisah klasik, dengan cara yang tidak biasa.
Misalnya, cerita Cinderella yang biasanya berakhir bahagia, bisa diubah jadi cerita horor atau komedi. Intinya, fractured story itu seperti “memecah” cerita lama dan menyusunnya kembali dengan gaya baru ya guys.
Fractured story ini nggak cuma seru buat dibaca, tapi juga bisa bikin kamu berpikir kreatif. Kamu bisa belajar bagaimana mengubah sudut pandang cerita atau menambahkan twist yang nggak terduga.
Jadi, dalam Fractured story, jenis cerita yang diambil alur atau karakter dari cerita yang sudah dikenal, lalu mengubahnya dengan cara yang unik dan kreatif.
Cerita ini bisa mengubah sudut pandang, menambahkan elemen baru, atau bahkan mengubah genre cerita aslinya. Misalnya, cerita Snow White yang biasanya romantis, bisa diubah jadi cerita petualangan seru.
Biasanya, fractured story sering digunakan untuk memberikan nuansa baru pada cerita-cerita klasik yang sudah sering didengar. Tujuannya adalah untuk membuat cerita tersebut lebih menarik dan relevan dengan zaman sekarang.
Jadi, fractured story bukan sekadar menjiplak cerita lama, tapi juga memberikan sentuhan kreatif yang bikin cerita itu jadi fresh.
Selain itu, fractured story juga bisa menjadi media untuk menyampaikan pesan atau kritik sosial dengan cara yang lebih ringan dan menghibur. Misalnya, cerita Little Red Riding Hood bisa diubah untuk menyoroti isu keamanan di lingkungan sekitar. Dengan begitu, cerita ini nggak cuma menghibur, tapi juga punya nilai edukasi.
Fractured story ternyata punya beberapa jenis lho!
Pertama, ada fractured fairy tales, yaitu cerita dongeng yang diubah dengan twist baru. Misalnya, cerita Rapunzel yang biasanya berakhir bahagia, bisa diubah jadi cerita thriller dengan ending yang mengejutkan.
Kedua, ada fractured myths, yaitu cerita mitos atau legenda yang dimodifikasi. Contohnya, cerita Dewi Sri dalam mitologi Jawa bisa diubah dengan menambahkan elemen fantasi modern.
Jadi, fractured story nggak cuma terbatas pada dongeng, tapi juga bisa mencakup cerita-cerita legenda dari berbagai budaya.
Baca Juga: 10 Contoh Dongeng Singkat yang Menarik dan Penuh Pesan Moral
—
Eits, sebelum liat contoh-contoh dari fractured story, misal kamu tertarik lebih dalam dengan materi Bahasa Inggris nih, kamu boleh loh belajar langsung bareng tutor yang keren-keren dari Ruangguru Privat Bahasa Inggris!
Belajar nggak cuma menyenangkan, tapi kamu juga bakal diajari konsepnya sampai paham! Para pengajar di Ruangguru Privat juga sudah terstandarisasi kualitasnya, loh. Kamu juga bisa pilih nih, mau diajarkan secara langsung (offline) atau daring (online). Fleksibel, kan? Untuk info lebih lanjut, cuss klik link berikut!
Contoh Fractured Story
Guys, salah satu contoh fractured story yang terkenal adalah film “Shrek“. Film ini mengambil karakter dan elemen dari berbagai dongeng klasik, seperti Cinderella, Sleeping Beauty, dan Pinocchio, lalu mengubahnya menjadi cerita komedi yang lucu dan menghibur.
Shrek sendiri adalah karakter ogre yang biasanya jadi antagonis dalam dongeng, tapi di film ini dia jadi protagonis yang baik hati. Nah, ini adalah contoh sempurna dari fractured story!
1. Fractured Story By Rapunzel
Rapunzel: The Not-So-Tangled Tale
Orientation
Once upon a time, in a kingdom where fairy tales often went off-script, there lived a girl named Rapunzel. But this wasn’t the classic story of a princess locked in a tower with magical hair. Oh no, this Rapunzel was a tech-savvy influencer who lived in a high-rise apartment with a killer Wi-Fi connection. Her “tower” was actually a penthouse suite, and her “magical hair” was just a really good hair extension brand she promoted on social media. Life was good—until her overbearing landlord, Mother Gothel, decided to raise the rent by 300%.
Complication
Mother Gothel, who was less of a witch and more of a greedy real estate mogul, refused to let Rapunzel leave the penthouse unless she paid the outrageous rent. Rapunzel, however, wasn’t about to give up her luxurious lifestyle. She tried to negotiate, but Gothel wasn’t having it. “You can either pay up, or I’ll cut the Wi-Fi!” Gothel threatened. Rapunzel panicked—no Wi-Fi meant no Instagram, no TikTok, and no sponsorships. She had to think fast.
Resolution
Rapunzel hatched a plan. Using her social media skills, she launched a viral campaign called #FreeRapunzel, exposing Gothel’s shady business practices. Her followers rallied behind her, and soon the story was trending worldwide. Gothel, overwhelmed by the bad publicity, had no choice but to back down. She lowered the rent and even offered Rapunzel a lifetime discount. Rapunzel, now a hero to renters everywhere, continued to live her best life in the penthouse, posting selfies and inspiring her followers to stand up to injustice
Rapunzel didn’t need a prince or a magical escape. She used her wit, creativity, and social media savvy to outsmart her landlord and secure her freedom. And as for Mother Gothel? She learned the hard way that you don’t mess with a girl who has 10 million followers.
2. Fractured Story of Timun Mas
Timun Mas: The Not-So-Magical Adventure
Orientation
Once upon a time, in a small, quirky village, there lived a girl named Timun Mas and her mother, who ran a struggling cucumber farm. One day, while scrolling through her phone, Timun Mas stumbled upon an ad for a “magical cucumber seed” guaranteed to grow the biggest, juiciest cucumbers ever. Desperate to save their farm, she ordered the seed online. When it arrived, she planted it with high hopes, dreaming of fame and fortune.
Complication
The next morning, Timun Mas woke up to find a giant cucumber plant towering over their farm. But instead of joy, chaos ensued. The plant grew so big that it blocked the sun, crushed their neighbor’s chicken coop, and even knocked over the village’s only Wi-Fi tower. To make matters worse, a giant—who was actually a disgruntled food critic—showed up, claiming the cucumber was his. “I ordered that seed too, and it was supposed to be for my gourmet salad!” he roared. He threatened to sue Timun Mas for copyright infringement unless she handed over the cucumber.
Resolution
Timun Mas, quick on her feet, remembered a pouch of random seeds her mom kept in the kitchen. She threw the seeds at the giant, hoping for a miracle. Instead of magic, the seeds turned out to be chili peppers, which made the giant sneeze uncontrollably. While he was distracted, Timun Mas hacked into his phone and deleted his negative Yelp reviews about their farm. The giant, realizing he’d been outsmarted, left in a huff. Timun Mas and her mom chopped down the giant cucumber and turned it into pickles, which became a viral sensation online. Their farm was saved, and they even started a pickle empire.
Timun Mas didn’t need magic to save the day—just a little creativity and a lot of chili peppers. The giant eventually apologized and became their pickle distributor, and the village got their Wi-Fi back. As for the magical seed? It turned out to be a scam, but Timun Mas didn’t mind. She had already moved on to her next big idea: cucumber-flavored ice cream.
3. Fractured Story of Cinderella
Cinderella: The Glass Slipper Glitch
Orientation
Once upon a time, in a kingdom where fairy tales were more chaotic than charming, there lived a girl named Cinderella. But this wasn’t the classic rags-to-riches story you know. This Cinderella was a tech genius who spent her days fixing gadgets and dreaming of becoming a famous inventor. Her stepmother and stepsisters? They were social media influencers who forced her to be their unpaid IT support. “Cinderella, fix my laptop!” “Cinderella, why is my TikTok not working?” It was a nightmare.
Complication
One day, an invitation arrived for the kingdom’s annual Tech Expo, where the winner would get a chance to pitch their invention to the king. Cinderella was thrilled—this was her big break! But her stepmother, determined to keep her as their personal tech support, locked her in the basement and took the invitation for herself. “You’re not going anywhere, Cinderella. Who’s going to fix my Wi-Fi when it crashes?”
Resolution
Just when Cinderella thought all hope was lost, her pet robot mouse, Gus, hacked into the stepmother’s phone and sent a message to the king’s son, Prince Programmer. The prince, a coding prodigy, was intrigued by the mysterious message and tracked it back to Cinderella’s basement. He arrived just in time to rescue her, but instead of a glass slipper, Cinderella left behind her custom-designed USB drive. The prince, impressed by her coding skills, used the USB to find her.
Cinderella didn’t need a fairy godmother or a fancy dress to win the prince’s heart—she just needed her brain and a USB drive. She won the Tech Expo with her invention, a self-cleaning house robot, and her stepfamily was forced to apologize after their Wi-Fi mysteriously stopped working. As for Prince Programmer? He and Cinderella became the ultimate tech power couple, ruling the kingdom with innovation and a killer Wi-Fi network.
4. Fractured Story of Three Little Pig
The Three Little Pigs: The Housing Crisis
Orientation
Once upon a time, in a bustling suburban neighborhood, there lived three little pigs who were tired of living in their parents’ cramped sty. They decided it was time to move out and build their own homes. The first pig, Larry, was a minimalist who believed in living off the grid. The second pig, Carl, was a DIY enthusiast with a love for IKEA furniture. The third pig, Percy, was a tech-savvy architect with a passion for smart homes. Each pig had a very different idea of what their dream home should look like.
Complication
Larry built his house out of straw, claiming it was eco-friendly and sustainable. Carl opted for a house made of sticks, which he assembled using an online tutorial. Percy, on the other hand, built a high-tech house made of bricks, complete with solar panels, a security system, and voice-activated appliances. Everything was going well until the Big Bad Wolf, who was actually a real estate developer, showed up. He wanted to buy their land to build a luxury condo complex. When the pigs refused to sell, the wolf decided to “persuade” them.
Resolution
The wolf huffed and puffed and blew down Larry’s straw house in seconds. Larry ran to Carl’s stick house, but the wolf blew that down too. The two pigs then fled to Percy’s brick house, where they thought they’d be safe. The wolf tried to blow it down, but the house was too sturdy. Frustrated, the wolf tried to hack into Percy’s smart home system, but Percy had installed top-notch cybersecurity. The wolf’s attempts triggered the house’s defense mechanisms, and he was sprayed with water from the sprinkler system. Humiliated, the wolf ran away, vowing to stick to developing less stubborn properties.
The three little pigs learned the importance of teamwork and good construction. Larry and Carl moved into Percy’s brick house, which they upgraded with eco-friendly features and DIY decor. The wolf, meanwhile, became a motivational speaker, giving talks on the dangers of cutting corners in real estate. And the pigs? They lived happily ever after, hosting home improvement shows on PigTube.
5. Fractured Story of Red Riding Hood
Red Riding Hood: The Delivery Disaster
Orientation
Once upon a time, in a modern-day forest town, there lived a girl named Red Riding Hood. But this wasn’t the classic tale of a girl visiting her grandma. Red was a delivery driver for “Hood Express,” a company known for its speedy service. One day, her boss assigned her to deliver a basket of organic goodies to her grandmother, who lived on the other side of the forest. “Don’t take shortcuts, and don’t talk to strangers!” her boss warned. But Red, always in a hurry, decided to ignore the advice.
Complication
As Red zoomed through the forest on her electric scooter, she ran into a shady character named Wolfie, who claimed to be a travel blogger. Wolfie offered to show her a “faster route” to her grandma’s house. Red, eager to meet her delivery deadline, agreed. Little did she know, Wolfie was actually a scam artist who wanted to steal her delivery basket. He took her on a wild detour, leaving her lost in the woods while he raced ahead to grandma’s house.
Resolution
When Red finally arrived at her grandma’s house, she found Wolfie dressed in her grandma’s clothes, pretending to be her. “What big eyes you have!” Red said, suspiciously. “All the better to see my Instagram followers,” Wolfie replied, snapping a selfie. Red quickly realized something was wrong and activated the GPS tracker on her delivery basket. Within minutes, the forest rangers arrived and arrested Wolfie for theft and impersonation. Red’s grandma, who had been napping in the backyard the whole time, was unharmed.
Red learned her lesson about taking shortcuts and trusting strangers. She became a local hero for outsmarting Wolfie and even got a promotion at Hood Express. As for Wolfie, he was sentenced to community service, teaching kids about internet safety. And grandma? She started her own YouTube channel, sharing her famous organic recipes with the world.
6. Fractured Story of Thumbelina
Thumbelina: The Tiny Troubles
Orientation
Once upon a time, in a world where size didn’t matter but attitude did, there lived a tiny girl named Thumbelina. But this wasn’t the classic fairy tale you remember. Thumbelina wasn’t born from a magical flower—she was the result of a science experiment gone hilariously wrong. A clumsy scientist named Dr. Mini accidentally shrunk her while testing his “Shrink Ray 3000.” At first, Thumbelina was annoyed, but she quickly realized being tiny had its perks. “No more chores! No more school! I can live in a teacup!” she declared.
Complication
Thumbelina’s tiny life took a turn when she was discovered by Felicia the Frog, a wannabe reality TV star. Felicia thought Thumbelina would be the perfect addition to her show, Frog Life. “Imagine the ratings! A tiny human living in my lily pad!” Felicia exclaimed. Thumbelina, however, had no interest in being a reality TV star and escaped by hitching a ride on a passing bumblebee. But her troubles didn’t end there—she soon stumbled upon Marvin the Mole, a conspiracy theorist who believed the surface world was a myth and tried to convince her to stay underground forever.
Resolution
Thumbelina, tired of being chased and manipulated, decided to take control of her own destiny. She teamed up with Steve the Swallow, a sarcastic delivery bird who worked for “Wing It Express.” Together, they outsmarted Felicia and Marvin, using Steve’s quick wit and Thumbelina’s tiny but mighty brain. In the end, Thumbelina found a cozy home in a flower garden, where she started her own business organizing tiny weddings and bumblebee races.
Thumbelina didn’t need a prince or a fairy tale ending. She became a successful entrepreneur, proving that even the smallest person can make a big impact. As for Dr. Mini, he finally perfected his Shrink Ray 3000—but Thumbelina decided to stay small. After all, life was much more fun when you could ride bumblebees and outwit frogs.
7. Fractured Story of Snow White
Snow White: The Social Media Queen
Orientation
Once upon a time, in a kingdom obsessed with likes and followers, there lived a girl named Snow White. But this wasn’t the classic tale of a princess fleeing an evil queen. Snow White was a social media influencer with millions of followers, known for her flawless selfies and #OOTD posts. Her stepmother, Queen Elvira, wasn’t evil—just extremely jealous of Snow White’s online popularity. “How does she get so many likes?!” the Queen would scream, refreshing her own mediocre feed.
Complication
One day, Queen Elvira decided enough was enough. She hired a shady hacker to take down Snow White’s accounts. But instead of deleting them, the hacker accidentally sent Snow White into a viral spiral. Her posts started getting millions of views overnight, and brands were lining up to sponsor her. Furious, the Queen decided to take matters into her own hands. She tricked Snow White into trying a “new skincare product” that was actually a sleeping potion. Snow White fell into a deep sleep, and her followers were devastated.
Resolution
Snow White’s seven roommates—Netflix, Snackzilla, Procrastinator, GymBro, Gamer, TikToker, and Napper—were determined to wake her up. They tried everything: loud music, TikTok dances, even a jalapeño-eating contest. Finally, they realized the only way to break the spell was to get Snow White’s account trending again. They posted a dramatic video of her “sleeping beauty” moment, and it went viral instantly. The surge of notifications woke Snow White up, and her followers celebrated her return.
Snow White didn’t need a prince to save her—she had her loyal followers and her quirky roommates. She exposed Queen Elvira’s shady tactics, and the Queen was forced to apologize in a tearful livestream. Snow White’s popularity soared even higher, and she used her platform to promote kindness and authenticity. As for the roommates? They became social media stars too, launching their own channel called Seven Dudes and a Princess.
8. Fractured Story of Sangkuriang
Sangkuriang: The Mountain Mix-Up
Orientation
Once upon a time, in a quirky version of West Java, there lived a young man named Sangkuriang. But this wasn’t the classic legend you’ve heard. Sangkuriang was a laid-back surfer dude who spent his days catching waves and avoiding responsibilities. His mom, Dayang Sumbi, was a tech-savvy entrepreneur who ran a successful online pottery business. She was constantly nagging him to get a job, but Sangkuriang just wanted to live his best beach life.
Complication
One day, Dayang Sumbi decided enough was enough. She challenged Sangkuriang to build a dam to solve the village’s water crisis—by sunrise. If he succeeded, she’d stop nagging him; if he failed, he’d have to get a real job. Sangkuriang, confident in his surfing skills but clueless about construction, accepted the challenge. He recruited his surfer buddies to help, but they spent more time taking selfies than building the dam. As the deadline approached, Sangkuriang realized he was in way over his head.
Resolution
Desperate, Sangkuriang tried to use his mom’s pottery supplies to build the dam. He accidentally mixed the clay with magic fertilizer (don’t ask how he got it), and the dam started growing uncontrollably. By morning, it had turned into a massive mountain, blocking the entire village. Dayang Sumbi was furious but impressed by her son’s creativity. She decided to turn the mountain into a tourist attraction, complete with a surfing lagoon and Instagram-worthy photo spots.
Epilogue
Sangkuriang didn’t get a traditional job, but he became the face of the new mountain resort, promoting it on social media as “Sangkuriang’s Surf & Summit.” Dayang Sumbi’s pottery business boomed thanks to the tourists, and she finally stopped nagging him. As for the mountain? It became a symbol of how even the biggest mistakes can turn into something amazing.
9. Fractured Story of Malin Kundang
Malin Kundang: The Rockstar’s Regret
Orientation
Once upon a time, in a coastal village in Indonesia, there lived a young man named Malin Kundang. But this wasn’t the classic tale of a son who turned into stone. Malin was a wannabe rockstar who dreamed of fame and fortune. He left his humble fishing village to pursue his music career, promising his mom he’d return as a superstar. His mom, a hardworking fish seller, supported him but warned, “Don’t forget where you came from, Malin!”
Complication
Years later, Malin became a famous rockstar, known for his hit song “Ocean of Regret.” He had everything—fame, money, and a flashy yacht—but he also developed a massive ego. When he finally returned to his village for a concert, he pretended not to recognize his mom, who was selling fish in the crowd. “Who’s that old lady? I don’t know her,” he told his fans. His mom, heartbroken, cursed him under her breath, “If you’re too cool for your mom, maybe you should be as cold as stone!”
Resolution
During his concert, Malin’s yacht mysteriously turned into a giant rock, trapping him on stage. The crowd, thinking it was part of the show, cheered wildly. But Malin realized this was no special effect—it was his mom’s curse coming true. He begged for forgiveness, singing an emotional ballad about his mistakes. His mom, moved by his sincerity, lifted the curse, but only after making him promise to help rebuild the village and donate his concert earnings to local fishermen.
Malin learned his lesson and used his fame to give back to his community. He even wrote a new hit song called “Mom’s Fish Stall,” which became an anthem for humility and gratitude. As for his mom? She became a local celebrity, selling autographed fish and telling everyone, “That’s my son, the rockstar who almost turned into a rock!”
—
Guys, setelah membaca artikel ini, apakah kamu sudah mengerti apa itu fractured story? Kalau iya, kamu pasti sadar bahwa cerita ini nggak cuma seru buat dibaca atau ditonton, tapi juga bisa mengasah kreativitas dalam bercerita. Jadi, tertarik untuk mencoba membuat fractured story versimu sendiri?
Itulah penjelasan tentang fractured story. Kalau kamu ingin belajar lebih banyak tentang cara menulis cerita kreatif atau materi pelajaran lainnya, jangan lupa kunjungi ruangbelajar. Di sana, kamu bisa menemukan banyak materi belajar yang bakal bantu kamu jadi lebih pintar dan kreatif. Yuk, cek sekarang juga!
<!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>Fractured Story, Cerita yang Diputar Balik untuk Anak SMA!</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="Pernah nonton kisah Snow White yang agak beda dengan versi yang kamu kenal? Bisa jadi itu adalah Fractured Story! Yuk simak penjelasan tentang Fractured Story!" />
<link rel="canonical" href="https://www.ruangguru.com/blog/fractured-story" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Fractured Story, Cerita yang Diputar Balik untuk Anak SMA!" />
<meta property="og:description" content="Pernah nonton kisah Snow White yang agak beda dengan versi yang kamu kenal? Bisa jadi itu adalah Fractured Story! Yuk simak penjelasan tentang Fractured Story!" />
<meta property="og:url" content="https://www.ruangguru.com/blog/fractured-story" />
<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-04-18T03:14:09+00:00" />
<meta property="article:modified_time" content="2025-04-21T07:40:33+00:00" />
<meta name="author" content="Ringgana Wandy Wiguna" />
<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="Ringgana Wandy Wiguna" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="19 minutes" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.ruangguru.com/blog/fractured-story","url":"https://www.ruangguru.com/blog/fractured-story","name":"Fractured Story, Cerita yang Diputar Balik untuk Anak SMA!","isPartOf":{"@id":"https://www.ruangguru.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.ruangguru.com/blog/fractured-story#primaryimage"},"image":{"@id":"https://www.ruangguru.com/blog/fractured-story#primaryimage"},"thumbnailUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/2a0bf20b-15e8-49b3-b8e2-02a0675d2d67.png","datePublished":"2025-04-18T03:14:09+00:00","dateModified":"2025-04-21T07:40:33+00:00","author":{"@id":"https://www.ruangguru.com/blog/#/schema/person/d258ac11457d3dc99953aef5aabc2165"},"description":"Pernah nonton kisah Snow White yang agak beda dengan versi yang kamu kenal? Bisa jadi itu adalah Fractured Story! Yuk simak penjelasan tentang Fractured Story!","breadcrumb":{"@id":"https://www.ruangguru.com/blog/fractured-story#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.ruangguru.com/blog/fractured-story"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/fractured-story#primaryimage","url":"https://cdn-web-2.ruangguru.com/landing-pages/assets/2a0bf20b-15e8-49b3-b8e2-02a0675d2d67.png","contentUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/2a0bf20b-15e8-49b3-b8e2-02a0675d2d67.png"},{"@type":"BreadcrumbList","@id":"https://www.ruangguru.com/blog/fractured-story#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.ruangguru.com/blog"},{"@type":"ListItem","position":2,"name":"Fractured Story, Cerita yang Diputar Balik untuk Anak SMA! | Bahasa Inggris Kelas 10"}]},{"@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/d258ac11457d3dc99953aef5aabc2165","name":"Ringgana Wandy Wiguna","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":"Ringgana Wandy Wiguna"},"url":"https://www.ruangguru.com/blog/author/ringgana-wandy-wiguna"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="alternate" type="application/rss+xml" title="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru » Fractured Story, Cerita yang Diputar Balik untuk Anak SMA! | Bahasa Inggris Kelas 10 Comments Feed" href="https://www.ruangguru.com/blog/fractured-story/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/22926" /><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=22926' />
<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%2Ffractured-story" />
<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%2Ffractured-story&format=xml" />
</head>
<body class="wp-singular post-template-default single single-post postid-22926 single-format-standard wp-theme-ruangguru">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M28L4XJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header class="header">
<div class="container">
<nav class="navbar navbar-expand-lg header-inner">
<div style="display:flex; gap:12px;">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<img alt="menu" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/beba4a70-3971-41be-9364-f9ee6857b192.svg" loading="lazy" width="30px" height="32px" />
</button>
<a href="https://ruangguru.com" class="header-logo">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com/static/logo-ruangguru.png" alt="Logo">
</a>
</div>
<form class="form-inline my-2 my-lg-0" role="search" method="get" id="searchformmobile" class="searchform" action="https://www.ruangguru.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<div class="input-group input-group-sm">
<span class="input-group-text" id="search-2"><img width="20px" height="20px" loading="lazy" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/baf38d7b-226b-4374-8b2b-e49766395871.png" alt="" /></span>
<input type="text" value="" name="s" class="form-control" placeholder="Cari artikel di sini!" aria-label="Cari artikel di sini!" aria-describedby="Cari artikel di sini!">
</div>
</div>
</form>
<div class="collapse navbar-collapse dropdown-hover-all" id="navbarSupportedContent">
<div class="d-lg-none navbar-head-collapse">
<a href="https://ruangguru.com" class="header-logo">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com/static/logo-ruangguru.png" alt="Logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
X
</button>
</div>
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="https://www.ruangguru.com/blog/">Blog</a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Konsep & Tips Pelajaran </p>
<div class="dropdown-menu" aria-labelledby="nav1">
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu0" href="https://www.ruangguru.com/blog/c/bahasa-indonesia" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bahasa Indonesia</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu0">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu1" href="https://www.ruangguru.com/blog/c/bahasa-inggris" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bahasa Inggris</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu1">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu2" href="https://www.ruangguru.com/blog/c/biologi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Biologi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu2">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu3" href="https://www.ruangguru.com/blog/c/ekonomi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Ekonomi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu3">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu4" href="https://www.ruangguru.com/blog/c/fisika" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Fisika</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu4">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu5" href="https://www.ruangguru.com/blog/c/geografi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Geografi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu5">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu6" href="https://www.ruangguru.com/blog/c/ipa-terpadu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">IPA Terpadu</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu6">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-6">Kelas 6</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu7" href="https://www.ruangguru.com/blog/c/ips-terpadu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">IPS Terpadu</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu7">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-6">Kelas 6</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu8" href="https://www.ruangguru.com/blog/c/kimia" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Kimia</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu8">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu9" href="https://www.ruangguru.com/blog/c/matematika" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Matematika</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu9">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu10" href="https://www.ruangguru.com/blog/c/sejarah" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sejarah</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu10">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu11" href="https://www.ruangguru.com/blog/c/sosiologi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sosiologi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu11">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-12">Kelas 12</a>
</div>
</div>
</div>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Latihan Soal </p>
<div class="dropdown-menu" aria-labelledby="nav2">
<a class="dropdown-item" id="nav2-menu0" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-4">Latihan Soal Kelas 4</a>
<a class="dropdown-item" id="nav2-menu1" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-5">Latihan Soal Kelas 5</a>
<a class="dropdown-item" id="nav2-menu2" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-6">Latihan Soal Kelas 6</a>
<a class="dropdown-item" id="nav2-menu3" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-7">Latihan Soal Kelas 7</a>
<a class="dropdown-item" id="nav2-menu4" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-8">Latihan Soal Kelas 8</a>
<a class="dropdown-item" id="nav2-menu5" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-9">Latihan Soal Kelas 9</a>
<a class="dropdown-item" id="nav2-menu6" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-10">Latihan Soal Kelas 10</a>
<a class="dropdown-item" id="nav2-menu7" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-11">Latihan Soal Kelas 11</a>
<a class="dropdown-item" id="nav2-menu8" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-12">Latihan Soal Kelas 12</a>
</div>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Pojok Kampus </p>
<div class="dropdown-menu" aria-labelledby="nav3">
<a class="dropdown-item" id="nav3-menu0" href="https://www.ruangguru.com/blog/c/info-beasiswa">Info Beasiswa</a>
<a class="dropdown-item" id="nav3-menu1" href="https://www.ruangguru.com/blog/c/kampus-dan-jurusan">Kampus dan Jurusan</a>
<a class="dropdown-item" id="nav3-menu2" href="https://www.ruangguru.com/blog/c/seleksi-masuk">Seleksi Masuk</a>
</div>
</li>
<li class="nav-item
">
<a class="nav-link
" href=" https://www.ruangguru.com/blog/c/fakta-seru" id="nav4"
>
Fakta Seru </a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dunia Kata </p>
<div class="dropdown-menu" aria-labelledby="nav5">
<a class="dropdown-item" id="nav5-menu0" href="https://www.ruangguru.com/blog/tag/cerpen">Cerpen</a>
<a class="dropdown-item" id="nav5-menu1" href="https://www.ruangguru.com/blog/tag/resensi-buku">Resensi Buku</a>
</div>
</li>
<li class="nav-item
">
<a class="nav-link
" href=" https://www.ruangguru.com/blog/tag/for-kids" id="nav6"
>
For Kids </a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Seputar Ruangguru </p>
<div class="dropdown-menu" aria-labelledby="nav7">
<a class="dropdown-item" id="nav7-menu0" href="https://www.ruangguru.com/blog/tag/info-ruangguru">Info Ruangguru</a>
<a class="dropdown-item" id="nav7-menu1" href="https://www.ruangguru.com/blog/tag/siaran-pers">Siaran Pers</a>
<a class="dropdown-item" id="nav7-menu2" href="https://www.ruangguru.com/blog/tag/cerita-juara">Cerita Juara</a>
<a class="dropdown-item" id="nav7-menu3" href="https://www.ruangguru.com/blog/tag/seputar-guru">Seputar Guru</a>
<a class="dropdown-item" id="nav7-menu4" href="https://www.ruangguru.com/blog/tag/lifeatruangguru">Life at Ruangguru</a>
</div>
</li>
</ul>
<form class="form-inline my-2 my-lg-0" role="search" method="get" id="searchform" class="searchform" action="https://www.ruangguru.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<div class="input-group input-group-sm">
<span class="input-group-text" id="search-2"><img width="10" height="10" loading="lazy" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/baf38d7b-226b-4374-8b2b-e49766395871.png" alt="" /></span>
<input type="text" value="" name="s" class="form-control" placeholder="Cari artikel di sini!" aria-label="Cari artikel di sini!" aria-describedby="Cari artikel di sini!">
</div>
</div>
</form>
</div>
</nav>
<script>
(function($bs) {
const CLASS_NAME = 'has-child-dropdown-show';
$bs.Dropdown.prototype.toggle = function(_orginal) {
return function() {
document.querySelectorAll('.' + CLASS_NAME).forEach(function(e) {
e.classList.remove(CLASS_NAME);
});
let dd = this._element.closest('.dropdown').parentNode.closest('.dropdown');
for (; dd && dd !== document; dd = dd.parentNode.closest('.dropdown')) {
dd.classList.add(CLASS_NAME);
}
return _orginal.call(this);
}
}($bs.Dropdown.prototype.toggle);
document.querySelectorAll('.dropdown').forEach(function(dd) {
dd.addEventListener('hide.bs.dropdown', function(e) {
if (this.classList.contains(CLASS_NAME)) {
this.classList.remove(CLASS_NAME);
e.preventDefault();
}
e.stopPropagation(); // do not need pop in multi level mode
});
});
// for hover
document.querySelectorAll('.dropdown-hover, .dropdown-hover-all .dropdown').forEach(function(dd) {
dd.addEventListener('mouseenter', function(e) {
let toggle = e.target.querySelector(':scope>[data-bs-toggle="dropdown"]');
if (!toggle.classList.contains('show')) {
$bs.Dropdown.getOrCreateInstance(toggle).toggle();
dd.classList.add(CLASS_NAME);
$bs.Dropdown.clearMenus(e);
}
});
dd.addEventListener('mouseleave', function(e) {
let toggle = e.target.querySelector(':scope>[data-bs-toggle="dropdown"]');
if (toggle.classList.contains('show')) {
$bs.Dropdown.getOrCreateInstance(toggle).toggle();
}
});
});
})(bootstrap);
$(document).ready(() => {
if ($(window).width() > 991) {
$("a[data-bs-toggle='dropdown']").click(function() {
window.location = $(this).attr('href');
});
}
})
</script>
</div>
</header>
<div class="main-content">
<div class="side-banner-mobile">
</div>
<div class="glider-navigation mobile">
<div role="tablist" class="dots" id="side-banner-mobile-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="side-banner-mobile-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="side-banner-mobile-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-8 post">
<div class="content">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<!-- Home Link -->
<li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog">Home</a></li>
<!-- Categories -->
<li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog/c/bahasa-inggris">Bahasa Inggris</a></li><li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-10">Bahasa Inggris SMA Kelas 10</a></li> </ol>
</nav>
<h1 class="content-title">
Fractured Story, Cerita yang Diputar Balik untuk Anak SMA! | Bahasa Inggris Kelas 10 </h1>
<div class="content-meta">
<p class="content-author"><a href="https://www.ruangguru.com/blog/author/ringgana-wandy-wiguna" class="">Ringgana Wandy Wiguna</a> </p>
<p class="content-info"><span>April 18, 2025 • </span> <span>19 minutes read</span></p>
<br />
</div>
<div class="content-body">
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2a0bf20b-15e8-49b3-b8e2-02a0675d2d67.png" alt="Fractured Story" /></p>
<blockquote>
<p style="text-align: center;"><em><strong><a href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-10" target="_blank" rel="noopener">Artikel Bahasa Inggris kelas 10</a></strong> ini akan membahas tentang apa itu Fractured Story mulai dari pengertian hingga contoh Fractured Story. Mari kita simak bersama-sama penjelasannya di sini!</em></p>
</blockquote>
<p style="text-align: center;">—</p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Kamu pernah dengar tentang </span><em><strong>fractured story</strong></em><span style="font-weight: 400;">? Atau mungkin kamu bertanya-tanya, </span>apa itu <em>fractured story</em><span style="font-weight: 400;">? </span><em>Nah</em>,<span style="font-weight: 400;"> kalau kamu suka baca cerita atau nonton film yang punya alur unik dan<em> nggak</em> biasa,</span> <em>fractured story</em><span style="font-weight: 400;"> bisa jadi salah satu jenis cerita yang bakal bikin kamu penasaran.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Kalau kamu anak kelas 10 dan menggunakan kurikulum merdeka, materi</span><em> fractured story</em><span style="font-weight: 400;"> memang akan kamu pelajari. Tapi, apa sih </span><em>fractured story</em><span style="font-weight: 400;"> itu?</span></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;">Pengertian Fractured Story</span></h2>
<p style="text-align: justify;"><em>Fractured story</em><span style="font-weight: 400;"> adalah jenis cerita yang <strong>mengubah atau memodifikasi cerita</strong> yang sudah ada, seperti dongeng, legenda, atau kisah klasik, dengan cara yang tidak biasa. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Misalnya, cerita Cinderella yang biasanya berakhir bahagia, bisa diubah jadi cerita horor atau komedi. Intinya, </span><em>fractured story</em><span style="font-weight: 400;"> itu seperti “</span>memecah<span style="font-weight: 400;">” cerita lama dan menyusunnya kembali dengan gaya baru ya </span><em>guys</em><span style="font-weight: 400;">.</span></p>
<p style="text-align: justify;"><em>Fractured story</em><span style="font-weight: 400;"> ini nggak cuma seru buat dibaca, tapi juga bisa bikin kamu berpikir kreatif. Kamu bisa belajar bagaimana mengubah sudut pandang cerita atau menambahkan twist yang nggak terduga. </span></p>
<p style="text-align: justify;">Jadi, dalam <em>Fractured story</em><span style="font-weight: 400;">, jenis cerita yang diambil alur atau karakter dari cerita yang sudah dikenal, lalu mengubahnya dengan cara yang unik dan kreatif. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Cerita ini bisa mengubah sudut pandang, menambahkan elemen baru, atau bahkan mengubah genre cerita aslinya. </span><span style="font-weight: 400;">Misalnya, cerita </span><em>Snow White</em><span style="font-weight: 400;"> yang biasanya romantis, bisa diubah jadi cerita petualangan seru.</span></p>
<p style="text-align: justify;">Biasanya,<em> fractured story</em><span style="font-weight: 400;"> sering digunakan untuk memberikan nuansa baru pada cerita-cerita klasik yang sudah sering didengar. Tujuannya adalah untuk membuat cerita tersebut lebih menarik dan relevan dengan zaman sekarang. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Jadi, </span><em>fractured story</em><span style="font-weight: 400;"> bukan sekadar menjiplak cerita lama, tapi juga memberikan sentuhan kreatif yang bikin cerita itu jadi </span><i><span style="font-weight: 400;">fresh</span></i><span style="font-weight: 400;">.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Selain itu, </span><em>fractured story</em><span style="font-weight: 400;"> juga bisa menjadi media untuk menyampaikan pesan atau kritik sosial dengan cara yang lebih ringan dan menghibur. Misalnya, cerita </span><em>Little Red Riding Hood</em><span style="font-weight: 400;"> bisa diubah untuk menyoroti isu keamanan di lingkungan sekitar. Dengan begitu, cerita ini nggak cuma menghibur, tapi juga punya nilai edukasi.</span></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Jenis Fractured Story</b></span></h2>
<p style="text-align: justify;"><em>Fractured story</em><span style="font-weight: 400;"> ternyata punya beberapa jenis lho! </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Pertama, ada </span><strong><em>fractured fairy tales</em></strong><span style="font-weight: 400;">, yaitu cerita dongeng yang diubah dengan twist baru. Misalnya, cerita Rapunzel yang biasanya berakhir bahagia, bisa diubah jadi cerita </span><em>thriller</em><span style="font-weight: 400;"> dengan </span><em>ending </em><span style="font-weight: 400;">yang mengejutkan.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Kedua, ada </span><em>fractured myths</em><span style="font-weight: 400;">, yaitu cerita mitos atau legenda yang dimodifikasi. Contohnya, cerita Dewi Sri dalam mitologi Jawa bisa diubah dengan menambahkan elemen fantasi modern. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Jadi, </span><span style="font-weight: 400;"><em>fractured story</em> nggak cuma terbatas pada dongeng, tapi juga bisa mencakup cerita-cerita legenda dari berbagai budaya.</span></p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/contoh-dongeng" target="_blank" rel="noopener">10 Contoh Dongeng Singkat yang Menarik dan Penuh Pesan Moral</a></strong></p>
<p> </p>
<p style="text-align: center;">—</p>
<p style="text-align: justify;"><em>Eits</em>, sebelum liat contoh-contoh dari <em>fractured story</em>, misal kamu tertarik lebih dalam dengan materi Bahasa Inggris nih, kamu boleh loh belajar langsung bareng tutor yang keren-keren dari <strong><a href="https://www.ruangguru.com/privat/bahasa-inggris" target="_blank" rel="noopener">Ruangguru Privat Bahasa Inggris</a></strong>!</p>
<p style="text-align: justify;">Belajar nggak cuma menyenangkan, tapi kamu juga bakal diajari konsepnya sampai paham! Para pengajar di Ruangguru Privat juga sudah terstandarisasi kualitasnya, loh. Kamu juga bisa pilih nih, mau diajarkan secara langsung (<em>offline</em>) atau daring (<em>online</em>). Fleksibel, kan? Untuk info lebih lanjut, cuss klik link berikut!</p>
<p><a href="https://cta.ruangguru.com/blog-rg10-privat "><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9f42474c-2f77-4492-8ca1-cd524affbaaf.png" alt="CTA Ruangguru Privat" /></a></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Contoh Fractured Story</b></span></h2>
<p style="text-align: justify;"><em>Guys</em>,<span style="font-weight: 400;"> salah satu contoh</span> <em>fractured story</em><span style="font-weight: 400;"> yang terkenal adalah film “</span><em>Shrek</em><span style="font-weight: 400;">“. Film ini mengambil karakter dan elemen dari berbagai dongeng klasik, seperti </span><em>Cinderella</em>, <em>Sleeping Beauty</em>, dan <em>Pinocchio</em>,<span style="font-weight: 400;"> lalu mengubahnya menjadi cerita komedi yang lucu dan menghibur. </span></p>
<p style="text-align: justify;"><em>Shrek</em> <span style="font-weight: 400;">sendiri adalah karakter </span><i><span style="font-weight: 400;">ogre </span></i><span style="font-weight: 400;">yang biasanya jadi antagonis dalam dongeng, tapi di film ini dia jadi protagonis yang baik hati. </span><em>Nah</em><span style="font-weight: 400;">, ini adalah contoh sempurna dari </span><em>fractured story</em><span style="font-weight: 400;">!</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">1. Fractured Story By Rapunzel</span></h3>
<p style="text-align: center;"><strong>Rapunzel: The Not-So-Tangled Tale</strong></p>
<p style="text-align: justify;"><strong>Orientation</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Once upon a time, in a kingdom where fairy tales often went off-script, there lived a girl named Rapunzel. But this wasn’t the classic story of a princess locked in a tower with magical hair. Oh no, this Rapunzel was a tech-savvy influencer who lived in a high-rise apartment with a killer Wi-Fi connection. Her “tower” was actually a penthouse suite, and her “magical hair” was just a really good hair extension brand she promoted on social media. Life was good—until her overbearing landlord, Mother Gothel, decided to raise the rent by 300%.</span></p>
<p> </p>
<p style="text-align: justify;"><strong>Complication</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Mother Gothel, who was less of a witch and more of a greedy real estate mogul, refused to let Rapunzel leave the penthouse unless she paid the outrageous rent. Rapunzel, however, wasn’t about to give up her luxurious lifestyle. She tried to negotiate, but Gothel wasn’t having it. “You can either pay up, or I’ll cut the Wi-Fi!” Gothel threatened. Rapunzel panicked—no Wi-Fi meant no Instagram, no TikTok, and no sponsorships. She had to think fast.</span></p>
<p> </p>
<p style="text-align: justify;"><strong>Resolution</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Rapunzel hatched a plan. Using her social media skills, she launched a viral campaign called #FreeRapunzel, exposing Gothel’s shady business practices. Her followers rallied behind her, and soon the story was trending worldwide. Gothel, overwhelmed by the bad publicity, had no choice but to back down. She lowered the rent and even offered Rapunzel a lifetime discount. Rapunzel, now a hero to renters everywhere, continued to live her best life in the penthouse, posting selfies and inspiring her followers to stand up to injustice</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Rapunzel didn’t need a prince or a magical escape. She used her wit, creativity, and social media savvy to outsmart her landlord and secure her freedom. And as for Mother Gothel? She learned the hard way that you don’t mess with a girl who has 10 million followers.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">2. Fractured Story of Timun Mas</span></h3>
<p style="text-align: center;"><strong>Timun Mas: The Not-So-Magical Adventure</strong></p>
<p><strong>Orientation</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Once upon a time, in a small, quirky village, there lived a girl named Timun Mas and her mother, who ran a struggling cucumber farm. One day, while scrolling through her phone, Timun Mas stumbled upon an ad for a “magical cucumber seed” guaranteed to grow the biggest, juiciest cucumbers ever. Desperate to save their farm, she ordered the seed online. When it arrived, she planted it with high hopes, dreaming of fame and fortune.</span></p>
<p> </p>
<p style="text-align: justify;"><strong>Complication</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">The next morning, Timun Mas woke up to find a giant cucumber plant towering over their farm. But instead of joy, chaos ensued. The plant grew so big that it blocked the sun, crushed their neighbor’s chicken coop, and even knocked over the village’s only Wi-Fi tower. To make matters worse, a giant—who was actually a disgruntled food critic—showed up, claiming the cucumber was his. “I ordered that seed too, and it was supposed to be for my gourmet salad!” he roared. He threatened to sue Timun Mas for copyright infringement unless she handed over the cucumber.</span></p>
<p> </p>
<p style="text-align: justify;"><strong>Resolution</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Timun Mas, quick on her feet, remembered a pouch of random seeds her mom kept in the kitchen. She threw the seeds at the giant, hoping for a miracle. Instead of magic, the seeds turned out to be chili peppers, which made the giant sneeze uncontrollably. While he was distracted, Timun Mas hacked into his phone and deleted his negative Yelp reviews about their farm. The giant, realizing he’d been outsmarted, left in a huff. Timun Mas and her mom chopped down the giant cucumber and turned it into pickles, which became a viral sensation online. Their farm was saved, and they even started a pickle empire.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Timun Mas didn’t need magic to save the day—just a little creativity and a lot of chili peppers. The giant eventually apologized and became their pickle distributor, and the village got their Wi-Fi back. As for the magical seed? It turned out to be a scam, but Timun Mas didn’t mind. She had already moved on to her next big idea: cucumber-flavored ice cream.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">3. Fractured Story of Cinderella</span></h3>
<p style="text-align: center;"><strong>Cinderella: The Glass Slipper Glitch</strong></p>
<p><strong>Orientation</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Once upon a time, in a kingdom where fairy tales were more chaotic than charming, there lived a girl named Cinderella. But this wasn’t the classic rags-to-riches story you know. This Cinderella was a tech genius who spent her days fixing gadgets and dreaming of becoming a famous inventor. Her stepmother and stepsisters? They were social media influencers who forced her to be their unpaid IT support. “Cinderella, fix my laptop!” “Cinderella, why is my TikTok not working?” It was a nightmare.</span></p>
<p> </p>
<p style="text-align: justify;"><strong>Complication</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">One day, an invitation arrived for the kingdom’s annual Tech Expo, where the winner would get a chance to pitch their invention to the king. Cinderella was thrilled—this was her big break! But her stepmother, determined to keep her as their personal tech support, locked her in the basement and took the invitation for herself. “You’re not going anywhere, Cinderella. Who’s going to fix my Wi-Fi when it</span> crashes?”</p>
<p> </p>
<p style="text-align: justify;"><strong>Resolution</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Just when Cinderella thought all hope was lost, her pet robot mouse, Gus, hacked into the stepmother’s phone and sent a message to the king’s son, Prince Programmer. The prince, a coding prodigy, was intrigued by the mysterious message and tracked it back to Cinderella’s basement. He arrived just in time to rescue her, but instead of a glass slipper, Cinderella left behind her custom-designed USB drive. The prince, impressed by her coding skills, used the USB to find her.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Cinderella didn’t need a fairy godmother or a fancy dress to win the prince’s heart—she just needed her brain and a USB drive. She won the Tech Expo with her invention, a self-cleaning house robot, and her stepfamily was forced to apologize after their Wi-Fi mysteriously stopped working. As for Prince Programmer? He and Cinderella became the ultimate tech power couple, ruling the kingdom with innovation and a killer Wi-Fi network.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">4. Fractured Story of Three Little Pig</span></h3>
<p style="text-align: center;"><strong>The Three Little Pigs: The Housing Crisis</strong></p>
<p><strong>Orientation</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Once upon a time, in a bustling suburban neighborhood, there lived three little pigs who were tired of living in their parents’ cramped sty. They decided it was time to move out and build their own homes. The first pig, Larry, was a minimalist who believed in living off the grid. The second pig, Carl, was a DIY enthusiast with a love for IKEA furniture. The third pig, Percy, was a tech-savvy architect with a passion for smart homes. Each pig had a very different idea of what their dream home should look like.</span></p>
<p> </p>
<p style="text-align: justify;"><strong>Complication</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Larry built his house out of straw, claiming it was eco-friendly and sustainable. Carl opted for a house made of sticks, which he assembled using an online tutorial. Percy, on the other hand, built a high-tech house made of bricks, complete with solar panels, a security system, and voice-activated appliances. Everything was going well until the Big Bad Wolf, who was actually a real estate developer, showed up. He wanted to buy their land to build a luxury condo complex. When the pigs refused to sell, the wolf decided to “persuade” them.</span></p>
<p> </p>
<p style="text-align: justify;"><strong>Resolution</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">The wolf huffed and puffed and blew down Larry’s straw house in seconds. Larry ran to Carl’s stick house, but the wolf blew that down too. The two pigs then fled to Percy’s brick house, where they thought they’d be safe. The wolf tried to blow it down, but the house was too sturdy. Frustrated, the wolf tried to hack into Percy’s smart home system, but Percy had installed top-notch cybersecurity. The wolf’s attempts triggered the house’s defense mechanisms, and he was sprayed with water from the sprinkler system. Humiliated, the wolf ran away, vowing to stick to developing less stubborn properties.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">The three little pigs learned the importance of teamwork and good construction. Larry and Carl moved into Percy’s brick house, which they upgraded with eco-friendly features and DIY decor. The wolf, meanwhile, became a motivational speaker, giving talks on the dangers of cutting corners in real estate. And the pigs? They lived happily ever after, hosting home improvement shows on PigTube.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>5. Fractured Story of Red Riding Hood</b></span></h3>
<p style="text-align: center;"><strong>Red Riding Hood: The Delivery Disaster</strong></p>
<p style="text-align: justify;"><strong>Orientation</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Once upon a time, in a modern-day forest town, there lived a girl named Red Riding Hood. But this wasn’t the classic tale of a girl visiting her grandma. Red was a delivery driver for “Hood Express,” a company known for its speedy service. One day, her boss assigned her to deliver a basket of organic goodies to her grandmother, who lived on the other side of the forest. “Don’t take shortcuts, and don’t talk to strangers!” her boss warned. But Red, always in a hurry, decided to ignore the advice.</span></p>
<p> </p>
<p style="text-align: justify;"><strong>Complication</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">As Red zoomed through the forest on her electric scooter, she ran into a shady character named Wolfie, who claimed to be a travel blogger. Wolfie offered to show her a “faster route” to her grandma’s house. Red, eager to meet her delivery deadline, agreed. Little did she know, Wolfie was actually a scam artist who wanted to steal her delivery basket. He took her on a wild detour, leaving her lost in the woods while he raced ahead to grandma’s house.</span></p>
<p> </p>
<p style="text-align: justify;"><strong>Resolution</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">When Red finally arrived at her grandma’s house, she found Wolfie dressed in her grandma’s clothes, pretending to be her. “What big eyes you have!” Red said, suspiciously. “All the better to see my Instagram followers,” Wolfie replied, snapping a selfie. Red quickly realized something was wrong and activated the GPS tracker on her delivery basket. Within minutes, the forest rangers arrived and arrested Wolfie for theft and impersonation. Red’s grandma, who had been napping in the backyard the whole time, was unharmed.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Red learned her lesson about taking shortcuts and trusting strangers. She became a local hero for outsmarting Wolfie and even got a promotion at Hood Express. As for Wolfie, he was sentenced to community service, teaching kids about internet safety. And grandma? She started her own YouTube channel, sharing her famous organic recipes with the world.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>6. Fractured Story of Thumbelina</b></span></h3>
<p style="text-align: center;"><strong>Thumbelina: The Tiny Troubles</strong></p>
<p><strong>Orientation</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Once upon a time, in a world where size didn’t matter but attitude did, there lived a tiny girl named Thumbelina. But this wasn’t the classic fairy tale you remember. Thumbelina wasn’t born from a magical flower—she was the result of a science experiment gone hilariously wrong. A clumsy scientist named Dr. Mini accidentally shrunk her while testing his “Shrink Ray 3000.” At first, Thumbelina was annoyed, but she quickly realized being tiny had its perks. “No more chores! No more school! I can live in a teacup!” she declared.</span></p>
<p> </p>
<p><strong>Complication</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Thumbelina’s tiny life took a turn when she was discovered by Felicia the Frog, a wannabe reality TV star. Felicia thought Thumbelina would be the perfect addition to her show, </span><i><span style="font-weight: 400;">Frog Life</span></i><span style="font-weight: 400;">. “Imagine the ratings! A tiny human living in my lily pad!” Felicia exclaimed. Thumbelina, however, had no interest in being a reality TV star and escaped by hitching a ride on a passing bumblebee. But her troubles didn’t end there—she soon stumbled upon Marvin the Mole, a conspiracy theorist who believed the surface world was a myth and tried to convince her to stay underground forever.</span></p>
<p> </p>
<p><strong>Resolution</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Thumbelina, tired of being chased and manipulated, decided to take control of her own destiny. She teamed up with Steve the Swallow, a sarcastic delivery bird who worked for “Wing It Express.” Together, they outsmarted Felicia and Marvin, using Steve’s quick wit and Thumbelina’s tiny but mighty brain. In the end, Thumbelina found a cozy home in a flower garden, where she started her own business organizing tiny weddings and bumblebee races.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Thumbelina didn’t need a prince or a fairy tale ending. She became a successful entrepreneur, proving that even the smallest person can make a big impact. As for Dr. Mini, he finally perfected his Shrink Ray 3000—but Thumbelina decided to stay small. After all, life was much more fun when you could ride bumblebees and outwit frogs.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;">7. Fractured Story of Snow White</span></h3>
<p style="text-align: center;"><strong>Snow White: The Social Media Queen</strong></p>
<p><strong>Orientation</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Once upon a time, in a kingdom obsessed with likes and followers, there lived a girl named Snow White. But this wasn’t the classic tale of a princess fleeing an evil queen. Snow White was a social media influencer with millions of followers, known for her flawless selfies and #OOTD posts. Her stepmother, Queen Elvira, wasn’t evil—just extremely jealous of Snow White’s online popularity. “How does she get so many likes?!” the Queen would scream, refreshing her own mediocre feed.</span></p>
<p> </p>
<p><strong>Complication</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">One day, Queen Elvira decided enough was enough. She hired a shady hacker to take down Snow White’s accounts. But instead of deleting them, the hacker accidentally sent Snow White into a viral spiral. Her posts started getting millions of views overnight, and brands were lining up to sponsor her. Furious, the Queen decided to take matters into her own hands. She tricked Snow White into trying a “new skincare product” that was actually a sleeping potion. Snow White fell into a deep sleep, and her followers were devastated.</span></p>
<p> </p>
<p><strong>Resolution</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Snow White’s seven roommates—Netflix, Snackzilla, Procrastinator, GymBro, Gamer, TikToker, and Napper—were determined to wake her up. They tried everything: loud music, TikTok dances, even a jalapeño-eating contest. Finally, they realized the only way to break the spell was to get Snow White’s account trending again. They posted a dramatic video of her “sleeping beauty” moment, and it went viral instantly. The surge of notifications woke Snow White up, and her followers celebrated her return.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Snow White didn’t need a prince to save her—she had her loyal followers and her quirky roommates. She exposed Queen Elvira’s shady tactics, and the Queen was forced to apologize in a tearful livestream. Snow White’s popularity soared even higher, and she used her platform to promote kindness and authenticity. As for the roommates? They became social media stars too, launching their own channel called </span><em>Seven Dudes and a Princess</em>.</p>
<p> </p>
<h3><span style="font-size: 14pt;">8. Fractured Story of Sangkuriang</span></h3>
<p style="text-align: center;"><strong>Sangkuriang: The Mountain Mix-Up</strong></p>
<p><strong>Orientation</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Once upon a time, in a quirky version of West Java, there lived a young man named Sangkuriang. But this wasn’t the classic legend you’ve heard. Sangkuriang was a laid-back surfer dude who spent his days catching waves and avoiding responsibilities. His mom, Dayang Sumbi, was a tech-savvy entrepreneur who ran a successful online pottery business. She was constantly nagging him to get a job, but Sangkuriang just wanted to live his best beach life.</span></p>
<p> </p>
<p><strong>Complication</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">One day, Dayang Sumbi decided enough was enough. She challenged Sangkuriang to build a dam to solve the village’s water crisis—by sunrise. If he succeeded, she’d stop nagging him; if he failed, he’d have to get a real job. Sangkuriang, confident in his surfing skills but clueless about construction, accepted the challenge. He recruited his surfer buddies to help, but they spent more time taking selfies than building the dam. As the deadline approached, Sangkuriang realized he was in way over his head.</span></p>
<p> </p>
<p><strong>Resolution</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Desperate, Sangkuriang tried to use his mom’s pottery supplies to build the dam. He accidentally mixed the clay with magic fertilizer (don’t ask how he got it), and the dam started growing uncontrollably. By morning, it had turned into a massive mountain, blocking the entire village. Dayang Sumbi was furious but impressed by her son’s creativity. She decided to turn the mountain into a tourist attraction, complete with a surfing lagoon and Instagram-worthy photo spots.</span></p>
<p> </p>
<p><strong>Epilogue</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Sangkuriang didn’t get a traditional job, but he became the face of the new mountain resort, promoting it on social media as “Sangkuriang’s Surf & Summit.” Dayang Sumbi’s pottery business boomed thanks to the tourists, and she finally stopped nagging him. As for the mountain? It became a symbol of how even the biggest mistakes can turn into something amazing.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;">9. Fractured Story of Malin Kundang</span></h3>
<p style="text-align: center;"><strong>Malin Kundang: The Rockstar’s Regret</strong></p>
<p><strong>Orientation</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Once upon a time, in a coastal village in Indonesia, there lived a young man named Malin Kundang. But this wasn’t the classic tale of a son who turned into stone. Malin was a wannabe rockstar who dreamed of fame and fortune. He left his humble fishing village to pursue his music career, promising his mom he’d return as a superstar. His mom, a hardworking fish seller, supported him but warned, “Don’t forget where you came from, Malin!”</span></p>
<p> </p>
<p><strong>Complication</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Years later, Malin became a famous rockstar, known for his hit song </span><i><span style="font-weight: 400;">“Ocean of Regret.”</span></i><span style="font-weight: 400;"> He had everything—fame, money, and a flashy yacht—but he also developed a massive ego. When he finally returned to his village for a concert, he pretended not to recognize his mom, who was selling fish in the crowd. “Who’s that old lady? I don’t know her,” he told his fans. His mom, heartbroken, cursed him under her breath, “If you’re too cool for your mom, maybe you should be as cold as stone!”</span></p>
<p> </p>
<p><strong>Resolution</strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">During his concert, Malin’s yacht mysteriously turned into a giant rock, trapping him on stage. The crowd, thinking it was part of the show, cheered wildly. But Malin realized this was no special effect—it was his mom’s curse coming true. He begged for forgiveness, singing an emotional ballad about his mistakes. His mom, moved by his sincerity, lifted the curse, but only after making him promise to help rebuild the village and donate his concert earnings to local fishermen.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Malin learned his lesson and used his fame to give back to his community. He even wrote a new hit song called </span><i><span style="font-weight: 400;">“</span></i><em>Mom’s Fish Stall</em>,”<span style="font-weight: 400;"> which became an anthem for humility and gratitude. As for his mom? She became a local celebrity, selling autographed fish and telling everyone, “That’s my son, the rockstar who almost turned into a rock!”</span></p>
<p style="text-align: center;"><span style="font-weight: 400;">—</span></p>
<p style="text-align: justify;"><i><span style="font-weight: 400;">Guys</span></i><span style="font-weight: 400;">, setelah membaca artikel ini, apakah kamu sudah mengerti apa itu </span><em>fractured story</em><span style="font-weight: 400;">? Kalau iya, kamu pasti sadar bahwa cerita ini nggak cuma seru buat dibaca atau ditonton, tapi juga bisa mengasah kreativitas dalam bercerita. Jadi, tertarik untuk mencoba membuat </span><em>fractured story</em><span style="font-weight: 400;"> versimu sendiri?</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Itulah penjelasan tentang </span><em>fractured story</em><span style="font-weight: 400;">. Kalau kamu ingin belajar lebih banyak tentang cara menulis cerita kreatif atau materi pelajaran lainnya, jangan lupa kunjungi </span><a href="https://www.ruangguru.com/ruangbelajar" target="_blank" rel="noopener"><b>ruangbelajar</b></a><span style="font-weight: 400;">. Di sana, kamu bisa menemukan banyak materi belajar yang bakal bantu kamu jadi lebih pintar dan kreatif. </span><em>Yuk</em><span style="font-weight: 400;">, cek sekarang juga!</span></p>
<p><a href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=id"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ceb472c4-1feb-4a1d-afdf-4f92234a63d0.jpg" alt="CTA Ruangguru" /></a></p>
</div>
<div class="content-meta-tags">
<a href="https://www.ruangguru.com/blog/tag/kelas-10" rel="tag">Kelas 10</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">Ringgana Wandy Wiguna</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=Fractured Story, Cerita yang Diputar Balik untuk Anak SMA! | Bahasa Inggris Kelas 10%0D%0A%0D%0Ahttps://www.ruangguru.com/blog/fractured-story"><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/fractured-story&quote=Fractured Story, Cerita yang Diputar Balik untuk Anak SMA! | Bahasa Inggris Kelas 10"> <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=Fractured Story, Cerita yang Diputar Balik untuk Anak SMA! | Bahasa Inggris Kelas 10&url=https://www.ruangguru.com/blog/fractured-story"> <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/fractured-story&title=Fractured Story, Cerita yang Diputar Balik untuk Anak SMA! | Bahasa Inggris Kelas 10"><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 = 22926;
const tags_id = [52,10,37];
const category_id = 487;
const sub_category_id = 495;
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>