CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({ "content_category": "Ohayo Jepang", "content_subcategory": "Kuliner" }); </script>  <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-PT7PC4');</script>  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"> <meta name="keywords" content="Berita Terkini, Berita Hari Ini, Berita Terbaru, Travel, Travelling, Backpacker, Tips, Panduan Jalan, Liburan, Tempat Wisata, Jepang Terkini, Jepang Hari Ini, Negeri Sakura, Jepang, Kuliner, Oleh-Oleh, Anime, Bangunan, Kebudayaan, Kompas"> <meta name="author" content="Kompas Cyber Media"> <meta name="google-site-verification" content="oHnKUtgqOLtZOYp5HWas27GCVmPbsKDE5NHDPrsOJpc" /> <title>Resep Okonomiyaki Osaka Simple, Pakai Cumi-cumi dan Udang</title> <link rel="shortcut icon" href="https://asset.kompas.com/data/2017/wp/images/favicon2017.ico"> <link rel="stylesheet" href="https://asset.kompas.com/data/2024/ohayo_jepang/css/style.min.css?v=20241010" type="text/css"> <link rel="stylesheet" href="https://asset.kompas.com/data/2024/ohayo_jepang/css/style-photo-article.min.css?v=20241010" type="text/css"> <link rel="stylesheet" href="https://asset.kompas.com/data/2024/ohayo_jepang/fonts/fonts.css?v=2" type="text/css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:100,300,300i,400,400i,500,700,700i">  <meta property="og:type" content="article" /> <meta property="og:image" content="https://asset.kompas.com/data/photo/2024/06/13/666ae34ebcf22.jpg" /> <meta property="og:title" content="Resep Okonomiyaki Osaka Simple, Pakai Cumi-cumi dan Udang" /> <meta property="og:description" content="Okonomiyaki khas Osaka terbuat dari tepung terigu, tepung ubi talas, telur ayam, kubis, cumi-cumi, udang, tenkatsu, dan beni shoga." /> <meta property="og:url" content="http://ohayojepang.kompas.com/read/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang" /> <meta property="og:site_name" content="Ohayojepang.kompas.com" /> <meta property="fb:app_id" content="2009817585933943" />   <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@kompascom" /> <meta name="twitter:creator" content="@kompascom" /> <meta name="twitter:title" content="Resep Okonomiyaki Osaka Simple, Pakai Cumi-cumi dan Udang" /> <meta name="twitter:description" content="Okonomiyaki khas Osaka terbuat dari tepung terigu, tepung ubi talas, telur ayam, kubis, cumi-cumi, udang, tenkatsu, dan beni shoga." /> <meta name="twitter:image" content="https://asset.kompas.com/data/photo/2024/06/13/666ae34ebcf22.jpg" />  <link rel="canonical" href="http://ohayojepang.kompas.com/read/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang" /> <link rel="amphtml" href="http://ohayojepang.kompas.com/amp/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang"> <meta name="content_category" content="" /> <meta name="content_subcategory" content="" /> <meta name="content_location" content="" /> <meta name="content_author" content="YUHARRANI AISYAH" /> <meta name="content_editor" content="YUHARRANI AISYAH" /> <meta name="content_lipsus" content="Ohayo Jepang" /> <meta name="content_type" content="Standard" /> <meta name="content_PublishedDate" content="2024-09-23 13:00:00" /> <meta name="content_source" content="" /> <meta name="content_tag" content="" /> <meta name="content_total_words" content="328" /> <script src="https://asset.kompas.com/data/2024/ohayo_jepang/js/jquery-1.12.0.min.js"></script> <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> <script type="text/javascript"> var gptadslots=[]; var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; googletag.cmd.push(function() { gptadslots[1]= googletag.defineSlot('/31800665/KOMPAS.COM/ohayojepang', [[728, 90], [970, 90], [970, 250], [360, 100], [360, 150], [384, 100], [393, 100]],'div-gpt-ad-Top_1-1').setTargeting('Pos',['Top_1']).setTargeting('kg_pos', ['top_1']).addService(googletag.pubads());gptadslots[9]= googletag.defineSlot('/31800665/KOMPAS.COM/ohayojepang', [[468,60],[728,90],[970,90],[1100,50],[1100,150]],'div-gpt-ad-Horizontal_Ad').setTargeting('Pos',['Horizontal_Ad']).setTargeting('kg_pos', ['horizontal_ad']).addService(googletag.pubads());gptadslots[0] = googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/ohayojepang', 'div-gpt-ad-210346665559669319-oop').setTargeting('Pos',['Overlay']).setTargeting('kg_pos', ['overlay']).addService(googletag.pubads());gptadslots[112]= googletag.defineSlot('/31800665/KOMPAS.COM/ohayojepang', [[300,600],[300,250],[160,600]],'div-gpt-ad-Giant').setTargeting('Pos',['Giant']).setTargeting('kg_pos', ['giant']).addService(googletag.pubads());gptadslots[31]= googletag.defineSlot('/31800665/KOMPAS.COM/ohayojepang', [[300,250],[300,600]],'div-gpt-ad-Right_3').setTargeting('Pos',['Right_3']).setTargeting('kg_pos', ['right_3']).addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.enableServices(); }); </script>  <script async src="https://cdn.oval.id/tracker/p/kompas/oval_web_analytics_latest.js"></script> </head> <body class="page--read theme--ohayo-jepang">  <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PT7PC4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <div class="header"> <div class="container"> <div class="header__top"> <h1 class="header__brand"> <a href="http://ohayojepang.kompas.com/" class="header__brand-link"> <img src="https://asset.kompas.com/data/2024/ohayo_jepang/images/logo.png" alt="Ohayo Jepang"> </a> <div class="header__power"> Powered by <div class="header__kompas"> <a href="http://www.kompas.com/" target="_blank"> <img src="https://asset.kompas.com/data/2024/ohayo_jepang/images/kompas-logo.png" alt="Kompas.com"> </a> </div> </div> </h1> <div class="header__option"> <div class="header__option-item"> <div class="header__search"> <input type="text" class="header__input" placeholder="Search" id="search_input"> <svg class="icon icon-search"><use xlink:href="#icon-search"></use></svg> </div> </div> <div class="header__option-item"> Share this page <div class="header__social"> <a href="javascript:void(0)" onclick="fb_share('Ohayo Jepang | Kompas.com','https://ohayojepang.kompas.com')" class="header__social-link"> <svg class="icon icon-fb"><use xlink:href="#icon-fb"></use></svg> </a> <a href="javascript:void(0)" onclick="tweet_share('Berita Terbaru Pariwisata Negeri Sakura Jepang Meliputi Tempat Wisata, Kuliner, Oleh-Oleh, Anime, Bangunan dan Kebudayaan https://ohayojepang.kompas.com')" class="header__social-link"> <svg class="icon icon-tw"><use xlink:href="#icon-tw"></use></svg> </a>  </div> </div> <div class="header__option-item">  <div class="sso__header col-bs12-4"> <ul class="sso__wrap"> <li class="sso__item"> <a class="sso__link sso__link__icon js-sso-user" href="javascript:void(0)"> <i class="sso__icon__login" id="sso__icon__login_top"></i> <i class="sso__badge" style="display: none;"></i> </a>  <div class="sso__option -fixed -hide js-sso-user-board"> <ul> <li id="sso__item"> <a href="https://account.kompas.com/login/a29tcGFz/aHR0cDovL29oYXlvamVwYW5nLmtvbXBhcy5jb20vcmVhZC8yODM5L3Jlc2VwLW9rb25vbWl5YWtpLW9zYWthLXNpbXBsZS1wYWthaS1jdW1pLWN1bWktZGFuLXVkYW5n" id="txt_signin"> <span><i class="sso__icon__login"></i> Login</span> </a> </li> </ul> </div> </li> </ul> </div> </div> </div> </div> <div class="header__nav__wrap"> <ul class="header__nav"><li class="header__nav-item"><a href="http://ohayojepang.kompas.com/" class="header__nav-link header__brand-fixed"><img src="https://asset.kompas.com/data/2024/ohayo_jepang/images/logo.png" alt=""></a></li><li class="header__nav-item"><a href="http://ohayojepang.kompas.com/" class="header__nav-link ">Home</a></li><li class="header__nav-item"><a href="http://ohayojepang.kompas.com/news" class="header__nav-link ">News</a></li><li class="header__nav-item"><a href="http://ohayojepang.kompas.com/leisure" class="header__nav-link active">Liburan ke Jepang</a><ul class="header__subnav"><li class="header__subnav-item"><a href="http://ohayojepang.kompas.com/leisure/four-seasons" class="header__subnav-link ">4 Musim jepang</a></li><li class="header__subnav-item"><a href="http://ohayojepang.kompas.com/leisure/destinations" class="header__subnav-link ">Tempat Wisata</a></li><li class="header__subnav-item"><a href="http://ohayojepang.kompas.com/leisure/food" class="header__subnav-link active">Kuliner</a></li><li class="header__subnav-item"><a href="http://ohayojepang.kompas.com/leisure/shopping" class="header__subnav-link ">Belanja</a></li><li class="header__subnav-item"><a href="http://ohayojepang.kompas.com/leisure/others" class="header__subnav-link ">Tour dan Lainnya</a></li></ul></li><li class="header__nav-item"><a href="http://ohayojepang.kompas.com/life" class="header__nav-link ">Hidup di Jepang</a><ul class="header__subnav"><li class="header__subnav-item"><a href="http://ohayojepang.kompas.com/life/insight" class="header__subnav-link ">Seputar Jepang</a><div class="header__subnav-arrow js-menu"></div><ul class="header__subsubnav js-menu__child"><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/insight-culture" class="header__subsubnav-link ">Budaya Lokal</a></li><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/insight-manner" class="header__subsubnav-link ">Tradisi</a></li><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/insight-language" class="header__subsubnav-link ">Bahasa</a></li><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/insight-facts" class="header__subsubnav-link ">Fakta & Data</a></li></ul></li><li class="header__subnav-item"><a href="http://ohayojepang.kompas.com/life/living-necessities" class="header__subnav-link ">Biaya Hidup</a><div class="header__subnav-arrow js-menu"></div><ul class="header__subsubnav js-menu__child"><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/living-housing" class="header__subsubnav-link ">Rumah di Jepang</a></li><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/living-communication" class="header__subsubnav-link ">Komunikasi</a></li><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/living-utilities" class="header__subsubnav-link ">Utilitas</a></li><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/living-delivery" class="header__subsubnav-link ">Jasa Pengiriman</a></li><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/living-transportation" class="header__subsubnav-link ">Transportasi</a></li><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/living-tips" class="header__subsubnav-link ">Tips & Trik</a></li></ul></li><li class="header__subnav-item"><a href="http://ohayojepang.kompas.com/life/money-matters" class="header__subnav-link ">Keuangan</a><div class="header__subnav-arrow js-menu"></div><ul class="header__subsubnav js-menu__child"><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/money-bank" class="header__subsubnav-link ">Bank</a></li><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/money-remittance" class="header__subsubnav-link ">Pengiriman Uang</a></li><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/money-payment" class="header__subsubnav-link ">Metode Pembayaran</a></li><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/money-saving" class="header__subsubnav-link ">Tabungan & Pengeluaran</a></li></ul></li><li class="header__subnav-item"><a href="http://ohayojepang.kompas.com/life/health-and-beauty" class="header__subnav-link ">Kesehatan & Kecantikan</a><div class="header__subnav-arrow js-menu"></div><ul class="header__subsubnav js-menu__child"><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/health-hospital" class="header__subsubnav-link ">Rumah Sakit & Klinik</a></li><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/health-medicine" class="header__subsubnav-link ">Pengobatan</a></li><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/health-selfcare" class="header__subsubnav-link ">Perawatan Diri</a></li></ul></li><li class="header__subnav-item"><a href="http://ohayojepang.kompas.com/life/emergency" class="header__subnav-link ">Pelayanan Darurat</a><div class="header__subnav-arrow js-menu"></div><ul class="header__subsubnav js-menu__child"><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/emergency-disaster" class="header__subsubnav-link ">Bencana Alam</a></li><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/emergency-accident" class="header__subsubnav-link ">Accident</a></li></ul></li><li class="header__subnav-item"><a href="http://ohayojepang.kompas.com/life/halal-food" class="header__subnav-link ">Halal</a><div class="header__subnav-arrow js-menu"></div><ul class="header__subsubnav js-menu__child"><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/halal-dining" class="header__subsubnav-link ">Makanan</a></li><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/halal-mosque" class="header__subsubnav-link ">Masjid & Tempat Ibadah</a></li><li class="header__subsubnav-item"><a href="http://ohayojepang.kompas.com/life/halal-shopping" class="header__subsubnav-link ">Belanja</a></li></ul></li></ul></li><li class="header__nav-item"><a href="http://ohayojepang.kompas.com/work" class="header__nav-link ">Bekerja di Jepang</a><ul class="header__subnav"><li class="header__subnav-item"><a href="http://ohayojepang.kompas.com/work/visa" class="header__subnav-link ">Visa</a></li><li class="header__subnav-item"><a href="http://ohayojepang.kompas.com/work/salary" class="header__subnav-link ">Gaji & Benefit</a></li><li class="header__subnav-item"><a href="http://ohayojepang.kompas.com/work/legal" class="header__subnav-link ">Legal</a></li><li class="header__subnav-item"><a href="http://ohayojepang.kompas.com/work/worklife" class="header__subnav-link ">Worklife</a></li></ul></li></ul>  <div class="social social--fixed cleafix"> <div class="social--container container">  <span class="social--text">Bagikan:</span> <div class="read__share"> <div class="read__share-item"> <a href="javascript:void(0);" onclick="fb_share('Resep Okonomiyaki Osaka Simple, Pakai Cumi-cumi dan Udang','http://ohayojepang.kompas.com/read/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang')" class="read__share-link fb"> <svg class="icon icon-fb"><use xlink:href="#icon-fb"></use></svg> </a> </div> <div class="read__share-item"> <a href="javascript:void(0);" onclick="fb_share('Resep Okonomiyaki Osaka Simple, Pakai Cumi-cumi dan Udang','http://ohayojepang.kompas.com/read/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang')" class="read__share-link tw"> <svg class="icon icon-tw"><use xlink:href="#icon-tw"></use></svg> </a> </div> <div class="read__share-item"> <a href="whatsapp://send?text=Resep Okonomiyaki Osaka Simple, Pakai Cumi-cumi dan Udang http://ohayojepang.kompas.com/read/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang" class="read__share-link wa"> <svg class="icon icon-wa"><use xlink:href="#icon-wa"></use></svg> </a> </div> </div> <p class="social--dshare" id="dsharetitle">Resep Okonomiyaki Osaka Simple, Pakai Cumi-cumi dan Udang</p> <div class="comment__read__bar"> <span>Komentar: </span> <div class="read__share clearfix"> <div class="read__share-item"> <a class="read__share-link" href="http://ohayojepang.kompas.com/komentar/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang"> <span class="icon icon-comment"></span> <div class="comment__counter total_comment"></div> </a> </div> </div> </div> </div> </div>  </div> </div> </div>   <div class="wrap section__body clearfix"> <div class="container "> <div id='div-gpt-ad-210346665559669319-oop' style="position:absolute;"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-210346665559669319-oop'); }); </script> </div> <div class="row mb2"> <div class="banner banner__top text-center clearfix"> <div id='div-gpt-ad-Top_1-1'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-Top_1-1'); }); </script> </div> </div> </div> <div class="section__left"> <h2 class="title__circle big">Try This!</h2> <div class="stream nogut"> <div class="read"> <div class="breadcrumb clearfix"><ul class="breadcrumb__wrap"><li class="breadcrumb__item"><a class="breadcrumb__link" href="http://ohayojepang.kompas.com/">Home</a> </li><li class="breadcrumb__item"><a class="breadcrumb__link" href="http://ohayojepang.kompas.com/leisure">Liburan ke Jepang</a> </li><li class="breadcrumb__item"><a class="breadcrumb__link">Kuliner</a></li></ul></div> <h1 class="read__title">Resep Okonomiyaki Osaka Simple, Pakai Cumi-cumi dan Udang</h1> <div class="read__time"> Kompas.com - 23/09/2024, 13:00 WIB </div>  <div class="read__info clearfix"> <div class="read__share"> <div class="read__share-item"> <a href="javascript:void(0);" onclick="fb_share('Resep Okonomiyaki Osaka Simple, Pakai Cumi-cumi dan Udang','http://ohayojepang.kompas.com/read/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang')" class="read__share-link fb"> <svg class="icon icon-fb"> <use xlink:href="#icon-fb"></use> </svg> </a> </div> <div class="read__share-item"> <a href="javascript:void(0);" onclick="tweet_share('Resep Okonomiyaki Osaka Simple, Pakai Cumi-cumi dan Udang http://ohayojepang.kompas.com/read/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang')" class="read__share-link tw"> <svg class="icon icon-tw"> <use xlink:href="#icon-tw"></use> </svg> </a> </div> <div class="read__share-item"> <a href="javascript:void(0);" onclick="plus_share('http://ohayojepang.kompas.com/read/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang')" class="read__share-link gp"> <svg class="icon icon-gp"> <use xlink:href="#icon-gp"></use> </svg> </a> </div> <div class="read__share-item"> <a href="whatsapp://send?text=Resep Okonomiyaki Osaka Simple, Pakai Cumi-cumi dan Udang http://ohayojepang.kompas.com/read/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang" class="read__share-link wa"> <svg class="icon icon-wa"> <use xlink:href="#icon-wa"></use> </svg> </a> </div> </div> <div class="comment__read__text"> <a href="http://ohayojepang.kompas.com/komentar/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang">Komentar <span class="comment__counter"></span></a> </div> </div>  <div class="cover-photo -gallery" data-photolink="http://ohayojepang.kompas.com/image/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang"> <div class="photo__wrap"> <img data-width="780px" data-aligment="" src="https://asset.kompas.com/data/photo/2024/06/13/666ae34ebcf22.jpg" alt="Proses membuat okonomiyaki otentik Osaka, Jepang. (KOMPAS.COM/YUHARRANI AISYAH)" /> <div class="photo__icon photo__icon__expand"> <svg class="icon icon-expand"></svg>Lihat Foto </div> </div> <div class="photo__caption"> Proses membuat okonomiyaki otentik Osaka, Jepang. (KOMPAS.COM/YUHARRANI AISYAH) </div> </div> <div class="photoCarousel"> <div class="photoCarousel-block" data-scroll="side"> <div class="photoCarousel-wrap photoCarousel-slider" data-active="scroll"> <div class="photoCarousel-item active"> <a href="http://ohayojepang.kompas.com/image/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang?page=1"> <div class="photoCarousel-img"> <img src="https://asset.kompas.com/crop/0x0:0x0/225x150/data/photo/2024/06/13/666ae34ebcf22.jpg" alt="Proses membuat okonomiyaki otentik Osaka, Jepang. (KOMPAS.COM/YUHARRANI AISYAH)"> </div> </a> </div> <div class="photoCarousel-item active"> <a href="http://ohayojepang.kompas.com/image/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang?page=2"> <div class="photoCarousel-img"> <img src="https://asset.kompas.com/crop/0x0:0x0/225x150/data/photo/2024/06/13/666ae2922c53a.jpg" alt="Bahan untuk membuat okonomiyaki otentik Osaka, Jepang. (KOMPAS.COM/YUHARRANI AISYAH)"> </div> </a> </div> <div class="photoCarousel-item active"> <a href="http://ohayojepang.kompas.com/image/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang?page=3"> <div class="photoCarousel-img"> <img src="https://asset.kompas.com/crop/0x0:0x0/225x150/data/photo/2024/06/13/666ae3cf56a1f.jpg" alt="Tekstur okonomiyaki khas Jepang ini empuk dan mengembang, rasanya gurih dengan sedikit sentuhan manis. (KOMPAS.COM/YUHARRANI AISYAH)"> </div> </a> </div> </div> </div> </div>  <div class="read__content"> <?xml encoding="UTF-8"><p></p><p>Okonomiyaki yang terkenal di Jepang berasal dari Osaka dan Hiroshima. Bahan okonomiyaki Osaka dicampur lalu dipanggang di atas <em>teppan </em>(wajan datar).</p><p>Sementara, bahan okonomiyaki Hiroshima dipanggang per bagian sehingga ada tiga sampai empat lapisan.</p><p>Tidak ada patokan isi okonomiyaki karena setiap daerah atau restoran punya resep masing-masing.</p><p>Menurut Kepala Restoran Osaka Botejyu Tsunematsu Masami, <em>okonomi </em>artinya makanan apa saja sesuka hati dan <em>yaki </em>artinya dipanggang.</p><p>Okonomiyaki buatan Masami yang berkiprah selama lebih dari 45 tahun itu terbuat dari tepung terigu dicampur tepung ubi talas agar tekstur adonan lebih lembut.</p><p>Simak resep okonomiyaki khas Osaka ala Masami berikut.</p><p><strong>Baca juga: <a href="https://ohayojepang.kompas.com/read/2838/mengenal-okonomiyaki-khas-osaka-jepang-rasanya-seperti-apa" target="_self">Mengenal Okonomiyaki Khas Osaka Jepang, Rasanya Seperti Apa?</a></strong></p><p></p><div class="read__photo" data-photolink="http://ohayojepang.kompas.com/image/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang?page=2"><div class="read__photo-item"><img class="" src="https://asset.kompas.com/data/photo/2024/06/13/666ae2922c53a.jpg" alt="Bahan untuk membuat okonomiyaki otentik Osaka, Jepang. (KOMPAS.COM/YUHARRANI AISYAH)"></div><div class="read__photo-caption">Bahan untuk membuat okonomiyaki otentik Osaka, Jepang. (KOMPAS.COM/YUHARRANI AISYAH)</div></div><h2>Resep okonomiyaki Osaka</h2><div class="row mb2"> <div class="banner banner__top text-center clearfix"> </div> </div><div class="section__left"> <div class="read"> <div class="breadcrumb mt2 clearfix"> </div> <div class="read__content"> <div class="read__photo -gallery" data-photolink="https://ohayojepang.kompas.com/image/2362/bikin-okonomiyaki-ala-restoran-legendaris-di-osaka-jepang?page=2"> </div> <table> <tbody> <tr> <td style="text-align: center;"><strong>Takaran</strong></td> <td style="text-align: center;"><strong>Bahan</strong></td> </tr> <tr> <td>400 gram</td> <td>tepung terigu dan tepung ubi talas</td> </tr> <tr> <td>200 cc</td> <td><em>dashi</em> ikan</td> </tr> <tr> <td>1 butir</td> <td>telur ayam</td> </tr> <tr> <td>120 gram</td> <td>kubis cincang</td> </tr> <tr> <td>2 sdt</td> <td><em>tenkatsu</em> (remahan tepung goreng)</td> </tr> <tr> <td>1 sdt</td> <td><em>beni shoga</em> (acar jahe merah)</td> </tr> <tr> <td>1 buah</td> <td>cumi-cumi, bersihkan, kupas, dan iris kecil</td> </tr> <tr> <td>1 buah</td> <td>udang, kupas, buang kepala, biarkan ekornya</td> </tr> <tr> <td>Secukupnya</td> <td>saus okonomiyaki</td> </tr> <tr> <td>Secukupnya</td> <td><em>katsuobushi</em></td> </tr> <tr> <td>Secukupnya</td> <td>mayones</td> </tr> </tbody> </table> </div> </div> </div><p></p><div class="read__photo" data-photolink="http://ohayojepang.kompas.com/image/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang?page=3"><div class="read__photo-item"><img class="" src="https://asset.kompas.com/data/photo/2024/06/13/666ae3cf56a1f.jpg" alt="Tekstur okonomiyaki khas Jepang ini empuk dan mengembang, rasanya gurih dengan sedikit sentuhan manis. (KOMPAS.COM/YUHARRANI AISYAH)"></div><div class="read__photo-caption">Tekstur okonomiyaki khas Jepang ini empuk dan mengembang, rasanya gurih dengan sedikit sentuhan manis. (KOMPAS.COM/YUHARRANI AISYAH)</div></div><h2>Cara membuat okonomiyaki Osaka</h2><ol> <li>Panaskan <em>teppan</em> (wajan datar) atau wajan teflon antilengket.</li> <li>Campur tepung dan <em>dashi </em>ikan. Kocok menggunakan <em>balloon whisk</em> sampai adonan halus dan tidak ada yang menggumpal.</li> <li>Masukkan kubis, <em>tenkatsu</em>, <em>beni shoga</em>, dan telur. Campur dengan teknik melipat agar adonan tercampur rata dan jangan terlalu lama agar tidak lembek.</li> <li>Tuang 2/3 adonan ke atas <em>teppan</em>. Beri irisan cumi-cumi dan udang. Letakkan ekor udang mencuat keluar dari adonan. Masak sampai bagian bawah tidak lengket dan berwarna keemasan.</li> <li>Tuang sisa adonan sampai menutup cumi-cumi dan udang. Masak sampai bagian bawah kecoklatan.</li> <li>Balik adonan menggunakan spatula besi. Masak sisi tersebut sampai kecoklatan. Jangan menekan adonan agar tetap mengembang.</li> <li>Jika sudah matang; beri saus okonomiyaki, mayones dan <em>katsuobushi</em>. Potong okonomiyaki menjadi empat bagian. Santap selagi hangat.</li> </ol><p><strong>Baca juga: <a href="https://ohayojepang.kompas.com/read/2362/bikin-okonomiyaki-ala-restoran-legendaris-di-osaka-jepang" target="_self">Bikin Okonomiyaki Ala Restoran Legendaris di Osaka Jepang</a></strong></p><blockquote class="instagram-media" style="background: #FFF; border: 0; border-radius: 3px; box-shadow: 0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width: 540px; min-width: 326px; padding: 0; width: calc(100% - 2px);" data-instgrm-captioned="" data-instgrm-permalink="https://www.instagram.com/reel/C-9cgiJytSe/?utm_source=ig_embed&utm_campaign=loading" data-instgrm-version="14"> <div style="padding: 16px;"><a style="background: #FFFFFF; line-height: 0; padding: 0 0; text-align: center; text-decoration: none; width: 100%;" href="https://www.instagram.com/reel/C-9cgiJytSe/?utm_source=ig_embed&utm_campaign=loading" target="_blank" rel="noopener nofollow"> <div style="display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"> </div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style="background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"> </div> <div style="background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"> </div> </div> </div> <div style="padding: 19% 0;"> </div> <div style="display: block; height: 50px; margin: 0 auto 12px; width: 50px;"> </div> <div style="padding-top: 8px;"> <div style="color: #3897f0; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 550; line-height: 18px;">View this post on Instagram</div> </div> <div style="padding: 12.5% 0;"> </div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"> <div> <div style="background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"> </div> <div style="background-color: #f4f4f4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"> </div> <div style="background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"> </div> </div> <div style="margin-left: 8px;"> <div style="background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"> </div> <div style="width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg);"> </div> </div> <div style="margin-left: auto;"> <div style="width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"> </div> <div style="background-color: #f4f4f4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"> </div> <div style="width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"> </div> </div> </div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style="background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"> </div> <div style="background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"> </div> </div> </a> <p style="color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 0; margin-top: 8px; overflow: hidden; padding: 8px 0 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap;"><a style="color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none;" href="https://www.instagram.com/reel/C-9cgiJytSe/?utm_source=ig_embed&utm_campaign=loading" target="_blank" rel="noopener nofollow">A post shared by Ohayo Jepang (@ohayo_jepang)</a></p> </div> </blockquote><hr><p> </p> </div>  <div class="read__credit">Editor : YUHARRANI AISYAH</div>  <div class="read__tagging clearfix"><div class="tag tag--article clearfix"><div class="tag__article__teaser">Tag</div><ul class="tag__article__wrap"><li class="tag__article__item"><a class="tag__article__link" href="http://ohayojepang.kompas.com/tag/okonomiyaki" title="okonomiyaki">okonomiyaki</a></li><li class="tag__article__item"><a class="tag__article__link" href="http://ohayojepang.kompas.com/tag/beda-okonomiyaki-osaka-dan-hiroshima" title="beda okonomiyaki osaka dan hiroshima">beda okonomiyaki osaka dan hiroshima</a></li><li class="tag__article__item"><a class="tag__article__link" href="http://ohayojepang.kompas.com/tag/okonomiyaki-artinya-apa" title="Okonomiyaki artinya apa">Okonomiyaki artinya apa</a></li><li class="tag__article__item"><a class="tag__article__link" href="http://ohayojepang.kompas.com/tag/okonomiyaki-terbuat-dari-apa" title="Okonomiyaki terbuat dari apa">Okonomiyaki terbuat dari apa</a></li><li class="tag__article__item"><a class="tag__article__link" href="http://ohayojepang.kompas.com/tag/saus-okonomiyaki-namanya-apa" title="Saus okonomiyaki namanya apa">Saus okonomiyaki namanya apa</a></li><li class="tag__article__item"><a class="tag__article__link" href="http://ohayojepang.kompas.com/tag/cara-membuat-okonomiyaki" title="cara membuat okonomiyaki">cara membuat okonomiyaki</a></li><li class="tag__article__item"><a class="tag__article__link" href="http://ohayojepang.kompas.com/tag/resep-okonomiyaki-simple" title="resep okonomiyaki simple">resep okonomiyaki simple</a></li><li class="tag__article__item"><a class="tag__article__link" href="http://ohayojepang.kompas.com/tag/jajanan-jepang-okonomiyaki" title="jajanan jepang okonomiyaki">jajanan jepang okonomiyaki</a></li><li class="tag__article__item"><a class="tag__article__link" href="http://ohayojepang.kompas.com/tag/makanan-jepang-okonomiyaki" title="makanan jepang okonomiyaki">makanan jepang okonomiyaki</a></li></ul></div></div>  <div class="read__comment"> <h2 class="title__circle"> <a href="https://ohayojepang.kompas.com/komentar/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang"> <div class="title__content"> Komentar <span class="comment__icon social__link"> <span class="icon icon-comment"></span> <div class="comment__counter total_comment"></div> </span> </div> </a> </h2> <div id="komentar" class="row mt2 comment ga--comment clearfix"> <div class="comment__wrap">   <input type="hidden" value="https://sso.kompas.com/login/a29tcGFz/aHR0cDovL29oYXlvamVwYW5nLmtvbXBhcy5jb20vcmVhZC8yODM5L3Jlc2VwLW9rb25vbWl5YWtpLW9zYWthLXNpbXBsZS1wYWthaS1jdW1pLWN1bWktZGFuLXVkYW5n" id="login_url"> <input type="hidden" value="https://ohayojepang.kompas.com/read/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang" id="urlpage">  <div id="comment-form" class="comment__form"> <textarea class="comment__textarea" name="comments" id="comments" cols="30" rows="10" placeholder="Tulis komentar anda..." onKeyDown="limitText(this,300);" onKeyUp="limitText(this,300);"></textarea> <span class="comment__error" style="display: none">Kolom komentar masih kosong</span> <div class="comment__disclaimer">Berkomentarlah secara bijaksana dan bertanggung jawab. Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE</div> <div class="comment__row comment__form__footer clearfix"> <button type="button" class="comment__button send" onclick="insertComment('')" id="btnkirim">Kirim</button><button href="javascript:void(0)" class="comment__button action" id="btnLoading" style="display: none;">Mengirim...</button> </div> </div> <div id="for_comment"></div>  <div class="comment__row clearfix"> <div id="modals-report" class="cReport"> <div class="cReport__box"> <form action="#"> <div class="cReport__title">Laporkan Komentar</div> <div class="cReport__option"> <label onclick="showOthers(this)"> <div class="cReport__radio"> <input type="radio" name="cReport__choice" value="1"> </div> <div class="cReport__info">Iklan atau spam</div> </label> </div> <div class="cReport__option"> <label onclick="showOthers(this)"> <div class="cReport__radio"> <input type="radio" name="cReport__choice" value="2"> </div> <div class="cReport__info">Porno atau asusila</div> </label> </div> <div class="cReport__option"> <label onclick="showOthers(this)"> <div class="cReport__radio"> <input type="radio" name="cReport__choice" value="3"> </div> <div class="cReport__info">Ujaran kebencian atau SARA</div> </label> </div> <div class="cReport__option"> <label onclick="showOthers(this)"> <div class="cReport__radio"> <input type="radio" name="cReport__choice" value="4"> </div> <div class="cReport__info">Perundungan atau pelecehan</div> </label> </div> <div class="cReport__option"> <label onclick="showOthers(this)"> <div class="cReport__radio"> <input type="radio" name="cReport__choice" value="5"> </div> <div class="cReport__info">Lainnya</div> </label> <div class="cReport__other"> <textarea onkeyup="valueOthers(this)" name="cReport_other" id="cReport_other" cols="5" rows="5" ></textarea> </div> </div> <div class="cReport__footer"> <div class="cReport__item"> <button class="cReport__button" data-type="dismiss" type="button">Batal</button> </div> <div class="cReport__item"> <button class="cReport__button disabled" type="button" disabled="disabled" onclick="reportCommentSuccess('modals-report-success')">Laporkan</button> </div> </div> </form> </div> </div> </div>  <div class="comment__row clearfix"> <div id="modals-report-success" class="cReport"> <div class="cReport__box"> <div class="cReport__content">Terima kasih. Kami sudah menerima laporan Anda. Kami akan menghapus komentar yang bertentangan dengan Panduan Komunitas dan UU ITE.</div> <div class="cReport__footer"> <div class="cReport__item"> <button class="cReport__button" data-type="dismiss-reload" type="button">OK</button> </div> </div> </div> </div> </div> </div> </div>  <div id="kcm-modals"> <div class="modals__content"></div> </div> </div> <script type="text/javascript"> function getCookieKcm(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i <ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } var ajax_loader = "https://asset.kompas.com/data/2017/widget/comment/desktop/images/loading.gif"; //Load Comment $.get("https://apis.kompas.com/api/comment/list?urlpage=https://ohayojepang.kompas.com/read/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang&json&limit=3", function(result){ // console.log(result.result); var url = 'https://ohayojepang.kompas.com/read/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang'; if(result.result.total > 0){ var komentar_item = '<div class="comment__list">'; $.each(result.result.komentar, function( index, value ) { komentar_reply = value.comment_text.split('$//$'); komentar_fullname = value.user_fullname.split(' ') fullname = komentar_fullname[0].charAt(0).toUpperCase() if(komentar_fullname[1]){ fullname += komentar_fullname[1].charAt(0).toUpperCase() } komentar_item += '<div class="comment__item">'; komentar_item += '<div class="comment__avatar" data-init="'+fullname+'"></div>' komentar_item += '<div class="comment__row clearfix">' komentar_item += '<div class="comment__user" id="uname_'+value.comment_id+'">'+value.user_fullname+'</div>' komentar_item += '<div class="comment__date" id="tgl_'+value.comment_id+'"> <span class="icon icon-clock"></span> '+formatDateComment(new Date(1000*value.comment_time), 'dddd, d MMM yyyy | HH:mm WIB')+' </div>' komentar_item += '<div class="comment__report sticky">' komentar_item += '<button class="comment__button action" onclick="reportCommentForm(\'modals-report\',\''+value.comment_id+'\')"><span class="icon icon-exclamation"></span> Laporkan</button>' komentar_item += '</div>' komentar_item += '</div>' komentar_item += '<div class="comment__row clearfix">' if(komentar_reply[1]){ komentar_fullname_reply = komentar_reply[1].split(' ') fullname_reply = komentar_fullname_reply[0].charAt(0).toUpperCase() if(komentar_fullname_reply[1]){ fullname_reply += komentar_fullname_reply[1].charAt(0).toUpperCase() } komentar_item += '<div class="comment__reply__list">' komentar_item += '<div class="comment__item">' komentar_item += '<div class="comment__avatar" data-init="'+fullname_reply+'"></div>' komentar_item += '<div class="comment__row clearfix">' komentar_item += '<div class="comment__user">'+komentar_reply[1]+'</div>' komentar_item += '</div>' komentar_item += '<div class="comment__row clearfix">' komentar_item += '<div class="comment__content">' komentar_item += komentar_reply[2] komentar_item += '</div>' komentar_item += '</div>' komentar_item += '</div>' komentar_item += '</div>' } komentar_item += '<div class="comment__content" id="cont_'+value.comment_id+'"> <span>'+komentar_reply[0]+'</span> </div>' komentar_item += '</div>' komentar_item += '<div class="comment__row clearfix">' komentar_item += '<div class="comment__action">' komentar_item += '<div class="comment__subitem">' komentar_item += '<input type="hidden" id="like_'+value.comment_id+'" value="0">' komentar_item += '<button type="button" id="button_like_'+value.comment_id+'" class="comment__button action" onclick="likedislikeComment(\''+value.comment_id+'\', \'like\')"><span class="icon icon-thumbs-up"></span> <span id="total_like_'+value.comment_id+'">'+value.num_like+'</span></button>' komentar_item += '</div>' komentar_item += '<div class="comment__subitem">' komentar_item += '<input type="hidden" id="dislike_'+value.comment_id+'" value="0">' komentar_item += '<button type="button" id="button_dislike_'+value.comment_id+'" class="comment__button action" onclick="likedislikeComment(\''+value.comment_id+'\', \'dislike\')"><span class="icon icon-thumbs-down"></span> <span id="total_dislike_'+value.comment_id+'">'+value.num_dislike+'</span></button>' komentar_item += '</div>' komentar_item += '<div class="comment__subitem">' komentar_item += '<button onclick="replyComment(\''+value.comment_id+'\')" class="comment__button action"><span class="icon icon-reply"></span> Balas</button>' komentar_item += '</div>' if(value.is_flagged == '1'){ komentar_item += '<div class="comment__subitem comment__subitem--right">' komentar_item += '<button type="button" class="comment__button action comment__tooltips" data-tooltips="Komentar Terpilih Kompas.com"><span class="icon icon-flagged"></span></button>' komentar_item += '</div>' } komentar_item += '</div>' komentar_item += '</div>' komentar_item += '<div class="comment__row clearfix" id="reply_form_'+value.comment_id+'" style="display: none">' komentar_item += '<div class="comment__subitem" style="float: right;">' komentar_item += '<button class="comment__button action" style="color: #ff6b6b" onclick="closeForm(\''+value.comment_id+'\')" id=><span class="icon icon-close"></span> Batal</button>' komentar_item += '</div>' komentar_item += '<div class="comment__content">' komentar_item += '<input type="hidden" id="uname-'+value.comment_id+'" value="">' komentar_item += '<input type="hidden" name="" id="tgl-'+value.comment_id+'" value="">' komentar_item += '<input type="hidden" id="content-'+value.comment_id+'">' komentar_item += '<textarea class="comment__textarea" name="comments" id="comments_reply_'+value.comment_id+'" cols="20" rows="3" placeholder="Tulis komentar anda..." onKeyDown="limitText(this,300);" onKeyUp="limitText(this,300);"></textarea>' komentar_item += '<div class="comment__row comment__form__footer clearfix">' komentar_item += '<div class="comment__subitem">' komentar_item += '<button type="button" class="comment__button send" onclick="insertComment(\''+value.comment_id+'\')" id="btnkirim-'+value.comment_id+'">Kirim</button>' komentar_item += '</div>' komentar_item += '<div class="comment__subitem">' komentar_item += '<button href="javascript:void(0)" class="comment__button action" id="btnLoading-'+value.comment_id+'" style="display: none;">Mengirim...</button>' komentar_item += '</div>' komentar_item += '</div>' komentar_item += '</div>' komentar_item += '</div>' komentar_item += '</div>' }); komentar_item += '</div>'; if(result.result.total > 3){ komentar_item += '<div class="comment__footer"><div id="image_loadmore"></div><a href="https://ohayojepang.kompas.com/komentar/2839/resep-okonomiyaki-osaka-simple-pakai-cumi-cumi-dan-udang" class="comment__other" target="_parent">Lihat Semua Komentar ('+result.result.total+')</a></div>'; } }else{ komentar_item = '<div class="comment__board"> <div class="comment__message"> Belum ada komentar. Jadilah yang pertama untuk memberikan komentar! </div> </div> <div class="comment__list" style="display: none"></div>'; } document.getElementById("for_comment").innerHTML = komentar_item; var x = document.getElementsByClassName("total_comment"); if(result.result.total > 0){ if(typeof document.getElementsByClassName("total_comment_share")[0] !== 'undefined'){ document.getElementsByClassName("total_comment_share")[0].innerHTML = '('+result.result.total+')'; } for (i = 0; i < x.length; i++) { x[i].innerHTML = result.result.total; } } var list=document.getElementsByClassName("comment__avatar"),w=document.documentElement.clientWidth;function stringToHslColor(t){t=t.toUpperCase();for(var o=0,e=0;e<t.length;e++){var n=(o=t.charCodeAt(e))-64;if(e>0)r=(r+((o<<5)-o))%360,l+=n*Math.floor(2.5),i-=n*Math.floor(30/26);else var r=Math.floor(360/26*n),l=30,i=80}return"hsl("+r+","+l+"%, "+i+"%)"}function applyHSLColor(t,o){t.style.backgroundColor=stringToHslColor(o)}function scrollTo(t,o,e){if(!(e<=0)){var n=(o-t.scrollTop)/e*10;setTimeout(function(){t.scrollTop=t.scrollTop+n,t.scrollTop!=o&&scrollTo(t,o,e-10)},10)}}function findPos(t){var o=0;if(t.offsetParent){for(;o+=t.offsetTop,t=t.offsetParent;);return[o]}}for(var i=0;i<list.length;i++){var t=list[i].getAttribute("data-init");applyHSLColor(list[i],t)}var btntop=document.getElementById("comment-buble");btntop&&btntop.addEventListener("click",function(t){t.preventDefault();var o=findPos(document.getElementById(this.getAttribute("href").substring(1)));scrollTo(document.documentElement,o-100,200)}); }); function formatDateComment(date, format, utc) { var MMMM = ["\x00", "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; var MMM = ["\x01", "Jan", "Feb", "Mar", "Apr", "Mei", "Jun", "Jul", "Agu", "Sep", "Okt", "Nov", "Des"]; var dddd = ["\x02", "Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu"]; var ddd = ["\x03", "Min", "Sen", "Sel", "Rab", "Kam", "Jum", "Sab"]; function ii(i, len) { var s = i + ""; len = len || 2; while (s.length < len) s = "0" + s; return s; } var y = utc ? date.getUTCFullYear() : date.getFullYear(); format = format.replace(/(^|[^\\])yyyy+/g, "$1" + y); format = format.replace(/(^|[^\\])yy/g, "$1" + y.toString().substr(2, 2)); format = format.replace(/(^|[^\\])y/g, "$1" + y); var M = (utc ? date.getUTCMonth() : date.getMonth()) + 1; format = format.replace(/(^|[^\\])MMMM+/g, "$1" + MMMM[0]); format = format.replace(/(^|[^\\])MMM/g, "$1" + MMM[0]); format = format.replace(/(^|[^\\])MM/g, "$1" + ii(M)); format = format.replace(/(^|[^\\])M/g, "$1" + M); var d = utc ? date.getUTCDate() : date.getDate(); format = format.replace(/(^|[^\\])dddd+/g, "$1" + dddd[0]); format = format.replace(/(^|[^\\])ddd/g, "$1" + ddd[0]); format = format.replace(/(^|[^\\])dd/g, "$1" + ii(d)); format = format.replace(/(^|[^\\])d/g, "$1" + d); var H = utc ? date.getUTCHours() : date.getHours(); format = format.replace(/(^|[^\\])HH+/g, "$1" + ii(H)); format = format.replace(/(^|[^\\])H/g, "$1" + H); var h = H > 12 ? H - 12 : H == 0 ? 12 : H; format = format.replace(/(^|[^\\])hh+/g, "$1" + ii(h)); format = format.replace(/(^|[^\\])h/g, "$1" + h); var m = utc ? date.getUTCMinutes() : date.getMinutes(); format = format.replace(/(^|[^\\])mm+/g, "$1" + ii(m)); format = format.replace(/(^|[^\\])m/g, "$1" + m); var s = utc ? date.getUTCSeconds() : date.getSeconds(); format = format.replace(/(^|[^\\])ss+/g, "$1" + ii(s)); format = format.replace(/(^|[^\\])s/g, "$1" + s); var f = utc ? date.getUTCMilliseconds() : date.getMilliseconds(); format = format.replace(/(^|[^\\])fff+/g, "$1" + ii(f, 3)); f = Math.round(f / 10); format = format.replace(/(^|[^\\])ff/g, "$1" + ii(f)); f = Math.round(f / 10); format = format.replace(/(^|[^\\])f/g, "$1" + f); var T = H < 12 ? "AM" : "PM"; format = format.replace(/(^|[^\\])TT+/g, "$1" + T); format = format.replace(/(^|[^\\])T/g, "$1" + T.charAt(0)); var t = T.toLowerCase(); format = format.replace(/(^|[^\\])tt+/g, "$1" + t); format = format.replace(/(^|[^\\])t/g, "$1" + t.charAt(0)); var tz = -date.getTimezoneOffset(); var K = utc || !tz ? "Z" : tz > 0 ? "+" : "-"; if (!utc) { tz = Math.abs(tz); var tzHrs = Math.floor(tz / 60); var tzMin = tz % 60; K += ii(tzHrs) + ":" + ii(tzMin); } format = format.replace(/(^|[^\\])K/g, "$1" + K); var day = (utc ? date.getUTCDay() : date.getDay()) + 1; format = format.replace(new RegExp(dddd[0], "g"), dddd[day]); format = format.replace(new RegExp(ddd[0], "g"), ddd[day]); format = format.replace(new RegExp(MMMM[0], "g"), MMMM[M]); format = format.replace(new RegExp(MMM[0], "g"), MMM[M]); format = format.replace(/\\(.)/g, "$1"); return format; }; //Cek if not login then redirect $("#comments").on('click', function() { var e = getCookieKcm('kmp_uid'); if(e == ''){ window.top.location.href = document.getElementById("login_url").value; } }); //Limit character to LimitNum=300 function limitText(limitField, limitNum) { if (limitField.value.length > limitNum) { limitField.value = limitField.value.substring(0, limitNum); } else{ // document.getElementById("countdown").innerHTML = limitNum - limitField.value.length; } } //Insert comment function insertComment(commentId) { var xml_path = document.getElementById("urlpage").value; // var article_url = document.referrer; var article_url = document.getElementById("urlpage").value; var token = getCookieKcm('kmp_uid'); var type = getCookieKcm('kmp_lgn') == 'kompas'?'kid':'sc'; var data = {}; data['xml_path'] = xml_path; data['article_url'] = article_url; data['token'] = token; data['acc_type'] = type; if(commentId != ""){ var uname = document.getElementById("uname-"+commentId).value; var content = document.getElementById("content-"+commentId).value; var comments = document.getElementById("comments_reply_"+commentId).value; data['uname'] = uname; data['content'] = content; data['comments'] = comments; } else { var comments = document.getElementById("comments").value; data['comments'] = comments; } if(comments == "" || comments.trim().length == 0){ alert("Komentar tidak boleh kosong!"); } else{ if(commentId != ""){ $("#btnkirim-"+commentId).css("display", "none"); $("#btnLoading-"+commentId).css("display", "block"); } else { $("#btnkirim").css("display", "none"); $("#btnLoading").css("display", "block"); } $.post("https://apis.kompas.com/api/comment/insert", data, function(result){ if(result.status == false){ if(result.message == "Silahkan Login dahulu untuk memberi komentar."){ window.top.location.href = result.loginUrl; } else{ alert(result.message); } $("#btnkirim").css("display", "block"); $("#btnLoading").css("display", "none"); } else{ if ($("div").hasClass("comment__board")) { $(".comment__board").css("display", "none"); $(".comment__list").css("display", "block"); } $(".comment__list").prepend(result.view); if(commentId != ""){ $("#btnkirim-"+commentId).css("display", "block"); $("#btnLoading-"+commentId).css("display", "none"); closeForm(commentId); } else { $("#btnkirim").css("display", "block"); $("#btnLoading").css("display", "none"); $("#comments").val(''); } } }).fail(function(err) { $("#btnkirim").css("display", "block"); $("#btnLoading").css("display", "none"); window.top.location.href = "https://sso.kompas.com/login/a29tcGFz/aHR0cDovL3d3dy5rb21wYXMuY29t"; }); } } //Reply comment function replyComment(commentId) { var uname = document.getElementById("uname_"+commentId).innerText; var date = document.getElementById("tgl_"+commentId).innerText; var content = document.getElementById("cont_"+commentId).innerText; document.getElementById("reply_form_"+commentId).style.display = "block"; document.getElementById("comments_reply_"+commentId).focus(); document.getElementById("uname-"+commentId).value = uname; document.getElementById("tgl-"+commentId).value = date; document.getElementById("content-"+commentId).value = content; } //Close reply comment function closeForm(commentId) { $("#reply_form_"+commentId).css("display","none"); $("#uname-"+commentId).val(""); $("#tgl-"+commentId).val(""); $("#content-"+commentId).val(""); } //Like dislike comment function likedislikeComment(commentId, type){ var data = {}; data['xml_path'] = document.getElementById("urlpage").value; data['comment_id'] = commentId; data['type'] = type; data['total_like'] = document.getElementById("like_"+commentId).value; data['total_dislike'] = document.getElementById("dislike_"+commentId).value; data['token'] = getCookieKcm('kmp_uid'); data['acc_type'] = getCookieKcm('kmp_lgn') == 'kompas'?'kid':'sc'; $.post("https://apis.kompas.com/api/comment/likedislike", data, function(result){ if(result.status==true){ $("#like_"+commentId).val(result.total_like); $("#dislike_"+commentId).val(result.total_dislike); $("#total_like_"+commentId).html(result.total_like); $("#total_dislike_"+commentId).html(result.total_dislike); if(type=='like'){ $('#button_like_'+commentId).attr('disabled','disabled'); $('#button_dislike_'+commentId).removeAttr('disabled','disabled'); }else{ $('#button_like_'+commentId).removeAttr('disabled','disabled'); $('#button_dislike_'+commentId).attr('disabled','disabled'); } }else{ $("#btnkirim").css("display", "block"); $("#btnLoading").css("display", "none"); window.top.location.href = document.getElementById("login_url").value; } }); } </script> <script> var mall = document.querySelector('.modals__content'); var comment_id = 0; var comment_text = ''; var alasan_id = 0; var alasan_text = ''; function laporkanComment(modalsId){ var e = getCookieKcm('kmp_uid'); if(e == ''){ window.top.location.href = document.getElementById("login_url").value; } var data = {}; comment_text = document.getElementById("cont_"+comment_id).innerText; data['comment_id'] = comment_id; data['comment_text'] = comment_text; data['alasan_id'] = alasan_id; data['alasan_text'] = alasan_text; data['token'] = getCookieKcm('kmp_uid'); data['acc_type'] = getCookieKcm('kmp_lgn') == 'kompas'?'kid':'sc'; $.post("https://apis.kompas.com/api/comment/laporkan", data, function(result){ showModals(modalsId); }); } function reportCommentForm(modalsId, id) { var e = getCookieKcm('kmp_uid'); if(e == ''){ window.top.location.href = document.getElementById("login_url").value; }else{ comment_id = id; showModals(modalsId); } } function reportCommentSuccess(modalsId) { laporkanComment(modalsId); } function showModals(modalsId) { var md = document.getElementById('kcm-modals'); var cl = document.getElementById(modalsId); if(!!md) { if(!!cl) { // clear first var fc = md.firstElementChild; clearModalsContent(fc); // add body class and clone element document.body.classList.add('modals'); var ox = cl.cloneNode(true); fc.appendChild(ox); } else { console.log('unknown modal target'); return; } } else { console.log('template modals not found'); return; } } // event handler for element inside modals must be here if(!!mall) { //console.log(mall); mall.addEventListener('click', function(e) { // dismiss modals if(e.target.matches('.cReport__button[data-type="dismiss"]')) { dismissModals(); } // dismiss modals if(e.target.matches('.cReport__button[data-type="dismiss-reload"]')) { dismissReloadModals(); } // remove disabled attribute if(e.target.matches('input[type="radio"]')) { remDisabledBtn('.cReport__button[disabled="disabled"]'); } }); } function dismissModals() { var md = document.getElementById('kcm-modals'); if(!!md) { document.body.classList.remove('modals'); var fc = md.firstElementChild; clearModalsContent(fc); } } function dismissReloadModals() { var md = document.getElementById('kcm-modals'); if(!!md) { document.body.classList.remove('modals'); var fc = md.firstElementChild; clearModalsContent(fc); window.location.reload(); } } function clearModalsContent(el) { while (el.firstChild) { el.removeChild(el.firstChild); } } function remDisabledBtn(el) { var ol = mall.querySelectorAll(el)[0]; if(!!ol) { //console.log(ol); ol.classList.remove('disabled'); ol.removeAttribute('disabled'); } } function showOthers(e) { alasan_id = e.control.defaultValue; alasan_text = e.innerText; var ls = e.nextElementSibling; var lq = document.querySelectorAll('.cReport__other'); lq.forEach(function(item){ item.classList.remove('show'); }); if(!!ls) { ls.classList.add('show'); ls.children[0].focus(); // console.log(ls.children[0].value); } } function valueOthers(e){ alasan_text = e.value; } </script>   <div id="rekomendasi-konten-pilihan-untukmu-aiml" class="wSpec -aiml -grid"> <a href="#" class="wSpec-secret" role="button"> </a> <div class="wSpec-heading"> <div class="wSpec-heading-content">Pilihan Untukmu</div> </div> <div class="wSpec-list"> <div class="wSpec-item wSpec-item-1"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <img class="lozad" src="" alt=""> <div class="wSpec-img-overlay"> <img src="https://asset.kompas.com/data/2023/11/30/kompascom/desktop/images/logo-kompascom-small.png" alt="Logo Kompas.com"> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> </div> </div> </a> </div> <div class="wSpec-item wSpec-item-2"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <img class="lozad" src="" alt=""> <div class="wSpec-img-overlay"> <img src="https://asset.kompas.com/data/2023/11/30/kompascom/desktop/images/logo-kompascom-small.png" alt="Logo Kompas.com"> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> </div> </div> </a> </div> <div class="wSpec-item wSpec-item-3"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <img class="lozad" src="" alt=""> <div class="wSpec-img-overlay"> <img src="https://asset.kompas.com/data/2023/11/30/kompascom/desktop/images/logo-kompascom-small.png" alt="Logo Kompas.com"> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> </div> </div> </a> </div> <div class="wSpec-item wSpec-item-4"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <img class="lozad" src="" alt=""> <div class="wSpec-img-overlay"> <img src="https://asset.kompas.com/data/2023/11/30/kompascom/desktop/images/logo-kompascom-small.png" alt="Logo Kompas.com"> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> </div> </div> </a> </div> <div class="wSpec-item wSpec-item-5"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <img class="lozad" src="" alt=""> <div class="wSpec-img-overlay"> <img src="https://asset.kompas.com/data/2023/11/30/kompascom/desktop/images/logo-kompascom-small.png" alt="Logo Kompas.com"> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> </div> </div> </a> </div> <div class="wSpec-item wSpec-item-6"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <img class="lozad" src="" alt=""> <div class="wSpec-img-overlay"> <img src="https://asset.kompas.com/data/2023/11/30/kompascom/desktop/images/logo-kompascom-small.png" alt="Logo Kompas.com"> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> </div> </div> </a> </div> <div class="wSpec-item wSpec-item-7"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <img class="lozad" src="" alt=""> <div class="wSpec-img-overlay"> <img src="https://asset.kompas.com/data/2023/11/30/kompascom/desktop/images/logo-kompascom-small.png" alt="Logo Kompas.com"> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> </div> </div> </a> </div> <div class="wSpec-item wSpec-item-8"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <img class="lozad" src="" alt=""> <div class="wSpec-img-overlay"> <img src="https://asset.kompas.com/data/2023/11/30/kompascom/desktop/images/logo-kompascom-small.png" alt="Logo Kompas.com"> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> </div> </div> </a> </div> <div class="wSpec-item wSpec-item-9"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <img class="lozad" src="" alt=""> <div class="wSpec-img-overlay"> <img src="https://asset.kompas.com/data/2023/11/30/kompascom/desktop/images/logo-kompascom-small.png" alt="Logo Kompas.com"> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> </div> </div> </a> </div> <div class="wSpec-item wSpec-item-10"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <img class="lozad" src="" alt=""> <div class="wSpec-img-overlay"> <img src="https://asset.kompas.com/data/2023/11/30/kompascom/desktop/images/logo-kompascom-small.png" alt="Logo Kompas.com"> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> </div> </div> </a> </div> <div class="wSpec-item wSpec-item-11"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <img class="lozad" src="" alt=""> <div class="wSpec-img-overlay"> <img src="https://asset.kompas.com/data/2023/11/30/kompascom/desktop/images/logo-kompascom-small.png" alt="Logo Kompas.com"> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> </div> </div> </a> </div> <div class="wSpec-item wSpec-item-12"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <img class="lozad" src="" alt=""> <div class="wSpec-img-overlay"> <img src="https://asset.kompas.com/data/2023/11/30/kompascom/desktop/images/logo-kompascom-small.png" alt="Logo Kompas.com"> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> </div> </div> </a> </div> <div class="wSpec-item wSpec-item-13"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <img class="lozad" src="" alt=""> <div class="wSpec-img-overlay"> <img src="https://asset.kompas.com/data/2023/11/30/kompascom/desktop/images/logo-kompascom-small.png" alt="Logo Kompas.com"> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> </div> </div> </a> </div> <div class="wSpec-item wSpec-item-14"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <img class="lozad" src="" alt=""> <div class="wSpec-img-overlay"> <img src="https://asset.kompas.com/data/2023/11/30/kompascom/desktop/images/logo-kompascom-small.png" alt="Logo Kompas.com"> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> </div> </div> </a> </div> </div> <script> document.querySelector('.wSpec-secret').addEventListener('click', function(e) { e.preventDefault(); let wSl = document.querySelectorAll('.wSpec-source'); if (wSl.length > 0) { for (let i = 0; i < wSl.length; i++) { wSl[i].classList.toggle('show') } } }) </script> </div> <script> async function getRecommendation() { try { const response = await fetch(`https://apis.kompas.com/api/v2/related?url=ohayo&page_id=ohayo-2839`, { method: "POST", body: JSON.stringify({"title":"Resep Okonomiyaki Osaka Simple, Pakai Cumi-cumi dan Udang","description":"Okonomiyaki khas Osaka terbuat dari tepung terigu, tepung ubi talas, telur ayam, kubis, cumi-cumi, udang, tenkatsu, dan beni shoga.","keywords":"Berita Terkini, Berita Hari Ini, Berita Terbaru, Travel, Travelling, Backpacker, Tips, Panduan Jalan, Liburan, Tempat Wisata, Jepang Terkini, Jepang Hari Ini, Negeri Sakura, Jepang, Kuliner, Oleh-Oleh, Anime, Bangunan, Kebudayaan, Kompas"}) }); const data = await response.json(); return data; } catch (error) { console.error(error); } } function displayData(data) { if (data.status) { const recommendation = data.docs.result; recommendation.forEach((item, index) => { const wSpecItem = document.querySelector(`.wSpec-item-${index + 1}`); if (wSpecItem) { const url = wSpecItem.querySelector('a'); url.href = item.url; const image = wSpecItem.querySelector('.lozad'); image.src = item.img; image.alt = capitalizeWords(item.title); const section = wSpecItem.querySelector('.wSpec-subtitle'); section.innerHTML = item.section; const title = wSpecItem.querySelector('.wSpec-title'); title.innerHTML = capitalizeWords(item.title); } }); } } function capitalizeWords(str) { return str.replace(/\b\w/g, char => char.toUpperCase()); } async function loadRecommendation() { const data = await getRecommendation(); displayData(data); } loadRecommendation(); </script>  </div> </div> </div> <div class="section__right"> <div class="news-sidebar lined mt5"> <h2 class="title__circle"> Most Popular </h2> <div class="sideArticleList --list"> <div class="articleItem"> <a class="article-link" href="http://ohayojepang.kompas.com/read/2846/5-hal-penting-tentang-lpk-jepang-di-indonesia-biaya-lpk-dan-pembayarannya"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" src="https://asset.kompas.com/data/photo/others/2017/noimg.png" alt="https://asset.kompas.com/data/photo/others/2017/noimg.png"> </div> <div class="articleItem-box"> <h2 class="articleTitle"> 5 Hal Penting Tentang LPK Jepang di Indonesia, Biaya LPK dan Pembayarannya </h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle ">Ohayo Jepang</div> </li> <li> <div class="articlePost-date">25/09/2024</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="http://ohayojepang.kompas.com/read/2881/umr-jepang-2024-terbaru-per-1-oktober"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" src="https://asset.kompas.com/crop/0x0:0x0/80x80/data/photo/2024/06/03/665d67451948f.jpg" alt="https://asset.kompas.com/crop/0x0:0x0/80x80/data/photo/2024/06/03/665d67451948f.jpg"> </div> <div class="articleItem-box"> <h2 class="articleTitle"> UMR Jepang 2024 Terbaru per 1 Oktober </h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle ">Ohayo Jepang</div> </li> <li> <div class="articlePost-date">07/10/2024</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="http://ohayojepang.kompas.com/read/1921/5-toko-second-hand-di-tokyo-buat-si-pecinta-thrifting"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" src="https://asset.kompas.com/crop/0x0:0x0/80x80/data/photo/2023/04/07/642f7cde1e9bf.jpg" alt="https://asset.kompas.com/crop/0x0:0x0/80x80/data/photo/2023/04/07/642f7cde1e9bf.jpg"> </div> <div class="articleItem-box"> <h2 class="articleTitle"> 5 Toko Second-hand di Tokyo Buat Si Pecinta Thrifting </h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle ">Ohayo Jepang</div> </li> <li> <div class="articlePost-date">20/04/2023</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="http://ohayojepang.kompas.com/read/1909/5-aplikasi-taksi-online-untuk-memudahkan-perjalanan-di-jepang"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" src="https://asset.kompas.com/crop/0x0:0x0/80x80/data/photo/2023/04/02/642989c270712.jpg" alt="https://asset.kompas.com/crop/0x0:0x0/80x80/data/photo/2023/04/02/642989c270712.jpg"> </div> <div class="articleItem-box"> <h2 class="articleTitle"> 5 Aplikasi Taksi Online untuk Memudahkan Perjalanan di Jepang </h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle ">Ohayo Jepang</div> </li> <li> <div class="articlePost-date">02/04/2023</div> </li> </ul> </div> </div> </div> </a> </div><div class="articleItem"> <a class="article-link" href="http://ohayojepang.kompas.com/read/2956/zombie-di-shinkansen-tokyo-ke-osaka-terinspirasi-film-train-to-busan"> <div class="articleItem-wrap"> <div class="articleItem-img"> <img class="lozad" src="https://asset.kompas.com/crop/151x0:879x485/80x80/data/photo/2024/10/19/6713deaf56ef0.jpg" alt="https://asset.kompas.com/crop/151x0:879x485/80x80/data/photo/2024/10/19/6713deaf56ef0.jpg"> </div> <div class="articleItem-box"> <h2 class="articleTitle"> Zombie di Shinkansen Tokyo ke Osaka, Terinspirasi Film Train to Busan </h2> <div class="articlePost"> <ul> <li> <div class="articlePost-subtitle ">Ohayo Jepang</div> </li> <li> <div class="articlePost-date">22/10/2024</div> </li> </ul> </div> </div> </div> </a> </div> </div> </div> <div class="mt5 clearfix"> <div class="fb-page fb_iframe_widget" data-href="https://www.facebook.com/OhayoJepangKompascom" data-tabs="timeline" data-width="300" data-height="500" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" fb-xfbml-state="rendered" fb-iframe-plugin-query="adapt_container_width=true&app_id=2009817585933943&container_width=300&height=500&hide_cover=false&href=https%3A%2F%2Fwww.facebook.com%2FOhayoJepangKompascom&locale=en_US&sdk=joey&show_facepile=true&small_header=false&tabs=timeline&width=300"> <span style="vertical-align: bottom; width: 300px; height: 500px;"> <iframe name="f9733d4247eb1d201" width="300px" height="500px" data-testid="fb:page Facebook Social Plugin" title="fb:page Facebook Social Plugin" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" allow="encrypted-media" src="https://www.facebook.com/v3.0/plugins/page.php?adapt_container_width=true&app_id=2009817585933943&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fx%2Fconnect%2Fxd_arbiter%2F%3Fversion%3D46%23cb%3Dfac33b659215ad038%26domain%3Dohayojepang.kompas.com%26is_canvas%3Dfalse%26origin%3Dhttps%253A%252F%252Fohayojepang.kompas.com%252Ff4152e05c1b8b5a2c%26relation%3Dparent.parent&container_width=300&height=500&hide_cover=false&href=https%3A%2F%2Fwww.facebook.com%2FOhayoJepangKompascom&locale=en_US&sdk=joey&show_facepile=true&small_header=false&tabs=timeline&width=300" style="border: none; visibility: visible; width: 300px; height: 500px;" class=""></iframe> </span> </div> </div> </div> <style> .kcm__horizontal{ height: 160px; margin: 5px 0 0 -15px; padding: 0; position: fixed; bottom: 0; width: 1100px; z-index: 10; height: auto; text-align: center; background: hsla(0,0%,100%,.8); } .kcm__close{ position: absolute;; background: #3ca5dd; display: inline-block; right: 0; top: -20px; padding: 4px 8px; font-size: 12px; line-height: 1; color: #fff; } </style> <div id="bannerHorad" class="kcm kcm__horizontal clearfix"> <a class="kcm__close js-kcm-horizontal" href="" onclick="closeHorad(); return false;">Close Ads <span class="kcm__close__icon"></span></a> <div id='div-gpt-ad-Horizontal_Ad'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-Horizontal_Ad'); }); </script> </div></div> </div> <script> let hrd = document.getElementById('bannerHorad'); console.info(`div yg dicari: ${hrd}`); function closeHorad(){ hrd.parentNode.removeChild(hrd); } </script> </div> </div>  <div class="footerMain clearfix"> <div class="container"> <div class="footerWrap"> <div class="footerCol-column"> <div class="footerLogo"> <a href="https://www.kompas.com"> <img src="https://asset.kompas.com/data/2023/11/30/kompascom/desktop/images/logo-kompascom-small.png" alt="www.kompas.com" width="207" height="26"> </a> </div> <div class="footerSosmed"> <ul class="footerSosmed-wrap"> <li> <a href="http://www.facebook.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Facebook"> <div class="iconSos iconSos-facebook"></div> </a> </li> <li> <a href="http://www.twitter.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="X"> <div class="iconSos iconSos-x"></div> </a> </li> <li> <a href="https://t.me/kompascomupdate" target="_blank" class="footerSosmed-link" aria-label="Telegram"> <div class="iconSos iconSos-telegram"></div> </a> </li> <li> <a href="http://instagram.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Instagram"> <div class="iconSos iconSos-instagram"></div> </a> </li> </ul> <ul class="footerSosmed-wrap"> <li> <a href="https://www.youtube.com/c/mykompascom" target="_blank" class="footerSosmed-link" aria-label="Youtube"> <div class="iconSos iconSos-youtube"></div> </a> </li> <li> <a href="https://kmp.im/AGFeTy" target="_blank" class="footerSosmed-link" aria-label="Whatsapp"> <div class="iconSos iconSos-whatsapp"></div> </a> </li> <li> <a href="https://line.me/ti/p/@kompas.com" target="_blank" class="footerSosmed-link" aria-label="Line"> <div class="iconSos iconSos-line"></div> </a> </li> <li> <a href="https://www.tiktok.com/@kompascom?lang=en" target="_blank" class="footerSosmed-link" aria-label="Tiktok"> <div class="iconSos iconSos-tiktok"></div> </a> </li> </ul> </div> <div class="footerDownload"> <ul class="footerDownload-wrap"> <li> <a href="https://bit.ly/3IVvfpY" target="_blank"> <div class="footerDownload-store"> <img src="https://asset.kompas.com/data/2017/mobile/images/id-badge-appstore.png" alt="apple store"> </div> </a> </li> <li> <a href="https://bit.ly/3IVvfpY" target="_blank"> <div class="footerDownload-store"> <img src="https://asset.kompas.com/data/2017/mobile/images/id-badge-playstore.png" alt="google playstore"> </div> </a> </li> </ul> </div> <div class="footerAchievement"> <div class="footerAchievement-title"> Penghargaan dan sertifikat: </div> <div class="footerAchievement-wrap"> <div class="footerAchievement-item"> <a href="#" class="footerAchievement-link"> <div class="footerAchievement-img"> <img src="https://asset.kompas.com/data/2017/wp/images/logo-wowbrands-2019.png" alt="WOW Brand Indonesia 2019" title="WOW Brand Indonesia 2019" loading="lazy"> </div> </a> </div> <div class="footerAchievement-item"> <div class="footerAchievement-link"> <a href="https://money.kompas.com/read/2019/08/01/124215826/kompascom-kembali-jadi-pemenang-kategori-media-online-tepercaya" class="footerAchievement-link"> <div class="footerAchievement-img"> <img src="https://asset.kompas.com/data/2017/wp/images/logo-superbrands-2019.png" alt="Superbrand Indonesia 2019 - Trusted Online News" title="Superbrands Indonesia 2019" loading="lazy"> </div> </a> </div> </div> <div class="footerAchievement-item"> <a href="https://ifcncodeofprinciples.poynter.org/profile/pt-kompas-cyber-media" class="footerAchievement-link"> <div class="footerAchievement-img"> <img src="https://asset.kompas.com/data/2024/wp/images/desktop/logo-ifcn.png" alt="International Fact-Checking Network" title="International Fact-Checking Network" loading="lazy"> </div> </a> </div> </div> </div> <div class="footerNewsletter"> <div class="footerNewsletter-title"> Dapatkan informasi dan insight pilihan redaksi Kompas.com </div> <div class="footerNewsletter-cta"> <a href="#" class="footerNewsletter-link"> <i class="iconNewsletter"></i> Daftarkan Email </a> </div> </div> </div> <div class="footerCol-nav"> <div class="footerMenu-title">Kanal</div> <div class="footerMenu"> <ul class="footerMenu-wrap"> <li><a href="https://news.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">News</a></li> <li><a href="https://nasional.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Nasional</a></li> <li><a href="https://www.kompas.com/global/?source=kompascom&medium=footer" class="footerMenu-link ">Global</a></li> <li><a href="https://megapolitan.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Megapolitan</a></li> <li><a href="https://regional.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Regional</a></li> <li><a href="https://pemilu.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link">Pemilu</a></li> <li><a href="https://www.kompas.com/ramadhan/" class="footerMenu-link">Ramadhan</a> </li> <li><a href="https://ikn.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link">IKN</a></li> <li><a href="https://bola.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Bola</a></li> <li><a href="https://tekno.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Tekno</a></li> <li><a href="https://otomotif.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Otomotif</a></li> <li><a href="https://entertainment.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Entertainment</a></li> <li><a href="https://sains.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Sains</a></li> <li><a href="https://health.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Health</a></li> <li><a href="https://money.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Money</a></li> <li><a href="https://www.kompas.com/tren/?source=kompascom&medium=footer" class="footerMenu-link ">Tren</a></li> <li><a href="https://properti.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Properti</a></li> <li><a href="https://lifestyle.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Lifestyle</a></li> <li><a href="https://www.kompas.com/hype/?source=kompascom&medium=footer" class="footerMenu-link ">Hype</a></li> <li><a href="https://travel.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Travel</a></li> <li><a href="https://www.kompas.com/homey/?source=kompascom&medium=footer" class="footerMenu-link ">Homey</a></li> <li><a href="https://www.kompas.com/food/?source=kompascom&medium=footer" class="footerMenu-link ">Food</a></li> <li><a href="https://umkm.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">UMKM</a></li> <li><a href="https://edukasi.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Edukasi</a></li> <li><a href="https://www.kompas.com/parapuan/?source=kompascom&medium=footer" class="footerMenu-link ">Parapuan</a></li> <li><a href="https://foto.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Foto</a></li> <li><a href="https://video.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Video</a></li> <li><a href="https://kolom.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Kolom</a></li> <li><a href="https://vik.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">VIK</a></li> <li><a href="https://jeo.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">JEO</a></li> <li><a href="https://lestari.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Lestari</a></li> <li><a href="https://ohayojepang.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Ohayo Jepang</a></li> <li><a href="https://pesonaindonesia.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Pesona Indonesia</a></li> <li><a href="https://play.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Play</a></li> <li><a href="https://indeks.kompas.com/terpopuler/?source=kompascom&medium=footer" class="footerMenu-link ">Artikel Terpopuler</a></li> <li><a href="https://indeks.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Artikel Terkini</a></li> <li><a href="https://www.kompas.com/topik-pilihan/?source=kompascom&medium=footer" class="footerMenu-link ">Topik Pilihan</a></li> <li><a href="https://indeks.kompas.com/headline/?source=kompascom&medium=footer" class="footerMenu-link ">Artikel Headline</a></li> </ul> </div> </div> <div class="footerCol-nav --colNetwork"> <div class="footerMenu-title">Network</div> <div class="footerMenu"> <ul class="footerMenu-wrap"> <li><a href="https://kompas.com/?source=kompascom&medium=footer" class="footerMenu-link ">Kompas.com</a></li> <li><a href="https://kompas.id/?source=kompascom&medium=footer" class="footerMenu-link ">Harian KOMPAS</a></li> <li><a href="https://www.kompas.tv/?source=kompascom&medium=footer" class="footerMenu-link ">KompasTV</a></li> <li><a href="https://www.kompasiana.com/?source=kompascom&medium=footer" class="footerMenu-link ">Kompasiana</a></li> <li><a href="https://www.kgmedia.id/?source=kompascom&medium=footer" class="footerMenu-link ">KG Media</a></li> <li><a href="https://www.kgnow.com/?source=kompascom&medium=footer" class="footerMenu-link ">KGNow!</a></li> <li><a href="https://pasangiklan.com/?source=kompascom&medium=footer" class="footerMenu-link ">Pasangiklan.com</a></li> <li><a href="http://www.kontan.co.id/?source=kompascom&medium=footer" class="footerMenu-link ">Kontan</a></li> <li><a href="https://www.sonora.id/?source=kompascom&medium=footer" class="footerMenu-link ">Sonora</a></li> <li><a href="https://www.grid.id/?source=kompascom&medium=footer" class="footerMenu-link ">Grid.ID</a></li> <li><a href="https://www.gridoto.com/?source=kompascom&medium=footer" class="footerMenu-link ">GridOto.com</a></li> <li><a href="https://www.bolasport.com/?source=kompascom&medium=footer" class="footerMenu-link ">BolaSport.com</a></li> <li><a href="https://parapuan.co/?source=kompascom&medium=footer" class="footerMenu-link ">Parapuan</a></li> <li><a href="https://tribunnews.com/?source=kompascom&medium=footer" class="footerMenu-link ">Tribunnews</a></li> <li><a href="https://www.gramedia.com/?source=kompascom&medium=footer" class="footerMenu-link ">Gramedia.com</a></li> <li><a href="https://ebooks.gramedia.com/?source=kompascom&medium=footer" class="footerMenu-link ">Gramedia Digital</a></li> </ul> </div> </div> </div> <div class="footerBottom"> <div class="footerBottom-wrap"> <ul class="footerBottom-menu"> <li> <a class="footerMenu-link" href="https://indeks.kompas.com/topik-pilihan/list/3361/kabar.palmerah">Kabar Palmerah</a> </li> <li> <a class="footerMenu-link" href="https://inside.kompas.com/about-us">About Us</a> </li> <li> <a class="footerMenu-link" href="http://www.meetkcm.com/">Advertise</a> </li> <li> <a class="footerMenu-link" href="https://inside.kompas.com/term-of-use">Ketentuan Penggunaan</a> </li> <li> <a class="footerMenu-link" href="https://www.kgmedia.id/legal-privacy-id">Kebijakan Data Pribadi</a> </li> <li> <a class="footerMenu-link" href="https://inside.kompas.com/pedoman">Pedoman Media Siber</a> </li> <li> <a class="footerMenu-link" href="https://jobs.kompas.com">Career</a> </li> <li> <a class="footerMenu-link" href="https://inside.kompas.com/about-us#meet">Contact Us</a> </li> </ul> </div> <div class="footerCopyright"> <p>Copyright 2008 - 2024 PT. Kompas Cyber Media (Kompas Gramedia Digital Group). All Rights Reserved. </p> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> var base_url = 'http://ohayojepang.kompas.com/'; var base_assets = 'https://asset.kompas.com/data/2024/ohayo_jepang/'; </script> <script async defer src="https://www.instagram.com/embed.js"></script> <script src="https://asset.kompas.com/data/2024/ohayo_jepang/fonts/svgxuse.js?v=3"></script> <script src="https://asset.kompas.com/data/2024/ohayo_jepang/js/jquery-1.12.0.min.js"></script> <script src="https://asset.kompas.com/data/2024/02/27/sso/js/sso_personalisasi.min.js"></script> <script type="text/javascript" src="https://asset.kompas.com/data/2023/sso/js/sdk-cookie-consent-v3.min.js"></script> <script src="https://asset.kompas.com/data/2023/08/30/sso/js/extender.min.js"></script> <script src="https://asset.kompas.com/data/2022/sso/js/ssouser.min.js?v=2"></script> <script src="https://asset.kompas.com/data/2024/ohayo_jepang/js/main.min.js?v=20241009"></script> <script src="https://asset.kompas.com/data/2024/ohayo_jepang/js/main-revamp.min.js?v=20240919"></script> <script src="https://asset.kompas.com/data/2024/ohayo_jepang/js/main-article.min.js?v=20240919"></script> <script src="https://asset.kompas.com/data/2024/ohayo_jepang/js/main-comment.js"></script> <script src="https://asset.kompas.com/data/2024/ohayo_jepang/js/sosmed_share.min.js"></script> <script src="https://asset.kompas.com/data/2024/ohayo_jepang/js/slick/slick.min.js"></script> <script src="https://asset.kompas.com/data/2024/ohayo_jepang/js/swiper-bundle.min.js"></script> <script src="https://asset.kompas.com/data/2024/ohayo_jepang/js/main-photo-article.js?v=20240919"></script> <script src="https://asset.kompas.com/data/2017/wp/js/jquery.lazyload.min.js"></script> <script> /*! lozad.js - v1.7.0 - 2018-11-08 * https://github.com/ApoorvSaxena/lozad.js * Copyright (c) 2018 Apoorv Saxena; Licensed MIT */ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.lozad=e()}(this,function(){"use strict";var g=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t},r="undefined"!=typeof document&&document.documentMode,l={rootMargin:"0px",threshold:0,load:function(t){if("picture"===t.nodeName.toLowerCase()){var e=document.createElement("img");r&&t.getAttribute("data-iesrc")&&(e.src=t.getAttribute("data-iesrc")),t.getAttribute("data-alt")&&(e.alt=t.getAttribute("data-alt")),t.appendChild(e)}t.getAttribute("data-src")&&(t.src=t.getAttribute("data-src")),t.getAttribute("data-srcset")&&t.setAttribute("srcset",t.getAttribute("data-srcset")),t.getAttribute("data-background-image")&&(t.style.backgroundImage="url('"+t.getAttribute("data-background-image")+"')"),t.getAttribute("data-toggle-class")&&t.classList.toggle(t.getAttribute("data-toggle-class"))},loaded:function(){}}; /** * Detect IE browser * @const {boolean} * @private */function f(t){t.setAttribute("data-loaded",!0)}var b=function(t){return"true"===t.getAttribute("data-loaded")};return function(){var r,o,a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:".lozad",t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},e=g({},l,t),n=e.root,i=e.rootMargin,d=e.threshold,u=e.load,c=e.loaded,s=void 0;return window.IntersectionObserver&&(s=new IntersectionObserver((r=u,o=c,function(t,e){t.forEach(function(t){(0<t.intersectionRatio||t.isIntersecting)&&(e.unobserve(t.target),b(t.target)||(r(t.target),f(t.target),o(t.target)))})}),{root:n,rootMargin:i,threshold:d})),{observe:function(){for(var t=function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:document;return t instanceof Element?[t]:t instanceof NodeList?t:e.querySelectorAll(t)}(a,n),e=0;e<t.length;e++)b(t[e])||(s?s.observe(t[e]):(u(t[e]),f(t[e]),c(t[e])))},triggerLoad:function(t){b(t)||(u(t),f(t),c(t))},observer:s}}}); </script> <script type="text/javascript"> $(document).ready(function() { // Initialize library lozad('.lozad', { load: function(el) { el.src = el.dataset.src; el.onload = function() { el.classList.add('fade') } } }).observe(); }); </script> <script> !(function () { var time = new Date().getTime(); $(document.body).bind('mousemove keypress', function(e) { time = new Date().getTime(); }); function refresh() { if (new Date().getTime() - time >= 900000) { // 15 Menit window.location.reload(true); } else { setTimeout(refresh, 10000); } } setTimeout(refresh, 10000); })(); $('#search_input').keypress(function(e) { if(e.which == 13) { window.location = 'https://ohayojepang.kompas.com/search?q='+$(this).val(); } }); $("#btn-load-more").click(function() { var s = this; $(this).hide(); $(this).parent().append('<a href="javascript:void(0)" class="btn btn__more" id="load-more-loading">Loading ... </a>'); $.ajax({ url: $(this).attr("data-url"), data:{ page: $(this).attr("data-page") }, type: "post", dataType: "json", success: function(t) { $($(s).attr("data-append")).append(t.result), t.status && ($(s).attr("data-page", t.next_page), $(s).attr("data-url", t.url), $(s).show()), $("#load-more-loading").remove(); } }); }); </script> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0&appId=2009817585933943&autoLogAppEvents=1'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> </body> </html>