CINXE.COM

<!doctype html> <html lang="id"> <head> <meta charset="utf-8"> <meta name="theme-color" content="#15212e">  <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-KV2DFQ7'); </script>  <title>Kumpulan Widget Berita Gratis JPNN.COM - Widget JPNN.COM</title> <link rel="dns-prefetch" href="https://www.gstatic.com" /> <link rel="dns-prefetch" href="https://www.google-analytics.com" /> <link rel="dns-prefetch" href="https://ajax.googleapis.com"> <link rel="dns-prefetch" href="https://cdn.ampproject.org" /> <link rel="dns-prefetch" href="https://www.googletagmanager.com" /> <link rel="dns-prefetch" href="https://partner.googleadservices.com" /> <link rel="dns-prefetch" href="https://tpc.googlesyndication.com" /> <link rel="dns-prefetch" href="https://ad.doubleclick.net"> <link rel="dns-prefetch" href="https://googleads.g.doubleclick.net"> <link rel="dns-prefetch" href="https://securepubads.g.doubleclick.net"> <link rel="dns-prefetch" href="https://stats.g.doubleclick.net"> <link rel="dns-prefetch" href="https://cm.g.doubleclick.net"> <link rel="dns-prefetch" href="https://platform-api.sharethis.com"> <link rel="dns-prefetch" href="https://fonts.googleapis.com"> <link rel="dns-prefetch" href="https://fonts.gstatic.com"> <link rel='dns-prefetch' href="https://cdnjs.cloudflare.com/" /> <link rel="dns-prefetch" href="https://certify-js.alexametrics.com" /> <link rel="dns-prefetch" href="https://use.fontawesome.com"> <link rel="dns-prefetch" href="https://mc.yandex.ru" /> <link rel='dns-prefetch' href="https://i.ytimg.com" /> <link rel="dns-prefetch" href="https://connect.facebook.net" /> <link rel="dns-prefetch" href="https://platform.twitter.com" /> <link rel="dns-prefetch" href="https://anymind360.com" /> <link rel="dns-prefetch" href="https://jsc.mgid.com" /> <link rel="dns-prefetch" href="https://cloud.jpnn.com" /> <link rel="dns-prefetch" href="https://photo.jpnn.com" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="canonical" href="https://widget.jpnn.com/" /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="https://www.jpnn.com?mib=rss" /> <link rel="alternate" media="only screen and (max-width: 640px)" href="https://widget.jpnn.com/" /> <link rel="shortcut icon" type="image/x-icon" href="https://www.jpnn.com/favicon.ico"> <link rel="image_src" href="https://www.jpnn.com/assets/img/jpnncom.png" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1" /> <meta name="keywords" content="Berita, Terkini, Indonesia, politik, ekonomi, hukum, kriminal, lifestyle, liga, olahraga, bisnis, otomotif, hiburan, nasional, internasional, bola, gosip, teknologi" itemprop="keywords" /> <meta name="news_keywords" content="Berita, Terkini, Indonesia, politik, ekonomi, hukum, kriminal, lifestyle, liga, olahraga, bisnis, otomotif, hiburan, nasional, internasional, bola, gosip, teknologi" itemprop="keywords" /> <meta name="description" content="JPNN.com menyajikan berita terkini Nasional dan Internasional dengan jaringan media terbesar di Indonesia dari Aceh hingga Papua." itemprop="description" /> <meta name="thumbnailUrl" content="https://www.jpnn.com/assets/img/jpnncom.png" itemprop="thumbnailUrl" /> <meta content="Widget JPNN.com menyajikan berita terkini Nasional dan Internasional dengan jaringan media terbesar di Indonesia dari Aceh hingga Papua." itemprop="headline" /> <meta content="https://widget.jpnn.com/" itemprop="url" /> <meta name="author" content="JPNN.com" /> <meta name="copyright" content="Copyright JPNN.com" /> <meta name="language" content="id" /> <meta name="geo.placename" content="Indonesia"> <meta name="geo.country" content="id"> <meta http-equiv="content-language" content="In-Id"> <meta name="distribution" content="Global" /> <meta name="rating" content="General" /> <meta name="robots" content="index,follow" /> <meta name="googlebot" content="index,follow" /> <meta name="googlebot-news" content="index,follow" /> <meta name="revisit-after" content="1 days" /> <meta name="dc.title" content="JPNN" /> <meta name="dc.creator.e-mail" content="webservices@jpnn.com" /> <meta name="dc.creator.name" content="JPNN.com" /> <meta name="dc.creator.website" content="https://www.jpnn.com" /> <meta name="tgn.name" content="Jakarta" /> <meta name="tgn.nation" content="Indonesia" /> <meta name="google-site-verification" content="_XfRttVlcIYg9q3drrZz1REjml6BpLTlNRnAwsxx9Tg" /> <meta name="msvalidate.01" content="914415EB85CAFB3C6392E4F3BCF6E50D" /> <meta name="alexaVerifyID" content="tIRVEdgUmCkx0hjYhIsENyctuAQ" /> <meta name="google" content="nositelinkssearchbox" />  <meta property="fb:app_id" content="1230876460399172"> <meta property="fb:pages" content="53788620694" /> <meta property="article:author" content="https://www.facebook.com/jpnncom" /> <meta property="article:publisher" content="https://www.facebook.com/jpnncom" /> <meta property="og:url" content="https://widget.jpnn.com/" /> <meta property="og:title" content="Kumpulan Widget Berita Gratis JPNN.COM" /> <meta property="og:description" content="Widget JPNN.com menyajikan berita terkini Nasional dan Internasional dengan jaringan media terbesar di Indonesia dari Aceh hingga Papua." /> <meta property="og:image" content="https://www.jpnn.com/assets/img/jpnncom.png"> <meta property="og:image:width" content="665"> <meta property="og:image:height" content="445"> <meta property="og:locale" content="id_ID" /> <meta property="og:type" content="article" /> <meta property="og:site_name" content="www.jpnn.com" /> <meta property="og:ttl" content="345600" /> <meta name="Facebot" content="index,follow" />  <meta name="twitter:card" content="summary_large_image" data-dynamic="true"> <meta name="twitter:site" content="@jpnncom" data-dynamic="true"> <meta name="twitter:title" content="Kumpulan Widget Berita Gratis JPNN.COM" data-dynamic="true"> <meta name="twitter:description" content="Widget JPNN.com menyajikan berita terkini Nasional dan Internasional dengan jaringan media terbesar di Indonesia dari Aceh hingga Papua." data-dynamic="true"> <meta name="twitter:creator" content="@jpnncom" data-dynamic="true"> <meta name="twitter:image" content="https://www.jpnn.com/assets/img/jpnncom.png" data-dynamic="true"> <meta name="twitter:url" content="https://widget.jpnn.com/" data-dynamic="true"> <meta name="twitter:domain" content="www.jpnn.com" data-dynamic="true">  <link rel="author" href="https://plus.google.com/105440276395813137928" /> <link rel="publisher" href="https://plus.google.com/105440276395813137928" /> <script type="text/javascript" async defer src="https://apis.google.com/js/platform.js?publisherid=105440276395813137928"></script> <link href="https://widget.jpnn.com/assets/fonts/fontawesome/css/all.css" rel="stylesheet"> <link href="https://widget.jpnn.com/assets/bootstrap/css/bootstrap.css" rel="stylesheet"> <link href="https://widget.jpnn.com/assets/css/style_2.css" rel="stylesheet"> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Bebas+Neue" /> <script src="https://widget.jpnn.com/assets/js/jquery-3.6.0.js"></script> <script src="https://widget.jpnn.com/assets/fonts/fontawesome/js/all.js"></script> <script src="https://widget.jpnn.com/assets/bootstrap/js/bootstrap.bundle.js"></script> <script src="https://widget.jpnn.com/assets/js/script.js"></script> <script src="https://widget.jpnn.com/assets/js/jquery-3.3.1.min.js"></script> <script src="https://widget.jpnn.com/assets/plugin/bootstrap-3.3.7/js/bootstrap.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KV2DFQ7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <header> <nav class="navbar navbar-expand-xs navbar-dark bg-theme"> <div class="container d-flex justify-content-start align-items-middle"> <div class="menu-toggle"> <a href="javascript:;" id="tog" data-bs-toggle="collapse" title="Klik untuk membuka Menu" style="font-size: 19px;"> <img src="https://widget.jpnn.com/assets/img/svg/home.svg"> </a> </div> <a class="navbar-brand" href="https://www.jpnn.com/"> <img src="https://www.jpnn.com/assets/img/jpnncom.png" alt="Logo JPNN" width="150" height="50"> </a> <div id="nmenu" class="box-right ms-auto"> <div class="box-menu"> <ul class="list-unstyled"> <li><a style="font-size: 18px;" href="https://www.jpnn.com/nasional">Nasional</a></li> <li><a style="font-size: 18px;" href="https://www.jpnn.com/politik">Politik</a></li> <li><a style="font-size: 18px;" href="https://www.jpnn.com/daerah">Daerah</a></li> <li><a style="font-size: 18px;" href="https://www.jpnn.com/ekonomi">Ekonomi</a></li> <li><a style="font-size: 18px;" href="https://www.jpnn.com/internasional">International</a></li> <li><a style="font-size: 18px;" href="https://www.jpnn.com/olahraga">Olahraga</a></li> <li><a style="font-size: 18px;" href="https://www.jpnn.com/entertainment">Entertainment</a></li> <li><a style="font-size: 18px;" href="https://www.jpnn.com/lifestyle">Lifestyle</a></li> <li><a style="font-size: 18px;" href="https://www.jpnn.com/teknologi">Teknologi</a></li> <li><a style="font-size: 18px;" href="https://www.jpnn.com/video">Video</a></li> <li><a style="font-size: 18px;" href="https://www.jpnn.com/foto">Foto</a></li> </ul> </div> <a href="https://www.jpnn.com/indeks" style="font-family: Bebas Neue; font-size: 18px; padding-right: 15px;">INDEKS</a> <a href="https://www.jpnn.com/search?q=JPNN.com" class="btn btn-light btn-search"><i class="fas fa-search"></i></a> </div> <div class="collapse navbar-collapse nav-collapse"> <ul class="navbar-nav ms-auto"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://www.jpnn.com/nasional" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Nasional </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="https://www.jpnn.com/nasional/hukum">Hukum</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/nasional/humaniora">Humaniora</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/nasional/istana">Istana</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/nasional/kesehatan">Kesehatan</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/nasional/lingkungan">Lingkungan</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/nasional/politik">Politik</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/nasional/sosial">Sosial</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/nasional/tokoh">Tokoh</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/nasional/berita-bca">Berita BCA</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://www.jpnn.com/politik" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Politik </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="https://www.jpnn.com/politik/legislatif">Legislatif</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/politik/parpol">Parpol</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/politik/pilpres">Pilpres</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/politik/pemilihan-umum">Pemilihan Umum</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/politik/pilkada">Pilkada</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://www.jpnn.com/daerah" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Daerah </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="https://www.jpnn.com/daerah/">Aceh</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/daerah/">Bali</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/daerah/">Kep. Bangka Belitung</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/daerah/">Banten</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/daerah/">Papua Barang</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/daerah/">Bengkulu</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/daerah/">DKI Jakarta</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/daerah/">Gorontalo</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/daerah/">Jabar</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/daerah/">Jambi</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/daerah/">Jateng</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/daerah/">Jatim</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/daerah/">Jawa</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/daerah/">Kalbar</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/daerah/">Kalsel</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/daerah/">Kaltara</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/daerah/">Kalteng</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/daerah/">Kaltim</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/daerah/">Kep. Riau</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/daerah/">Lampung</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://www.jpnn.com/ekonomi" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Ekonomi </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="https://www.jpnn.com/ekonomi/bisnis">Bisnis</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/ekonomi/industri">Industri</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/ekonomi/investasi">Investasi</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/ekonomi/makro">Makro</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/ekonomi/otomotif">Otomotif</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/ekonomi/pajak">Pajak</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/ekonomi/produk">Produk</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/ekonomi/properti">Properti</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/ekonomi/syariah">Syariah</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/ekonomi/ukm">UKM</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/ekonomi/valas">Valas</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://www.jpnn.com/internasional" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Internasional </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="https://www.jpnn.com/internasional/afrika">Afrika</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/internasional/amerika">Amerika</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/internasional/asia">Asia</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/internasional/eropa">Eropa</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/internasional/global">Global</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/internasional/timur-tengah">Timur Tengah</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://www.jpnn.com/olahraga" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Olahraga </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="https://www.jpnn.com/olahraga/formula-1">Formula 1</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/olahraga/all-sport">All Sport</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/olahraga/basket">Basket</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/olahraga/bulu-tangkis">Bulu Tangkis</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/olahraga/tour-de-singkarak">Tour De Singkarak</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/olahraga/piala-eropa">Piala Eropa</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/olahraga/moto-gp">Moto GP</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/olahraga/liga-indonesia">Liga Indonesia</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/olahraga/liga-inggris">Liga Inggris</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/olahraga/liga-italia">Liga Italia</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/olahraga/liga-jerman">Liga Jerman</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/olahraga/liga-spanyol">Liga Spanyol</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/olahraga/olimpiade">Olimpiade</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/olahraga/sepakbola">Sepakbola</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/olahraga/tenis">Tenis</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://www.jpnn.com/entertainment" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Entertainment </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="https://www.jpnn.com/entertainment/event">Event</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/entertainment/film">Film</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/entertainment/gosip">Gosip</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/entertainment/musik">Musik</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/entertainment/seleb">Seleb</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://www.jpnn.com/lifestyle" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Lifestyle </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="https://www.jpnn.com/lifestyle/food">Food</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/lifestyle/hobi">Hobi</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/lifestyle/keluarga">Keluarga</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/lifestyle/kesehatan">Kesehatan</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/lifestyle/komunitas">Komunitas</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/lifestyle/perempuan">Perempuan</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/lifestyle/sex">Sex</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/lifestyle/traveling">Traveling</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://www.jpnn.com/teknologi" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Teknologi </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="https://www.jpnn.com/teknologi/gadget">Gadget</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/teknologi/internet">Internet</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/teknologi/komputer">Komputer</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/teknologi/sains">Sains</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/teknologi/smart-techno">Smart Techno</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://video.jpnn.com/" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Video </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="https://video.jpnn.com/215">Nasional</a></li> <li><a class="dropdown-item" href="https://video.jpnn.com/212">Politik</a></li> <li><a class="dropdown-item" href="https://video.jpnn.com/248">Ekonomi</a></li> <li><a class="dropdown-item" href="https://video.jpnn.com/213">Olahraga</a></li> <li><a class="dropdown-item" href="https://video.jpnn.com/214">Entertainment</a></li> <li><a class="dropdown-item" href="https://video.jpnn.com/210">Internasional</a></li> <li><a class="dropdown-item" href="https://video.jpnn.com/275">Lifestyle</a></li> <li><a class="dropdown-item" href="https://video.jpnn.com/247">Teknologi</a></li> <li><a class="dropdown-item" href="https://video.jpnn.com/278">Pendidikan</a></li> <li><a class="dropdown-item" href="https://video.jpnn.com/307">Ramadhan</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://foto.jpnn.com/" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Foto </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="https://foto.jpnn.com/nasional">Nasional</a></li> <li><a class="dropdown-item" href="https://foto.jpnn.com/daerah">Daerah</a></li> <li><a class="dropdown-item" href="https://foto.jpnn.com/ekonomi">Ekonomi</a></li> <li><a class="dropdown-item" href="https://foto.jpnn.com/olahraga">Olahraga</a></li> <li><a class="dropdown-item" href="https://foto.jpnn.com/entertainment">Entertainment</a></li> <li><a class="dropdown-item" href="https://foto.jpnn.com/internasional">Internasional</a></li> <li><a class="dropdown-item" href="https://foto.jpnn.com/kriminal">Kriminal</a></li> <li><a class="dropdown-item" href="https://foto.jpnn.com/lifestyle">Lifestyle</a></li> <li><a class="dropdown-item" href="https://foto.jpnn.com/teknologi">Teknologi</a></li> <li><a class="dropdown-item" href="https://foto.jpnn.com/otomotif">Otomotif</a></li> <li><a class="dropdown-item" href="https://foto.jpnn.com/pendidikan">Pendidikan</a></li> <li><a class="dropdown-item" href="https://foto.jpnn.com/indokartun">Indokartun</a></li> <li><a class="dropdown-item" href="https://foto.jpnn.com/menpan">Menpan</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> More... </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="https://www.jpnn.com/kriminal">Kriminal</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/historiana">Historiana</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/dahlan-iskan">New Hope</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/australia-plus">Australia Plus</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/english">English</a></li> <li><a class="dropdown-item" href="https://www.jpnn.com/indocartoon">IndoCartoon</a></li> </ul> </li> </ul> </div> </div> </nav> </header>  <style> @media (min-width: 576px) { .card-columns { column-count: 2; } } @media (min-width: 768px) { .card-columns { column-count: 2; } } @media (min-width: 992px) { .card-columns { column-count: 4; } } @media (min-width: 1200px) { .card-columns { column-count: 5; } } #content { min-height: 80vh; } .card-title { color: #007682; cursor: pointer; } .card-title:hover { color: #F69201; transition: 0.3s; } </style> <div class="container mt-5 mb-5" id="content"> <div class="card-columns"> <div class="card shadow"> <img class="card-img-top" width="206" height="206" src="https://widget.jpnn.com/assets/img/new/news_update.jpg" alt="Berita Terbaru" onclick="changeModalContent(1)" data-toggle="modal" data-target="#exampleModal" title="Widget Berita Terbaru" style="cursor: pointer;"> <div class="card-body"> <h5 class="card-title" onclick="changeModalContent(1)" data-toggle="modal" data-target="#exampleModal" title="Widget Berita Terbaru">Berita Terbaru</h5> <select id="widgetOrientationModal-1"> <option value='<iframe width="400" height="500" src="https://widget.jpnn.com/terbaru/potrait" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Potrait</option> <option value='<iframe width="800" height="450" src="https://widget.jpnn.com/terbaru/landscape" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Landscape</option> </select> <button class="mt-3 btn btn-sm btn-primary text-center btn-block" onclick="copyToClipboard(1)">Copy Embed</button> </div> </div> <div class="card shadow"> <img class="card-img-top" width="206" height="206" src="https://widget.jpnn.com/assets/img/widget-donwori.png" alt="Berita Donwori" onclick="changeModalContent(2)" data-toggle="modal" data-target="#exampleModal" title="Widget Berita Donwori" style="cursor: pointer;"> <div class="card-body"> <h5 class="card-title" onclick="changeModalContent(2)" data-toggle="modal" data-target="#exampleModal" title="Widget Berita Donwori">Berita Donwori</h5> <select id="widgetOrientationModal-2"> <option value='<iframe width="400" height="500" src="https://widget.jpnn.com/donwori/potrait" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Potrait</option> <option value='<iframe width="800" height="450" src="https://widget.jpnn.com/donwori/landscape" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Landscape</option> </select> <button class="mt-3 btn btn-sm btn-primary text-center btn-block" onclick="copyToClipboard(2)">Copy Embed</button> </div> </div> <div class="card shadow"> <img class="card-img-top" width="206" height="206" src="https://widget.jpnn.com/assets/img/new/historiana.jpg" alt="Historiana" onclick="changeModalContent(3)" data-toggle="modal" data-target="#exampleModal" title="Widget Historiana" style="cursor: pointer;"> <div class="card-body"> <h5 class="card-title" onclick="changeModalContent(3)" data-toggle="modal" data-target="#exampleModal" title="Widget Historiana">Historiana</h5> <select id="widgetOrientationModal-3"> <option value='<iframe width="400" height="500" src="https://widget.jpnn.com/historiana/potrait" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Potrait</option> <option value='<iframe width="800" height="450" src="https://widget.jpnn.com/historiana/landscape" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Landscape</option> </select> <button class="mt-3 btn btn-sm btn-primary text-center btn-block" onclick="copyToClipboard(3)">Copy Embed</button> </div> </div> <div class="card shadow"> <img class="card-img-top" width="206" height="206" src="https://widget.jpnn.com/assets/img/new/headline_news.jpg" alt="Berita Headline" onclick="changeModalContent(4)" data-toggle="modal" data-target="#exampleModal" title="Widget Berita Headline" style="cursor: pointer;"> <div class="card-body"> <h5 class="card-title" onclick="changeModalContent(4)" data-toggle="modal" data-target="#exampleModal" title="Widget Berita Headline">Berita Headline</h5> <select id="widgetOrientationModal-4"> <option value='<iframe width="400" height="500" src="https://widget.jpnn.com/headline/potrait" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Potrait</option> <option value='<iframe width="800" height="450" src="https://widget.jpnn.com/headline/landscape" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Landscape</option> </select> <button class="mt-3 btn btn-sm btn-primary text-center btn-block" onclick="copyToClipboard(4)">Copy Embed</button> </div> </div> <div class="card shadow"> <img class="card-img-top" width="206" height="206" src="https://widget.jpnn.com/assets/img/new/pilihan_redaksi.jpg" alt="Pilihan Redaksi" onclick="changeModalContent(5)" data-toggle="modal" data-target="#exampleModal" title="Widget Pilihan Redaksi" style="cursor: pointer;"> <div class="card-body"> <h5 class="card-title" onclick="changeModalContent(5)" data-toggle="modal" data-target="#exampleModal" title="Widget Pilihan Redaksi">Pilihan Redaksi</h5> <select id="widgetOrientationModal-5"> <option value='<iframe width="400" height="500" src="https://widget.jpnn.com/pilred/potrait" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Potrait</option> <option value='<iframe width="800" height="450" src="https://widget.jpnn.com/pilred/landscape" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Landscape</option> </select> <button class="mt-3 btn btn-sm btn-primary text-center btn-block" onclick="copyToClipboard(5)">Copy Embed</button> </div> </div> <div class="card shadow"> <img class="card-img-top" width="206" height="206" src="https://widget.jpnn.com/assets/img/new/new_photos.jpg" alt="Foto Terbaru" onclick="changeModalContent(6)" data-toggle="modal" data-target="#exampleModal" title="Widget Foto Terbaru" style="cursor: pointer;"> <div class="card-body"> <h5 class="card-title" onclick="changeModalContent(6)" data-toggle="modal" data-target="#exampleModal" title="Widget Foto Terbaru">Foto Terbaru</h5> <select id="widgetOrientationModal-6"> <option value='<iframe width="400" height="500" src="https://widget.jpnn.com/foto/potrait" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Potrait</option> <option value='<iframe width="800" height="450" src="https://widget.jpnn.com/foto/landscape" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Landscape</option> </select> <button class="mt-3 btn btn-sm btn-primary text-center btn-block" onclick="copyToClipboard(6)">Copy Embed</button> </div> </div> <div class="card shadow"> <img class="card-img-top" width="206" height="206" src="https://widget.jpnn.com/assets/img/new/new_video.jpg" alt="Video Terbaru" onclick="changeModalContent(7)" data-toggle="modal" data-target="#exampleModal" title="Widget Video Terbaru" style="cursor: pointer;"> <div class="card-body"> <h5 class="card-title" onclick="changeModalContent(7)" data-toggle="modal" data-target="#exampleModal" title="Widget Video Terbaru">Video Terbaru</h5> <select id="widgetOrientationModal-7"> <option value='<iframe width="400" height="500" src="https://widget.jpnn.com/video/potrait" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Potrait</option> <option value='<iframe width="800" height="450" src="https://widget.jpnn.com/video/landscape" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Landscape</option> </select> <button class="mt-3 btn btn-sm btn-primary text-center btn-block" onclick="copyToClipboard(7)">Copy Embed</button> </div> </div> <div class="card shadow"> <img class="card-img-top" width="206" height="206" src="https://widget.jpnn.com/assets/img/new/valas.jpg" alt="Kurs Valuta Asing" onclick="changeModalContent(8)" data-toggle="modal" data-target="#exampleModal" title="Widget Kurs Valuta Asing" style="cursor: pointer;"> <div class="card-body"> <h5 class="card-title" onclick="changeModalContent(8)" data-toggle="modal" data-target="#exampleModal" title="Widget Kurs Valuta Asing">Kurs Valuta Asing</h5> <select id="widgetOrientationModal-8"> <option value='<iframe width="400" height="500" src="https://widget.jpnn.com/kurs/potrait" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Potrait</option> <option value='<iframe width="800" height="500" src="https://widget.jpnn.com/kurs/landscape" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Landscape</option> </select> <button class="mt-3 btn btn-sm btn-primary text-center btn-block" onclick="copyToClipboard(8)">Copy Embed</button> </div> </div> <div class="card shadow"> <img class="card-img-top" width="206" height="206" src="https://widget.jpnn.com/assets/img/new/liga.jpg" alt="Klasemen Liga" onclick="changeModalContent(9)" data-toggle="modal" data-target="#exampleModal" title="Widget Klasemen Liga" style="cursor: pointer;"> <div class="card-body"> <h5 class="card-title" onclick="changeModalContent(9)" data-toggle="modal" data-target="#exampleModal" title="Widget Klasemen Liga">Klasemen Liga</h5> <select id="widgetOrientationModal-9"> <option value='<iframe width="400" height="500" src="https://widget.jpnn.com/football/potrait" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Potrait</option> <option value='<iframe width="800" height="500" src="https://widget.jpnn.com/football/landscape" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Landscape</option> </select> <button class="mt-3 btn btn-sm btn-primary text-center btn-block" onclick="copyToClipboard(9)">Copy Embed</button> </div> </div> <div class="card shadow"> <img class="card-img-top" width="206" height="206" src="https://photo.jpnn.com/galeri/watermark/2020/05/04/misteri-pandemi-dan-korupsi.jpg" alt="Karikatur" onclick="changeModalContent(10)" data-toggle="modal" data-target="#exampleModal" title="Widget Karikatur" style="cursor: pointer;"> <div class="card-body"> <h5 class="card-title" onclick="changeModalContent(10)" data-toggle="modal" data-target="#exampleModal" title="Widget Karikatur">Karikatur</h5> <select id="widgetOrientationModal-10"> <option value='<iframe width="400" height="500" src="https://widget.jpnn.com/karikatur" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Potrait</option> <option value='<iframe width="800" height="500" src="https://widget.jpnn.com/karikatur" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Landscape</option> </select> <button class="mt-3 btn btn-sm btn-primary text-center btn-block" onclick="copyToClipboard(10)">Copy Embed</button> </div> </div> <div class="card shadow"> <img class="card-img-top" width="206" height="206" src="https://images.genpi.co/uploads/apps/widget/watermark/2022/03/15/imsakiyah-murl.jpg" alt="Imsakiyah" onclick="changeModalContent(11)" data-toggle="modal" data-target="#exampleModal" title="Widget Imsakiyah" style="cursor: pointer;"> <div class="card-body"> <h5 class="card-title" onclick="changeModalContent(11)" data-toggle="modal" data-target="#exampleModal" title="Widget Imsakiyah">Imsakiyah</h5> <select id="widgetOrientationModal-11"> <option value='<iframe width="600" height="500" src="https://widget.jpnn.com/ramadhan" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Potrait</option> <option value='<iframe width="800" height="500" src="https://widget.jpnn.com/ramadhan" frameborder="0" allowfullscreen="allowfullscreen" scrolling="yes"></iframe>'>Landscape</option> </select> <button class="mt-3 btn btn-sm btn-primary text-center btn-block" onclick="copyToClipboard(11)">Copy Embed</button> </div> </div> </div> </div> <script> function Clipboard_CopyTo(value) { var tempInput = document.createElement("input"); tempInput.value = value; document.body.appendChild(tempInput); tempInput.select(); document.execCommand("copy"); document.body.removeChild(tempInput); alert("Embed Berhasil Disalin"); } function copyToClipboard(card_id) { var valueText = $('#widgetOrientationModal-' + card_id).val(); Clipboard_CopyTo(valueText); } </script>   <style> body .modal-dialog { max-width: 100%; width: auto !important; display: inline-block; } .modal { z-index: -1; display: flex !important; justify-content: center; align-items: center; } .modal-open .modal { z-index: 1050; } </style> <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <span> <h5 class="modal-title">Widget JPNN.com</h5> </span> <span> <select id="widgetOrientation"> </select> </span> </div> <div class="modal-body text-center"> </div> </div> </div> </div> <script> function changeModalContent(card_id) { iframe = $('#widgetOrientationModal-' + card_id).val(); html = $('#widgetOrientationModal-' + card_id).html(); html = html.replace(/"/g, '\''); iframe = iframe.replace(/"/g, "'"); html = html.replace('<option value="' + iframe + '">', '<option value="' + iframe + '" selected>'); html = html.replace('<option value="' + iframe + '">', '<option value="' + iframe + '" selected>'); $("#exampleModal").css('overflow') $(".modal-body").empty(); $(".modal-body").append(iframe); $("#widgetOrientation").empty(); $("#widgetOrientation").append(html); } $('#widgetOrientation').on('change', function(e) { iframe = this.value; $(".modal-body").empty(); $(".modal-body").append(iframe); }); </script>  <footer class="footer-one"> <div class="container py-4"> <div class="row"> <div class="col-md-12 text-white text-center mb-3" style="font-size:12px"> <img src="https://www.jpnn.com/assets/img/jpnncom.png" alt="" width="150" class="mb-3"> <p class="bold">PT.   Jaringan Pemberitaan Nusantara Negeriku</p> <p>Graha Pena Jawa Pos Group Building,  11th floor</p> <p>Jl.   Raya Kebayoran Lama 12 Jakarta Selatan 12210</p> <p>Phone  :  +62 21 5369 9607</p> <p>Fax  :  +62 21 5365 1465</p> </div> <div class="col-md-12"> <div class="social text-white text-center" style="padding-bottom:10px"> <hr> <h6 style="font-size:13px"><b>Ikuti Kami</b></h6> <a href="https://facebook.com/jpnncom"><i class="fab fa-facebook"></i></a> <a href="https://twitter.com/jpnncom"><i class="fab fa-twitter"></i></a> <a href="https://instagram.com/jpnncom"><i class="fab fa-instagram"></i></a> <a href="https://youtube.com/user/JPNNTV"><i class="fab fa-youtube"></i></a> <a href="https://plus.google.com/u/0/105440276395813137928/posts"><i class="fab fa-google-plus"></i></a> <a href="https://pinterest.com/jpnncom/"><i class="fab fa-pinterest"></i></a> <a href="https://www.jpnn.com/index.php?mib=rssfeed"><i class="fa fa-rss"></i></a> </div> </div> </div> </div> </footer> <footer class="footer-two"> <div class="container py-4"> <ul class="nav justify-content-center"> <li class="nav-item"><a href="https://www.jpnn.com/about" class="nav-link px-2 text-muted">Tentang Kami</a></li> <li class="nav-item"><a href="https://www.jpnn.com/pedoman-pemberitaan-media-siber" class="nav-link px-2 text-muted">Pedoman Media Siber</a></li> <li class="nav-item"><a href="https://www.jpnn.com/privacy-policy" class="nav-link px-2 text-muted">Privacy Policy</a></li> <li class="nav-item"><a href="https://www.jpnn.com/info-iklan" class="nav-link px-2 text-muted">Iklan</a></li> <li class="nav-item"><a href="https://www.jpnn.com/karir" class="nav-link px-2 text-muted">Karier</a></li> </ul> <p class="text-muted text-center mb-0 py-2">Copyrights 漏 2021. All rights reserved.</p> </div> </footer> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.4.0/clipboard.min.js" integrity="sha512-iJh0F10blr9SC3d0Ow1ZKHi9kt12NYa+ISlmCdlCdNZzFwjH1JppRTeAnypvUez01HroZhAmP4ro4AvZ/rG0UQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdn.jsdelivr.net/npm/clipboard@1/dist/clipboard.min.js"></script> <script> $(document).ready(function() { //NAVIGASI $(".nav-menu-big").hide(); $("a.expand-menu").click(function() { if ($(this).hasClass("open-menu")) { $(".nav-menu").removeClass('collapsed'); $(".nav-menu-big").hide(); $("a.expand-menu").removeClass('open-menu'); } else { $(".nav-menu").addClass('collapsed'); $(".nav-menu-big").show(); $("a.expand-menu").addClass('open-menu'); } }); // SHOW MORE LESS $('a.showfull').click(function() { $(this).text($(this).text() == 'Show More +' ? 'Show Less -' : 'Show More +'); $(this).prev().toggle(); }); //SCROLL TO TOP $(".bt").click(function(event) { event.preventDefault(); $('body,html').animate({ scrollTop: 0, }, 2000); }); }); $(function() { //  var clipboardDemos = new Clipboard('[data-clipboard-copy]'); clipboardDemos.on('success', function(e) { e.clearSelection(); alert('Embed code copied !'); }); clipboardDemos.on('error', function(e) { alert('Failed copy !'); }); }) </script> </body> </html>