10 Website Rekomendasi Untuk Situs Berita Seputar Jawa Timur Indonesia

2026-05-13 03:21:07 - Admin

<div> <style> :root{ --bg:#f6f8fc; --card:#ffffff; --text:#1f2937; --muted:#5b6472; --primary:#0f766e; --primary-2:#115e59; --border:#dbe3ee; --accent:#e6fffb; --warn:#fff7ed; --shadow:0 10px 30px rgba(15, 23, 42, .08); --radius:18px; } *{box-sizing:border-box} body{ margin:0; font-family:Arial, Helvetica, sans-serif; background:linear-gradient(180deg,#eef4ff 0%, #f6f8fc 25%, #f6f8fc 100%); color:var(--text); line-height:1.65; } .page{ max-width:1100px; margin:0 auto; padding:24px; } .hero{ background:linear-gradient(135deg, #0f766e 0%, #1d4ed8 100%); color:#fff; border-radius:24px; padding:28px; box-shadow:var(--shadow); overflow:hidden; } .hero-grid{ display:grid; grid-template-columns:1.2fr .8fr; gap:22px; align-items:center; } h1{ margin:0 0 12px; font-size:clamp(1.7rem, 3vw, 2.6rem); line-height:1.2; } .lead{ margin:0; color:rgba(255,255,255,.92); font-size:1.02rem; } .illustration{ background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); border-radius:20px; padding:16px; } .illustration svg{ width:100%; height:auto; display:block; } .section{ margin-top:24px; background:var(--card); border:1px solid var(--border); border-radius:24px; padding:22px; box-shadow:var(--shadow); } .section h2{ margin:0 0 10px; font-size:1.35rem; color:var(--primary-2); } .section p{ margin:0 0 10px; color:var(--muted); } ol{ margin:0; padding-left:22px; } li{ margin:0 0 18px; padding:18px; border:1px solid var(--border); border-radius:18px; background:linear-gradient(180deg,#fff 0%, #fbfdff 100%); } .site-name{ font-size:1.12rem; font-weight:700; color:var(--primary-2); margin-bottom:8px; } .meta{ display:flex; flex-wrap:wrap; gap:10px; margin:10px 0 12px; } .badge{ display:inline-block; padding:6px 10px; border-radius:999px; font-size:.9rem; background:var(--accent); color:#0f766e; border:1px solid #bff3eb; } .badge.warn{ background:var(--warn); color:#9a3412; border-color:#fed7aa; } .label{ font-weight:700; color:#374151; } a{ color:#0b63ce; word-break:break-word; } a:hover{color:#084b9a} .proscons{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; } .box{ padding:14px; border-radius:14px; border:1px solid var(--border); background:#f8fbff; } .box h3{ margin:0 0 8px; font-size:1rem; } .box.pro{ background:#f0fdf4; border-color:#bbf7d0; } .box.con{ background:#fff7ed; border-color:#fed7aa; } .small{ font-size:.95rem; color:var(--muted); } @media (max-width: 760px){ .page{padding:14px} .hero{padding:20px} .hero-grid{grid-template-columns:1fr} .section{padding:16px} li{padding:14px} .proscons{grid-template-columns:1fr} } </style> <div class="page"> <div class="hero"> <div class="hero-grid"> <div> <h1>10 Website Rekomendasi Untuk Situs Berita Seputar Jawa Timur Indonesia</h1> <p class="lead"> Halaman ini berisi daftar 10 situs berita yang sering digunakan untuk mengikuti informasi terbaru seputar Jawa Timur, mulai dari isu pemerintahan, peristiwa daerah, ekonomi, budaya, hingga kabar komunitas lokal. Setiap situs disertai deskripsi singkat, kelebihan, kekurangan, dan tautan langsung ke halaman websitenya. </p> </div> <div class="illustration" aria-label="Ilustrasi situs berita Jawa Timur"> <svg viewBox="0 0 520 360" role="img" aria-label="Ilustrasi berita Jawa Timur"> <defs> <linearGradient id="g1" x1="0" x2="1" y1="0" y2="1"> <stop offset="0%" stop-color="#ffffff" stop-opacity=".95"/> <stop offset="100%" stop-color="#dbeafe" stop-opacity=".95"/> </linearGradient> </defs> <rect x="18" y="18" width="484" height="324" rx="24" fill="rgba(255,255,255,.10)"/> <rect x="52" y="46" width="416" height="42" rx="12" fill="url(#g1)"/> <circle cx="82" cy="67" r="10" fill="#0f766e"/> <rect x="104" y="58" width="120" height="10" rx="5" fill="#93c5fd"/> <rect x="52" y="106" width="220" height="190" rx="18" fill="rgba(255,255,255,.18)" stroke="rgba(255,255,255,.25)"/> <path d="M86 252 C120 198, 150 210, 180 170 C198 146, 214 150, 236 126" fill="none" stroke="#fff" stroke-width="8" stroke-linecap="round"/> <circle cx="236" cy="126" r="8" fill="#fde68a"/> <rect x="290" y="106" width="178" height="58" rx="14" fill="rgba(255,255,255,.18)" stroke="rgba(255,255,255,.25)"/> <rect x="290" y="174" width="178" height="58" rx="14" fill="rgba(255,255,255,.18)" stroke="rgba(255,255,255,.25)"/> <rect x="290" y="242" width="178" height="54" rx="14" fill="rgba(255,255,255,.18)" stroke="rgba(255,255,255,.25)"/> <rect x="306" y="122" width="92" height="10" rx="5" fill="#ffffff"/> <rect x="306" y="140" width="130" height="8" rx="4" fill="#bfdbfe"/> <rect x="306" y="190" width="92" height="10" rx="5" fill="#ffffff"/> <rect x="306" y="208" width="130" height="8" rx="4" fill="#bfdbfe"/> <rect x="306" y="257" width="92" height="10" rx="5" fill="#ffffff"/> <rect x="306" y="275" width="130" height="8" rx="4" fill="#bfdbfe"/> <circle cx="122" cy="304" r="10" fill="#22c55e"/> <text x="146" y="310" font-family="Arial" font-size="16" fill="#ffffff">Berita Jawa Timur</text> </svg> </div> </div> </div> <div class="section"> <h2>Daftar 10 Situs Berita</h2> <ol> <li> <div class="site-name">1. Jawa Pos</div> <div class="small">Deskripsi: Media berita besar yang memiliki cakupan kuat untuk Jawa Timur, khususnya Surabaya dan wilayah sekitarnya, dengan berita politik, ekonomi, olahraga, dan peristiwa lokal.</div> <div class="proscons"> <div class="box pro"> <h3>Kelebihan</h3> <div class="small">Liputan luas, update cepat, dan dikenal sebagai salah satu sumber berita daerah yang mapan.</div> </div> <div class="box con"> <h3>Kekurangan</h3> <div class="small">Tampilan halaman dapat terasa padat dan beberapa berita populer bisa bercampur dengan konten nasional.</div> </div> </div> <div class="meta"> <span class="badge">Lama online: 74+ tahun</span> </div> <div><span class="label">URL:</span> <a href="https://www.jawapos.com/" target="_blank" rel="noopener noreferrer">https://www.jawapos.com/</a></div> </li> <li> <div class="site-name">2. Surya.co.id</div> <div class="small">Deskripsi: Portal berita regional yang fokus pada Jawa Timur dan area sekitar dengan cakupan berita peristiwa, pemerintahan, pendidikan, dan gaya hidup.</div> <div class="proscons"> <div class="box pro"> <h3>Kelebihan</h3> <div class="small">Konten lokal cukup kuat dan mudah diakses untuk pembaca yang mencari kabar daerah.</div> </div> <div class="box con"> <h3>Kekurangan</h3> <div class="small">Sebagian artikel dapat terasa mirip dengan media jaringan lain dan tidak selalu mendalam untuk isu tertentu.</div> </div> </div> <div class="meta"> <span class="badge">Lama online: 26+ tahun</span> </div> <div><span class="label">URL:</span> <a href="https://surabaya.tribunnews.com/" target="_blank" rel="noopener noreferrer">https://surabaya.tribunnews.com/</a></div> </li> <li> <div class="site-name">3. TribunJatim.com</div> <div class="small">Deskripsi: Situs berita yang sangat aktif memberitakan kabar Jawa Timur, terutama Surabaya, Malang, Sidoarjo, Gresik, dan berbagai kota/kabupaten lain.</div> <div class="proscons"> <div class="box pro"> <h3>Kelebihan</h3> <div class="small">Update sangat sering dan cakupan daerahnya luas, cocok untuk pembaca yang ingin berita cepat.</div> </div> <div class="box con"> <h3>Kekurangan</h3> <div class="small">Jumlah artikel yang banyak dapat membuat pembaca perlu memilah konten yang paling relevan.</div> </div> </div> <div class="meta"> <span class="badge">Lama online: 26+ tahun</span> </div> <div><span class="label">URL:</span> <a href="https://jatim.tribunnews.com/" target="_blank" rel="noopener noreferrer">https://jatim.tribunnews.com/</a></div> </li> <li> <div class="site-name">4. DetikJatim</div> <div class="small">Deskripsi: Kanal berita lokal dari jaringan Detik yang fokus pada peristiwa Jawa Timur, dengan format singkat, cepat, dan mudah dipindai.</div> <div class="proscons"> <div class="box pro"> <h3>Kelebihan</h3> <div class="small">Sangat cepat dalam menyajikan berita terbaru dan punya gaya penulisan yang ringkas.</div> </div> <div class="box con"> <h3>Kekurangan</h3> <div class="small">Sebagian berita lebih menekankan kecepatan daripada uraian mendalam.</div> </div> </div> <div class="meta"> <span class="badge">Lama online: 24+ tahun</span> </div> <div><span class="label">URL:</span> <a href="https://www.detik.com/jatim" target="_blank" rel="noopener noreferrer">https://www.detik.com/jatim</a></div> </li> <li> <div class="site-name">5. Kompas.com - Surabaya / Jawa Timur</div> <div class="small">Deskripsi: Kompas menyediakan liputan daerah melalui kanal regional dan berita-berita penting dari Jawa Timur yang biasanya disusun dengan gaya jurnalistik formal.</div> <div class="proscons"> <div class="box pro"> <h3>Kelebihan</h3> <div class="small">Reputasi redaksi kuat, bahasa jelas, dan cocok untuk pembaca yang mencari berita yang tertata rapi.</div> </div> <div class="box con"> <h3>Kekurangan</h3> <div class="small">Kedalaman liputan lokal bisa lebih terbatas dibanding media yang sepenuhnya fokus pada Jawa Timur.</div> </div> </div> <div class="meta"> <span class="badge">Lama online: 30+ tahun</span> </div> <div><span class="label">URL:</span> <a href="https://regional.kompas.com/" target="_blank" rel="noopener noreferrer">https://regional.kompas.com/</a></div> </li> <li> <div class="site-name">6. Beritajatim.com</div> <div class="small">Deskripsi: Portal berita yang memang dikenal fokus pada Jawa Timur, menampilkan berita daerah, politik lokal, ekonomi, kriminalitas, dan isu sosial.</div> <div class="proscons"> <div class="box pro"> <h3>Kelebihan</h3> <div class="small">Cukup spesifik pada Jawa Timur sehingga mudah menemukan berita lokal yang relevan.</div> </div> <div class="box con"> <h3>Kekurangan</h3> <div class="small">Desain dan penyajian konten dapat terasa lebih sederhana dibanding portal besar lain.</div> </div> </div> <div class="meta"> <span class="badge">Lama online: 22+ tahun</span> </div> <div><span class="label">URL:</span> <a href="https://beritajatim.com/" target="_blank" rel="noopener noreferrer">https://beritajatim.com/</a></div> </li> <li> <div class="site-name">7. Times Indonesia</div> <div class="small">Deskripsi: Media online yang memiliki banyak liputan daerah, termasuk Jawa Timur, dengan topik berita umum, komunitas, wisata, dan pemerintahan.</div> <div class="proscons"> <div class="box pro"> <h3>Kelebihan</h3> <div class="small">Variasi topik cukup beragam dan tampilannya relatif mudah dibaca.</div> </div> <div class="box con"> <h3>Kekurangan</h3> <div class="small">Fokus lokal Jawa Timur tidak selalu sedalam media yang khusus membahas wilayah tersebut.</div> </div> </div> <div class="meta"> <span class="badge">Lama online: 10+ tahun</span> </div> <div><span class="label">URL:</span> <a href="https://timesindonesia.co.id/" target="_blank" rel="noopener noreferrer">https://timesindonesia.co.id/</a></div> </li> <li> <div class="site-name">8. Memo X</div> <div class="small">Deskripsi: Situs berita lokal Jawa Timur yang cukup dikenal untuk kabar daerah, peristiwa lapangan, dan isu-isu publik di kota/kabupaten.</div> <div class="proscons"> <div class="box pro"> <h3>Kelebihan</h3> <div class="small">Sering memuat berita lokal yang dekat dengan pembaca daerah.</div> </div> <div class="box con"> <h3>Kekurangan</h3> <div class="small">Kelengkapan arsip dan presentasi halaman dapat bervariasi antar kategori berita.</div> </div> </div> <div class="meta"> <span class="badge">Lama online: 20+ tahun</span> </div> <div><span class="label">URL:</span> <a href="https://www.memox.co.id/" target="_blank" rel="noopener noreferrer">https://www.memox.co.id/</a></div> </li> <li> <div class="site-name">9. Radar Surabaya</div> <div class="small">Deskripsi: Media lokal yang menyoroti Surabaya dan sekitarnya, sering menampilkan berita kota, kriminalitas, layanan publik, dan aktivitas masyarakat.</div> <div class="proscons"> <div class="box pro"> <h3>Kelebihan</h3> <div class="small">Sangat relevan untuk pembaca yang ingin mengikuti kabar Surabaya secara spesifik.</div> </div> <div class="box con"> <h3>Kekurangan</h3> <div class="small">Cakupan wilayah bisa lebih sempit dibanding portal berita Jawa Timur yang lebih luas.</div> </div> </div> <div class="meta"> <span class="badge">Lama online: 20+ tahun</span> </div> <div><span class="label">URL:</span> <a href="https://radarsurabaya.jawapos.com/" target="_blank" rel="noopener noreferrer">https://radarsurabaya.jawapos.com/</a></div> </li> <li> <div class="site-name">10. Malang Times</div> <div class="small">Deskripsi: Portal berita yang berfokus pada Malang Raya dan sekitarnya, dengan berita lokal, pendidikan, wisata, komunitas, dan peristiwa harian.</div> <div class="proscons"> <div class="box pro"> <h3>Kelebihan</h3> <div class="small">Sangat cocok untuk mengikuti perkembangan wilayah Malang secara lebih detail.</div> </div> <div class="box con"> <h3>Kekurangan</h3> <div class="small">Tidak seluas media regional besar jika pembaca mencari cakupan seluruh Jawa Timur.</div> </div> </div> <div class="meta"> <span class="badge">Lama online: 10+ tahun</span> </div> <div><span class="label">URL:</span> <a href="https://www.malangtimes.com/" target="_blank" rel="noopener noreferrer">https://www.malangtimes.com/</a></div> </li> </ol> </div> </div> </div>

Lebih banyak