{"id":342218,"date":"2025-06-18T19:54:54","date_gmt":"2025-06-18T12:54:54","guid":{"rendered":"https:\/\/mojok.co\/terminal\/?page_id=342218"},"modified":"2026-10-19T17:18:29","modified_gmt":"2026-10-19T10:18:29","slug":"halaman-utama-terminal-mojok","status":"publish","type":"page","link":"https:\/\/mojok.co\/terminal\/","title":{"rendered":"Halaman Utama Terminal Mojok"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"342218\" class=\"elementor elementor-342218\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a53dd93 elementor-hidden-tablet elementor-hidden-mobile elementor-hidden-desktop elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a53dd93\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2868f85\" data-id=\"2868f85\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-324cbec elementor-widget elementor-widget-html\" data-id=\"324cbec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"kontainer-ads-desktop\" \n     style=\"min-height: 300px !important; width: 100%; max-width: 1100px; margin: 0 auto; background: rgba(233, 233, 233, 0.3); display: grid; place-items: center; overflow: visible; background: rgba(233, 233, 233, 0.3);\n  border-radius: 6px;\n  border: 1px dashed #e2e5e2;\">\n    <label>ADVERTISEMENT<\/label>\n    <div id=\"dja-leaderboard-desktop\" class=\"adplugg-tag\" data-adplugg-ad=\"99525\" \n         style=\"display: block !important; min-width: 970px; min-height: 250px;\">\n    <\/div>\n    \n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5bb9cfb elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5bb9cfb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4c6af62\" data-id=\"4c6af62\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-911cdab elementor-widget elementor-widget-html\" data-id=\"911cdab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"adsense-container\" style=\"height: 290px !important;\">\n<label>ADVERTISEMENT<\/label>\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2935352639631593\"\ncrossorigin=\"anonymous\"><\/script>\n<!-- MOJOK LEADERBOARD -->\n<ins class=\"adsbygoogle\"\nstyle=\"display:block\"\ndata-ad-client=\"ca-pub-2935352639631593\"\ndata-ad-slot=\"2892520123\"\ndata-ad-format=\"auto\"\ndata-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<\/div>\n<!-- Script pembersih inline style Elementor -->\n<script>\n  document.addEventListener('DOMContentLoaded', function() {\n    document.querySelectorAll('.adsense-container').forEach(function(adSlot) {\n      adSlot.removeAttribute('style');\n    });\n  });\n<\/script>\n\n<script>\n(function() {\n  function bersihkanSemuaIklan() {\n    \/\/ Patokan langsung ke tag iklan AdSense di seluruh halaman\n    document.querySelectorAll('ins.adsbygoogle').forEach(function(iklan) {\n      var pembungkus = iklan.closest('div');\n      \n      \/\/ Sapu atribut style di div pembungkus dan elemen Elementor di atasnya\n      while (pembungkus && pembungkus !== document.body) {\n        if (pembungkus.hasAttribute('style')) {\n          pembungkus.removeAttribute('style');\n        }\n        if (pembungkus.classList.contains('elementor-widget-container')) {\n          pembungkus.removeAttribute('style');\n          break;\n        }\n        pembungkus = pembungkus.parentElement;\n      }\n    });\n  }\n\n  document.addEventListener('DOMContentLoaded', bersihkanSemuaIklan);\n\n  \/\/ Cegat jika Elementor\/plugin lain menyuntikkan auto secara dinamis\n  var observer = new MutationObserver(bersihkanSemuaIklan);\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: ['style'],\n    childList: true,\n    subtree: true\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d3cf6dd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d3cf6dd\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-beb0aca\" data-id=\"beb0aca\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5de862f elementor-widget elementor-widget-shortcode\" data-id=\"5de862f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"mojok-ashow-wrapper\">\n        \n                    <div class=\"mojok-ashow-top\">\n                <a href=\"https:\/\/mojok.co\/terminal\/jembatan-kali-winongo-tempat-terburuk-untuk-mengalami-kecelakaan\/\" class=\"mojok-ashow-main-left\">\n                    <div class=\"mojok-ashow-thumb-wrap\">\n                        <img decoding=\"async\" src=\"https:\/\/mojok.co\/terminal\/wp-content\/uploads\/2026\/10\/alexas_fotos-accident-1497298-1024x683.webp\" alt=\"\" loading=\"lazy\">\n                                                    <span class=\"mojok-ashow-badge\">Nusantara<\/span>\n                                            <\/div>\n                <\/a>\n                <div class=\"mojok-ashow-main-right\">\n                    <h2 class=\"mojok-ashow-main-title\">\n                        <a href=\"https:\/\/mojok.co\/terminal\/jembatan-kali-winongo-tempat-terburuk-untuk-mengalami-kecelakaan\/\">Jembatan Kali Winongo di Jalan Jambon, tempat terburuk untuk mengalami kecelakaan<\/a>\n                    <\/h2>\n                    <div class=\"mojok-ashow-date\">Noor Annisa Falachul Firdausi &bull; 21 Okt 2026<\/div>\n                <\/div>\n            <\/div>\n        \n                    <div class=\"mojok-ashow-bottom\">\n                                    <article class=\"mojok-ashow-card\">\n                        <a href=\"https:\/\/mojok.co\/terminal\/begini-cara-hemat-warlok-banyuwangi-wisata-ke-bali\/\" class=\"mojok-ashow-card-thumb-link\">\n                            <div class=\"mojok-ashow-card-thumb\">\n                                <img decoding=\"async\" src=\"https:\/\/mojok.co\/terminal\/wp-content\/uploads\/2026\/10\/Untitled-Design-2026-10-21T112607.837-300x200.webp\" alt=\"\" loading=\"lazy\">\n                                                                    <span class=\"mojok-ashow-badge mojok-ashow-badge-small\">Nusantara<\/span>\n                                                            <\/div>\n                        <\/a>\n                        <div class=\"mojok-ashow-card-content\">\n                                                            <div class=\"mojok-ashow-card-top-meta\">\n                                    <a href=\"https:\/\/mojok.co\/terminal\/topik\/nusantara\/\" class=\"mojok-ashow-box-badge\">Nusantara<\/a>\n                                <\/div>\n                                                        <h3 class=\"mojok-ashow-card-title\">\n                                <a href=\"https:\/\/mojok.co\/terminal\/begini-cara-hemat-warlok-banyuwangi-wisata-ke-bali\/\">Begini cara hemat warlok Banyuwangi berwisata ke Bali\u00a0<\/a>\n                            <\/h3>\n                            <div class=\"mojok-ashow-desktop-date\">Ferika Sandra &bull; 21 Okt 2026<\/div>\n                        <\/div>\n                    <\/article>\n                                    <article class=\"mojok-ashow-card\">\n                        <a href=\"https:\/\/mojok.co\/terminal\/mengapa-musik-jogja-identik-dengan-tangis-dan-dompet-tipis\/\" class=\"mojok-ashow-card-thumb-link\">\n                            <div class=\"mojok-ashow-card-thumb\">\n                                <img decoding=\"async\" src=\"https:\/\/mojok.co\/terminal\/wp-content\/uploads\/2026\/10\/stocksnap-people-2566201-300x200.webp\" alt=\"\" loading=\"lazy\">\n                                                                    <span class=\"mojok-ashow-badge mojok-ashow-badge-small\">Musik<\/span>\n                                                            <\/div>\n                        <\/a>\n                        <div class=\"mojok-ashow-card-content\">\n                                                            <div class=\"mojok-ashow-card-top-meta\">\n                                    <a href=\"https:\/\/mojok.co\/terminal\/topik\/hiburan\/musik\/\" class=\"mojok-ashow-box-badge\">Musik<\/a>\n                                <\/div>\n                                                        <h3 class=\"mojok-ashow-card-title\">\n                                <a href=\"https:\/\/mojok.co\/terminal\/mengapa-musik-jogja-identik-dengan-tangis-dan-dompet-tipis\/\">Mengapa musik Jogja identik dengan tangis dan dompet tipis?<\/a>\n                            <\/h3>\n                            <div class=\"mojok-ashow-desktop-date\">Davita Putri Pratama &bull; 21 Okt 2026<\/div>\n                        <\/div>\n                    <\/article>\n                                    <article class=\"mojok-ashow-card\">\n                        <a href=\"https:\/\/mojok.co\/terminal\/bandar-kedungmulyo-jombang-selalu-menguji-kesabaran\/\" class=\"mojok-ashow-card-thumb-link\">\n                            <div class=\"mojok-ashow-card-thumb\">\n                                <img decoding=\"async\" src=\"https:\/\/mojok.co\/terminal\/wp-content\/uploads\/2026\/10\/Untitled-Design-2026-10-20T124929.293-300x200.webp\" alt=\"\" loading=\"lazy\">\n                                                                    <span class=\"mojok-ashow-badge mojok-ashow-badge-small\">Nusantara<\/span>\n                                                            <\/div>\n                        <\/a>\n                        <div class=\"mojok-ashow-card-content\">\n                                                            <div class=\"mojok-ashow-card-top-meta\">\n                                    <a href=\"https:\/\/mojok.co\/terminal\/topik\/nusantara\/\" class=\"mojok-ashow-box-badge\">Nusantara<\/a>\n                                <\/div>\n                                                        <h3 class=\"mojok-ashow-card-title\">\n                                <a href=\"https:\/\/mojok.co\/terminal\/bandar-kedungmulyo-jombang-selalu-menguji-kesabaran\/\">Bandar Kedungmulyo, titik macet Jombang yang terus menguji kesabaran pengguna jalan<\/a>\n                            <\/h3>\n                            <div class=\"mojok-ashow-desktop-date\">W.S Nurbaiti &bull; 20 Okt 2026<\/div>\n                        <\/div>\n                    <\/article>\n                                    <article class=\"mojok-ashow-card\">\n                        <a href=\"https:\/\/mojok.co\/terminal\/jalan-mastrip-surabaya-memang-bikin-capek-dan-menyiksa\/\" class=\"mojok-ashow-card-thumb-link\">\n                            <div class=\"mojok-ashow-card-thumb\">\n                                <img decoding=\"async\" src=\"https:\/\/mojok.co\/terminal\/wp-content\/uploads\/2026\/10\/ashes-sitoula-e3Lb6KlDXgw-unsplash-300x200.webp\" alt=\"\" loading=\"lazy\">\n                                                                    <span class=\"mojok-ashow-badge mojok-ashow-badge-small\">Nusantara<\/span>\n                                                            <\/div>\n                        <\/a>\n                        <div class=\"mojok-ashow-card-content\">\n                                                            <div class=\"mojok-ashow-card-top-meta\">\n                                    <a href=\"https:\/\/mojok.co\/terminal\/topik\/nusantara\/\" class=\"mojok-ashow-box-badge\">Nusantara<\/a>\n                                <\/div>\n                                                        <h3 class=\"mojok-ashow-card-title\">\n                                <a href=\"https:\/\/mojok.co\/terminal\/jalan-mastrip-surabaya-memang-bikin-capek-dan-menyiksa\/\">Jalan Mastrip Surabaya memang bikin capek dan menyiksa, tapi tidak semua orang punya pilihan untuk menghindarinya<\/a>\n                            <\/h3>\n                            <div class=\"mojok-ashow-desktop-date\">Muhamad Iqbal Haqiqi &bull; 20 Okt 2026<\/div>\n                        <\/div>\n                    <\/article>\n                            <\/div>\n        \n    <\/div>\n\n    <style>\n        .mojok-ashow-wrapper {\n            width: 100%;\n            max-width: 1100px;\n            margin: 0 auto;\n            font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n            box-sizing: border-box;\n        }\n        .mojok-ashow-top {\n            display: flex;\n            gap: 30px;\n            align-items: center;\n            background: #f9f9f9;\n            overflow: hidden;\n            margin-bottom: 25px;\n            border: 1px solid #eaeaea;\n            border-radius: 12px;\n        }\n        .mojok-ashow-main-left {\n            flex: 1.3;\n            min-width: 0;\n            display: block;\n        }\n        .mojok-ashow-thumb-wrap {\n            position: relative;\n            width: 100%;\n            aspect-ratio: 16 \/ 9;\n            background: #111;\n            overflow: hidden;\n            border-radius: 12px;\n        }\n        .mojok-ashow-thumb-wrap img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n            border-radius: 12px;\n            transition: transform 0.3s;\n        }\n        .mojok-ashow-main-left:hover .mojok-ashow-thumb-wrap img {\n            transform: scale(1.02);\n        }\n\n        \/* Badge Kategori Di Dalam Gambar (Warna Hijau #2b7a3c) *\/\n        .mojok-ashow-badge {\n            position: absolute;\n            top: 10px;\n            left: 10px;\n            background: #2b7a3c;\n            color: #ffffff;\n            font-size: 10px;\n            font-weight: 700;\n            padding: 4px 8px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            border-radius: 5px;\n            z-index: 2;\n            line-height: 1;\n        }\n        .mojok-ashow-badge-small {\n            font-size: 9px;\n            padding: 3px 6px;\n            top: 8px;\n            left: 8px;\n        }\n\n        .mojok-ashow-main-right {\n            flex: 1;\n            padding: 30px;\n            min-width: 0;\n        }\n        .mojok-ashow-main-title {\n            font-family: 'Noto Serif', Georgia, serif;\n            font-size: 26px;\n            font-weight: 700;\n            line-height: 1.35;\n            margin: 0 0 15px 0;\n        }\n        .mojok-ashow-main-title a {\n            font-family: \"Plus Jakarta Sans\", sans-serif;\n            color: #123315;\n            text-decoration: none;\n            transition: color 0.2s;\n        }\n        .mojok-ashow-main-title a:hover {\n            color: #2b7a3c !important;\n        }\n        .mojok-ashow-date {\n            font-size: 11px !important;\n            color: #6b7280;\n            font-weight: 500;\n        }\n\n        \/* GRID BAWAH (DESKTOP) *\/\n        .mojok-ashow-bottom {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 25px;\n        }\n        .mojok-ashow-card {\n            background: transparent;\n            display: flex;\n            flex-direction: column;\n        }\n        .mojok-ashow-card-thumb-link {\n            display: block;\n            text-decoration: none;\n            margin-bottom: 10px;\n        }\n        .mojok-ashow-card-thumb {\n            position: relative;\n            width: 100%;\n            aspect-ratio: 16 \/ 9;\n            background: #111;\n            overflow: hidden;\n            border-radius: 12px;\n        }\n        .mojok-ashow-card-thumb img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n            border-radius: 12px;\n            transition: transform 0.3s;\n        }\n        .mojok-ashow-card:hover .mojok-ashow-card-thumb img {\n            transform: scale(1.03);\n        }\n        .mojok-ashow-card-content {\n            display: flex;\n            flex-direction: column;\n            flex: 1;\n        }\n        \/* Sembunyikan badge teks di luar gambar untuk desktop *\/\n        .mojok-ashow-card-top-meta {\n            display: none;\n        }\n        .mojok-ashow-card-title {\n            font-family: \"Plus Jakarta Sans\", sans-serif;\n            font-size: 13px !important;\n            font-weight: 700;\n            line-height: 1.35;\n            margin: 0 0 6px 0;\n            color: #123315;\n        }\n        .mojok-ashow-card-title a {\n            font-family: \"Plus Jakarta Sans\", sans-serif;\n            color: #123315;\n            text-decoration: none;\n            font-size: 14px;\n            transition: color 0.2s;\n        }\n        .mojok-ashow-card:hover .mojok-ashow-card-title a,\n        .mojok-ashow-card-title a:hover {\n            color: #2b7a3c !important;\n        }\n        .mojok-ashow-desktop-date {\n            font-size: 11px !important;\n            color: #6b7280;\n            margin-top: auto;\n        }\n\n        \/* RESPONSIVE MOBILE *\/\n        @media (max-width: 992px) {\n            .mojok-ashow-wrapper {\n                width: 100% !important;\n                max-width: 100% !important;\n                padding: 5px;\n            }\n            .mojok-ashow-top {\n                flex-direction: column;\n                align-items: stretch;\n            }\n            .mojok-ashow-main-right {\n                padding: 20px;\n            }\n            .mojok-ashow-main-title {\n                font-size: 18px !important;\n            }\n            .mojok-ashow-bottom {\n                grid-template-columns: 1fr;\n                gap: 15px;\n                width: 100%;\n            }\n            .mojok-ashow-card {\n                flex-direction: row;\n                justify-content: space-between;\n                gap: 15px;\n                padding-bottom: 15px;\n                border-bottom: 1px solid #eaeaea;\n                align-items: flex-start;\n                width: 100%;\n            }\n            .mojok-ashow-card-thumb-link {\n                width: 110px;\n                flex-shrink: 0;\n                margin-bottom: 0;\n            }\n            .mojok-ashow-card-thumb {\n                height: 75px;\n                aspect-ratio: auto;\n                border-radius: 10px;\n            }\n            .mojok-ashow-card-thumb img {\n                border-radius: 10px;\n            }\n            \/* Sembunyikan badge overlay gambar khusus di mode mobile *\/\n            .mojok-ashow-badge-small {\n                display: none !important;\n            }\n            .mojok-ashow-card-content {\n                display: flex;\n                flex-direction: column;\n                flex: 1;\n                min-width: 0;\n            }\n            \/* Tampilkan badge di atas judul khusus mode mobile *\/\n            .mojok-ashow-card-top-meta {\n                display: block;\n                margin-bottom: 4px;\n            }\n            .mojok-ashow-box-badge {\n                display: inline-block;\n                background-color: #e8f5e9;\n                color: #2b7a3c;\n                font-size: 10px;\n                font-weight: 600;\n                padding: 2px 8px;\n                border-radius: 4px;\n                text-transform: capitalize;\n                text-decoration: none;\n            }\n            .mojok-ashow-card-title {\n                font-size: 13px !important;\n                margin: 0 0 4px 0;\n            }\n            .mojok-ashow-desktop-date {\n                font-size: 11px !important;\n                color: #6b7280;\n            }\n        }\n    <\/style>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3341fc0 elementor-widget elementor-widget-shortcode\" data-id=\"3341fc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"mojok-epicks-wrapper\">\n        <div class=\"mojok-epicks-header\">\n            <h2 class=\"mojok-epicks-section-title\">Pilihan Redaksi<\/h2>\n        <\/div>\n        <div class=\"mojok-epicks-grid\">\n                            <article class=\"mojok-epicks-card\">\n                    <!-- GAMBAR -->\n                    <a href=\"https:\/\/mojok.co\/terminal\/magelang-daerahnya-nyaman-tapi-nggak-cocok-untuk-mahasiswa\/\" class=\"mojok-epicks-thumb-link\">\n                        <div class=\"mojok-epicks-thumb\">\n                            <img decoding=\"async\" src=\"https:\/\/mojok.co\/terminal\/wp-content\/uploads\/2026\/08\/Untitled-design-2026-08-24T163415.817-300x200.jpg\" alt=\"Magelang daerahnya nyaman, tapi nggak cocok untuk mahasiswa\" loading=\"lazy\">\n                                                            <!-- BADGE KHUSUS DESKTOP (OVERLAY DILAM GAMBAR) -->\n                                <span class=\"mojok-epicks-badge-overlay\">Nusantara<\/span>\n                                                    <\/div>\n                    <\/a>\n                    \n                    <div class=\"mojok-epicks-content\">\n                                                    <!-- BADGE KHUSUS MOBILE (DILUAR GAMBAR \/ DI ATAS JUDUL) -->\n                            <div class=\"mojok-epicks-top-meta\">\n                                <a href=\"https:\/\/mojok.co\/terminal\/topik\/nusantara\/\" class=\"mojok-epicks-box-badge\">Nusantara<\/a>\n                            <\/div>\n                                                \n                        <h3 class=\"mojok-epicks-title\">\n                            <a href=\"https:\/\/mojok.co\/terminal\/magelang-daerahnya-nyaman-tapi-nggak-cocok-untuk-mahasiswa\/\">Magelang daerahnya nyaman, tapi nggak cocok untuk mahasiswa<\/a>\n                        <\/h3>\n                        <div class=\"mojok-epicks-meta-info\">\n                            Arsya Listya Eka Pramudita &bull; 24 Agu 2026                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"mojok-epicks-card\">\n                    <!-- GAMBAR -->\n                    <a href=\"https:\/\/mojok.co\/terminal\/medan-kacau-saya-bersyukur-bisa-pulang-ke-surabaya\/\" class=\"mojok-epicks-thumb-link\">\n                        <div class=\"mojok-epicks-thumb\">\n                            <img decoding=\"async\" src=\"https:\/\/mojok.co\/terminal\/wp-content\/uploads\/2026\/08\/Untitled-design-2026-08-20T194347.523-300x200.jpg\" alt=\"Setahun merantau di Medan membuat saya bersyukur akhirnya bisa pulang ke Surabaya\" loading=\"lazy\">\n                                                            <!-- BADGE KHUSUS DESKTOP (OVERLAY DILAM GAMBAR) -->\n                                <span class=\"mojok-epicks-badge-overlay\">Nusantara<\/span>\n                                                    <\/div>\n                    <\/a>\n                    \n                    <div class=\"mojok-epicks-content\">\n                                                    <!-- BADGE KHUSUS MOBILE (DILUAR GAMBAR \/ DI ATAS JUDUL) -->\n                            <div class=\"mojok-epicks-top-meta\">\n                                <a href=\"https:\/\/mojok.co\/terminal\/topik\/nusantara\/\" class=\"mojok-epicks-box-badge\">Nusantara<\/a>\n                            <\/div>\n                                                \n                        <h3 class=\"mojok-epicks-title\">\n                            <a href=\"https:\/\/mojok.co\/terminal\/medan-kacau-saya-bersyukur-bisa-pulang-ke-surabaya\/\">Setahun merantau di Medan membuat saya bersyukur akhirnya bisa pulang ke Surabaya<\/a>\n                        <\/h3>\n                        <div class=\"mojok-epicks-meta-info\">\n                            Arief Rahman Nur Fadhilah &bull; 21 Agu 2026                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"mojok-epicks-card\">\n                    <!-- GAMBAR -->\n                    <a href=\"https:\/\/mojok.co\/terminal\/bangun-rumah-di-desa-itu-mahal-secara-mental-ada-saja-konfliknya\/\" class=\"mojok-epicks-thumb-link\">\n                        <div class=\"mojok-epicks-thumb\">\n                            <img decoding=\"async\" src=\"https:\/\/mojok.co\/terminal\/wp-content\/uploads\/2026\/08\/Untitled-design-2026-08-11T115302.913-300x200.webp\" alt=\"Pengalaman membangun rumah di desa, mahal di mental karena ada saja konfliknya\u00a0\" loading=\"lazy\">\n                                                            <!-- BADGE KHUSUS DESKTOP (OVERLAY DILAM GAMBAR) -->\n                                <span class=\"mojok-epicks-badge-overlay\">Gaya Hidup<\/span>\n                                                    <\/div>\n                    <\/a>\n                    \n                    <div class=\"mojok-epicks-content\">\n                                                    <!-- BADGE KHUSUS MOBILE (DILUAR GAMBAR \/ DI ATAS JUDUL) -->\n                            <div class=\"mojok-epicks-top-meta\">\n                                <a href=\"https:\/\/mojok.co\/terminal\/topik\/gaya-hidup\/\" class=\"mojok-epicks-box-badge\">Gaya Hidup<\/a>\n                            <\/div>\n                                                \n                        <h3 class=\"mojok-epicks-title\">\n                            <a href=\"https:\/\/mojok.co\/terminal\/bangun-rumah-di-desa-itu-mahal-secara-mental-ada-saja-konfliknya\/\">Pengalaman membangun rumah di desa, mahal di mental karena ada saja konfliknya\u00a0<\/a>\n                        <\/h3>\n                        <div class=\"mojok-epicks-meta-info\">\n                            Abdur Rohman &bull; 11 Agu 2026                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"mojok-epicks-card\">\n                    <!-- GAMBAR -->\n                    <a href=\"https:\/\/mojok.co\/terminal\/3-lomba-agustusan-yang-sebaiknya-ditiadakan-banyak-mudaratnya\/\" class=\"mojok-epicks-thumb-link\">\n                        <div class=\"mojok-epicks-thumb\">\n                            <img decoding=\"async\" src=\"https:\/\/mojok.co\/terminal\/wp-content\/uploads\/2026\/08\/Untitled-design-2026-08-06T140348.994-300x200.webp\" alt=\"3 lomba agustusan yang sebaiknya ditiadakan karena lebih banyak mudarat daripada manfaatnya\" loading=\"lazy\">\n                                                            <!-- BADGE KHUSUS DESKTOP (OVERLAY DILAM GAMBAR) -->\n                                <span class=\"mojok-epicks-badge-overlay\">Gaya Hidup<\/span>\n                                                    <\/div>\n                    <\/a>\n                    \n                    <div class=\"mojok-epicks-content\">\n                                                    <!-- BADGE KHUSUS MOBILE (DILUAR GAMBAR \/ DI ATAS JUDUL) -->\n                            <div class=\"mojok-epicks-top-meta\">\n                                <a href=\"https:\/\/mojok.co\/terminal\/topik\/gaya-hidup\/\" class=\"mojok-epicks-box-badge\">Gaya Hidup<\/a>\n                            <\/div>\n                                                \n                        <h3 class=\"mojok-epicks-title\">\n                            <a href=\"https:\/\/mojok.co\/terminal\/3-lomba-agustusan-yang-sebaiknya-ditiadakan-banyak-mudaratnya\/\">3 lomba agustusan yang sebaiknya ditiadakan karena lebih banyak mudarat daripada manfaatnya<\/a>\n                        <\/h3>\n                        <div class=\"mojok-epicks-meta-info\">\n                            Supriyadi &bull; 6 Agu 2026                        <\/div>\n                    <\/div>\n                <\/article>\n                    <\/div>\n    <\/div>\n\n    <style>\n        .mojok-epicks-wrapper {\n            width: 100%;\n            max-width: 1100px;\n            margin: 0 auto;\n            font-family: -apple-system, BlinkMacSystemFont, \"Plus Jakarta Sans\", sans-serif;\n            box-sizing: border-box;\n            background-color: #F0F0F0;\n            padding: 24px 20px;\n            border-radius: 10px;\n            border: 1px solid #f1f5f9;\n        }\n\n        .mojok-epicks-header {\n            border-bottom: 2px solid #111;\n            margin-bottom: 20px;\n            padding-bottom: 8px;\n        }\n\n        .mojok-epicks-section-title {\n            font-family: \"Plus Jakarta Sans\", sans-serif;\n            font-size: 22px;\n            font-weight: 800;\n            color: #111;\n            margin: 0;\n        }\n\n        .mojok-epicks-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 20px;\n            align-items: stretch;\n        }\n\n        .mojok-epicks-card {\n            background: transparent;\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n        }\n\n        .mojok-epicks-thumb-link {\n            display: block;\n            text-decoration: none;\n            margin-bottom: 12px;\n            order: 1;\n        }\n\n        .mojok-epicks-thumb {\n            position: relative;\n            width: 100%;\n            aspect-ratio: 16 \/ 10;\n            background: #e2e8f0;\n            overflow: hidden;\n            border-radius: 6px;\n        }\n\n        .mojok-epicks-thumb img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n            transition: transform 0.3s;\n        }\n\n        .mojok-epicks-card:hover .mojok-epicks-thumb img {\n            transform: scale(1.03);\n        }\n\n        \/* BADGE OVERLAY DESKTOP (DALAM GAMBAR) *\/\n        .mojok-epicks-badge-overlay {\n            position: absolute;\n            top: 8px;\n            left: 8px;\n            background: #2b7a3c;\n            color: #ffffff;\n            font-size: 10px;\n            font-weight: 700;\n            padding: 3px 7px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            border-radius: 4px;\n            z-index: 2;\n            line-height: 1;\n            pointer-events: none;\n        }\n\n        .mojok-epicks-content {\n            display: flex;\n            flex-direction: column;\n            flex: 1;\n            order: 2;\n        }\n\n        \/* SEMBUNYIKAN BADGE ATAS JUDUL DI DESKTOP *\/\n        .mojok-epicks-top-meta {\n            display: none;\n        }\n\n        .mojok-epicks-title {\n            font-size: 14px !important;\n            font-weight: 700;\n            line-height: 1.35;\n            margin: 0 0 8px 0;\n        }\n\n        .mojok-epicks-title a {\n            font-family: \"Plus Jakarta Sans\", sans-serif;\n            color: #123315;\n            font-size: 14px;\n            text-decoration: none;\n            transition: color 0.2s;\n        }\n\n        .mojok-epicks-title a:hover {\n            color: #2b7a3c !important;\n        }\n\n        .mojok-epicks-meta-info {\n            font-size: 11px !important;\n            color: #6b7280;\n            margin-top: auto;\n        }\n\n        \/* TAMPILAN KHUSUS MOBILE *\/\n        @media (max-width: 1024px) {\n            .mojok-epicks-wrapper {\n                width: calc(100% - 5px);\n                margin: 20px auto;\n                padding: 16px 14px;\n                border-radius: 8px;\n            }\n\n            .mojok-epicks-grid {\n                grid-template-columns: 1fr;\n                gap: 12px;\n                width: 100%;\n            }\n\n            .mojok-epicks-card {\n                flex-direction: row;\n                justify-content: space-between;\n                gap: 12px;\n                padding-bottom: 12px;\n                border-bottom: 1px solid #e2e8f0;\n                align-items: flex-start;\n                height: auto;\n                width: 100%;\n            }\n\n            .mojok-epicks-card:last-child {\n                border-bottom: none;\n                padding-bottom: 0;\n            }\n\n            .mojok-epicks-thumb-link {\n                width: 95px;\n                flex-shrink: 0;\n                margin-bottom: 0;\n                order: 1 !important;\n            }\n\n            .mojok-epicks-thumb {\n                height: 65px;\n                aspect-ratio: auto;\n            }\n\n            \/* SEMBUNYIKAN OVERLAY DALAM GAMBAR DI MOBILE *\/\n            .mojok-epicks-badge-overlay {\n                display: none !important;\n            }\n\n            .mojok-epicks-content {\n                flex: 1;\n                min-width: 0;\n                order: 2 !important;\n            }\n\n            \/* TAMPILKAN BADGE DI ATAS JUDUL UNTUK MOBILE *\/\n            .mojok-epicks-top-meta {\n                display: block;\n                margin-bottom: 4px;\n            }\n\n            .mojok-epicks-box-badge {\n                display: inline-block;\n                background-color: #e8f5e9;\n                color: #2b7a3c;\n                font-size: 10px;\n                font-weight: 600;\n                padding: 2px 8px;\n                border-radius: 4px;\n                text-transform: capitalize;\n                text-decoration: none;\n            }\n\n            .mojok-epicks-title {\n                font-size: 13px !important;\n                line-height: 1.3;\n                margin-bottom: 4px;\n            }\n\n            .mojok-epicks-meta-info {\n                font-size: 11px !important;\n                color: #6b7280;\n                margin-top: 2px;\n            }\n        }\n    <\/style>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f43c7e9 elementor-widget elementor-widget-html\" data-id=\"f43c7e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"adsense-container\">\n    <label>ADVERTISEMENT<\/label>\n    <script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2935352639631593\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- MOJOK LEADERBOARD -->\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-2935352639631593\"\n     data-ad-slot=\"2892520123\"\n     data-ad-format=\"auto\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e57ddee elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e57ddee\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f301b47\" data-id=\"f301b47\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-002b406 elementor-widget elementor-widget-html\" data-id=\"002b406\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Fonts: Plus Jakarta Sans & Newsreader -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<div class=\"mj-feed-wrapper\">\n  <div class=\"mj-feed-container\">\n    \n    <!-- HEADER SECTION -->\n    <div class=\"mj-feed-header\">\n      <h2 class=\"mj-feed-sec-title\">Artikel Lainnya Terminal Mojok<\/h2>\n    <\/div>\n   \n    <!-- WADAH PEMBATAS TINGGI PRESISI (RESERVED SPACE ANTI-CLS) -->\n    <div class=\"mj-feed-list-wrapper\">\n      <div class=\"mj-feed-list\" id=\"mjFeedList\">\n        <!-- Skeleton loader awal akan diisi JS secara otomatis -->\n      <\/div>\n    <\/div>\n\n    <!-- AREA PAGINATION ANGKA (RESERVED MIN-HEIGHT 40px) -->\n    <div class=\"mj-pagination-container\" id=\"mjPagination\" style=\"visibility: hidden;\">\n      <!-- Komponen angka dan tombol dipasang dinamis via JS -->\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n  \/* ISOLASI STYLE & ANTI OVERFLOW MOBILE *\/\n  .mj-feed-wrapper * {\n    box-sizing: border-box !important;\n    padding: 0;\n    word-break: break-word !important;\n    overflow-wrap: anywhere !important;\n  }\n\n  .mj-feed-wrapper {\n    background-color: #ffffff !important;\n    color: #1e293b !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    overflow-x: hidden !important;\n    padding-top: 20px;\n    padding-bottom: 40px;\n    display: flex;\n    justify-content: center;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n  }\n\n  .mj-feed-container {\n    max-width: 900px;\n    width: 100% !important;\n    min-width: 0 !important;\n  }\n\n  \/* HEADER SECTION *\/\n  .mj-feed-header {\n    margin-bottom: 24px;\n    padding-bottom: 12px;\n    border-bottom: 2px solid #0a202e;\n  }\n\n  .mj-feed-sec-title {\n    font-size: 22px;\n    font-weight: 800;\n    color: #333333;\n    line-height: 1.2;\n  }\n\n  \/* --- WADAH PENGUNCI RUANG UTAMA DESKTOP (2550px) --- *\/\n  .mj-feed-list-wrapper {\n    width: 100%;\n    min-height: 2550px;\n  }\n\n  \/* KARTU ARTIKEL LIST *\/\n  .mj-feed-list {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n\n  .mj-feed-card {\n    display: flex;\n    gap: 24px;\n    align-items: center;\n    padding-bottom: 24px;\n    border-bottom: 1px solid #e2e8f0;\n    transition: all 0.25s ease;\n  }\n\n  .mj-feed-card:last-child {\n    border-bottom: none;\n    padding-bottom: 0;\n  }\n\n  .mj-feed-card:hover .mj-feed-title a {\n    color: #5ea325 !important;\n  }\n\n  .mj-feed-img-wrap {\n    width: 260px;\n    aspect-ratio: 16 \/ 9;\n    border-radius: 12px;\n    overflow: hidden;\n    flex-shrink: 0;\n    background: #e2e8f0;\n    position: relative;\n  }\n\n  .mj-feed-img-wrap img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.4s ease;\n  }\n\n  .mj-feed-card:hover .mj-feed-img-wrap img {\n    transform: scale(1.04);\n  }\n\n  .mj-feed-body {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .mj-feed-cat-text {\n    font-size: 11px;\n    font-weight: 800;\n    color: #5ea325;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n\n  .mj-feed-title {\n    font-size: 18px;\n    font-weight: 800;\n    color: #0a202e;\n    line-height: 1.35;\n    margin-bottom: 8px;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  .mj-feed-title a {\n    color: #333333 !important;\n    font-size: 18px;\n    line-height: 1.35;\n    text-decoration: none !important;\n    transition: color 0.2s ease;\n  }\n\n  .mj-feed-excerpt {\n    font-family: 'Newsreader', Georgia, serif;\n    font-size: 15px;\n    color: #475569;\n    line-height: 1.5;\n    margin-bottom: 12px;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  \/* METADATA *\/\n  .mj-feed-meta {\n    font-size: 12px;\n    color: #64748b;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .mj-feed-author {\n    color: #666666;\n    font-weight: 700;\n  }\n\n  .mj-feed-dot {\n    color: #81d742;\n  }\n\n  \/* STYLING SKELETON LOADING *\/\n  .mj-skeleton {\n    background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\n    background-size: 200% 100%;\n    animation: mj-skeleton-shimmer 1.5s infinite;\n    border-radius: 6px;\n  }\n\n  @keyframes mj-skeleton-shimmer {\n    0% { background-position: 200% 0; }\n    100% { background-position: -200% 0; }\n  }\n\n  .mj-skeleton-img {\n    width: 100%;\n    height: 100%;\n    border-radius: 12px;\n  }\n\n  .mj-skeleton-badge {\n    width: 60px;\n    height: 14px;\n    margin-bottom: 8px;\n  }\n\n  .mj-skeleton-title {\n    width: 90%;\n    height: 22px;\n    margin-bottom: 8px;\n  }\n\n  .mj-skeleton-excerpt {\n    width: 100%;\n    height: 16px;\n    margin-bottom: 6px;\n  }\n\n  .mj-skeleton-excerpt-short {\n    width: 70%;\n    height: 16px;\n    margin-bottom: 12px;\n  }\n\n  .mj-skeleton-meta {\n    width: 120px;\n    height: 14px;\n  }\n\n  \/* STYLING PAGINATION ANGKA *\/\n  .mj-pagination-container {\n    margin-top: 35px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    flex-wrap: wrap;\n    min-height: 40px;\n  }\n\n  .mj-page-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 40px;\n    height: 40px;\n    padding: 0 12px;\n    border-radius: 8px;\n    border: 1px solid #e2e8f0;\n    background: #ffffff;\n    color: #0a202e;\n    font-size: 14px;\n    font-weight: 700;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    text-decoration: none;\n  }\n\n  .mj-page-btn:hover:not(.active):not(.disabled) {\n    background: #f1f5f9;\n    border-color: #cbd5e1;\n    color: #5ea325;\n  }\n\n  .mj-page-btn.active {\n    background: #0a202e;\n    color: #81d742;\n    border-color: #0a202e;\n    cursor: default;\n  }\n\n  .mj-page-btn.disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n  }\n\n  .mj-page-dots {\n    color: #94a3b8;\n    font-weight: 700;\n    padding: 0 4px;\n  }\n\n  \/* RESPONSIVE LAYOUT TABLET & MOBILE *\/\n  @media (max-width: 768px) {\n    .mj-feed-list-wrapper {\n      min-height: 2200px; \/* Ditingkatkan dari 1800px *\/\n    }\n\n    .mj-feed-card {\n      align-items: flex-start;\n      gap: 16px;\n    }\n\n    .mj-feed-img-wrap {\n      width: 140px;\n    }\n\n    .mj-feed-title {\n      font-size: 16px;\n    }\n\n    .mj-feed-title a {\n      color: #333333 !important;\n      font-size: 14px;\n      line-height: 1.35;\n      text-decoration: none !important;\n      transition: color 0.2s ease;\n    }\n\n    .mj-feed-meta {\n      font-size: 11px;\n      color: #64748b;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .mj-feed-author {\n      color: #666666;\n      font-weight: 700;\n    }\n\n    .mj-feed-dot {\n      color: #81d742;\n    }\n\n    .mj-feed-excerpt,\n    .mj-skeleton-excerpt,\n    .mj-skeleton-excerpt-short {\n      display: none;\n    }\n\n    .mj-page-btn {\n      min-width: 36px;\n      height: 36px;\n      padding: 0 8px;\n      font-size: 13px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .mj-feed-list-wrapper {\n      min-height: 2000px; \/* Ditingkatkan dari 1650px agar menampung penuh 15 artikel mobile *\/\n    }\n\n    .mj-feed-img-wrap {\n      width: 110px;\n    }\n\n    .mj-feed-title {\n      font-size: 13.5px;\n      margin-bottom: 6px;\n    }\n\n    .mj-feed-cat-text {\n      font-size: 10px;\n      margin-bottom: 4px;\n    }\n  }\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const feedList = document.getElementById('mjFeedList');\n  const paginationContainer = document.getElementById('mjPagination');\n\n  let currentPage = 1;\n  let totalPages = 1;\n  let isFetching = false;\n  \n  const SKIP_POSTS = 5;       \n  const PER_PAGE = 15;        \n\n  function decodeHTML(html) {\n    const txt = document.createElement('textarea');\n    txt.innerHTML = html;\n    return txt.value;\n  }\n\n  function formatIndoDate(dateStr) {\n    const months = ['Jan', 'Feb', 'Mar', 'Apr', 'Mei', 'Jun', 'Jul', 'Agu', 'Sep', 'Okt', 'Nov', 'Des'];\n    const d = new Date(dateStr);\n    return `${d.getDate()} ${months[d.getMonth()]} ${d.getFullYear()}`;\n  }\n\n  function renderSkeletons(count = PER_PAGE) {\n    let skeletonHTML = '';\n    for (let i = 0; i < count; i++) {\n      skeletonHTML += `\n        <article class=\"mj-feed-card\">\n          <div class=\"mj-feed-img-wrap\">\n            <div class=\"mj-skeleton mj-skeleton-img\"><\/div>\n          <\/div>\n          <div class=\"mj-feed-body\">\n            <div class=\"mj-skeleton mj-skeleton-badge\"><\/div>\n            <div class=\"mj-skeleton mj-skeleton-title\"><\/div>\n            <div class=\"mj-skeleton mj-skeleton-excerpt\"><\/div>\n            <div class=\"mj-skeleton mj-skeleton-excerpt-short\"><\/div>\n            <div class=\"mj-skeleton mj-skeleton-meta\"><\/div>\n          <\/div>\n        <\/article>\n      `;\n    }\n    feedList.innerHTML = skeletonHTML;\n  }\n\n  async function fetchPosts(page) {\n    if (isFetching) return;\n    isFetching = true;\n\n    renderSkeletons(PER_PAGE);\n    paginationContainer.style.visibility = 'hidden';\n\n    try {\n      const offset = SKIP_POSTS + ((page - 1) * PER_PAGE);\n      let url = `https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/posts?_embed&per_page=${PER_PAGE}&offset=${offset}`;\n      \n      let res = await fetch(url);\n      if (!res.ok) throw new Error('Network error');\n\n      const totalPostsHeader = res.headers.get('X-WP-Total');\n      if (totalPostsHeader) {\n        const totalPosts = parseInt(totalPostsHeader, 10);\n        const remainingPosts = Math.max(0, totalPosts - SKIP_POSTS);\n        totalPages = Math.ceil(remainingPosts \/ PER_PAGE);\n      }\n\n      let posts = await res.json();\n\n      if (posts && posts.length > 0) {\n        renderPosts(posts);\n        renderPagination();\n        paginationContainer.style.visibility = 'visible';\n      } else {\n        feedList.innerHTML = '<div style=\"text-align:center; padding: 40px 0; color: #64748b;\">Tidak ada artikel lagi.<\/div>';\n      }\n\n    } catch (err) {\n      feedList.innerHTML = '<div style=\"text-align:center; padding: 40px 0; color: #e53e3e;\">Gagal memuat artikel. Silakan coba lagi.<\/div>';\n    } finally {\n      isFetching = false;\n    }\n  }\n\n  function renderPosts(posts) {\n    let html = '';\n\n    posts.forEach((post) => {\n      const title = decodeHTML(post.title.rendered);\n      let excerpt = post.excerpt.rendered.replace(\/<[^>]*>?\/gm, '');\n      excerpt = decodeHTML(excerpt);\n      const link = post.link;\n      const date = formatIndoDate(post.date);\n\n      const thumb = (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0].source_url) \n        ? post._embedded['wp:featuredmedia'][0].source_url \n        : 'https:\/\/via.placeholder.com\/600x338?text=Mojok.co';\n\n      const author = (post._embedded && post._embedded['author'] && post._embedded['author'][0].name)\n        ? post._embedded['author'][0].name\n        : 'Redaksi Terminal';\n\n      let catName = 'Terminal';\n      if (post._embedded && post._embedded['wp:term'] && post._embedded['wp:term'][0] && post._embedded['wp:term'][0].length > 0) {\n        catName = post._embedded['wp:term'][0][0].name;\n      }\n\n      html += `\n        <article class=\"mj-feed-card\">\n          <a href=\"${link}\" class=\"mj-feed-img-wrap\">\n            <img decoding=\"async\" src=\"${thumb}\" alt=\"${title}\">\n          <\/a>\n          <div class=\"mj-feed-body\">\n            <span class=\"mj-feed-cat-text\">${catName}<\/span>\n            <h3 class=\"mj-feed-title\">\n              <a href=\"${link}\">${title}<\/a>\n            <\/h3>\n            <p class=\"mj-feed-excerpt\">${excerpt}<\/p>\n            <div class=\"mj-feed-meta\">\n              <span class=\"mj-feed-author\">${author}<\/span>\n              <span class=\"mj-feed-dot\">\u2022<\/span>\n              <span class=\"mj-feed-date\">${date}<\/span>\n            <\/div>\n          <\/div>\n        <\/article>\n      `;\n    });\n\n    feedList.innerHTML = html;\n  }\n\n  function renderPagination() {\n    let paginationHTML = '';\n\n    const prevDisabled = currentPage === 1 ? 'disabled' : '';\n    paginationHTML += `<button class=\"mj-page-btn ${prevDisabled}\" data-page=\"${currentPage - 1}\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>`;\n\n    let startPage = Math.max(1, currentPage - 1);\n    let endPage = Math.min(totalPages, currentPage + 1);\n\n    if (currentPage === 1) endPage = Math.min(totalPages, 3);\n    if (currentPage === totalPages) startPage = Math.max(1, totalPages - 2);\n\n    if (startPage > 1) {\n      paginationHTML += `<button class=\"mj-page-btn\" data-page=\"1\">1<\/button>`;\n      if (startPage > 2) {\n        paginationHTML += `<span class=\"mj-page-dots\">...<\/span>`;\n      }\n    }\n\n    for (let i = startPage; i <= endPage; i++) {\n      const activeClass = i === currentPage ? 'active' : '';\n      paginationHTML += `<button class=\"mj-page-btn ${activeClass}\" data-page=\"${i}\">${i}<\/button>`;\n    }\n\n    if (endPage < totalPages) {\n      if (endPage < totalPages - 1) {\n        paginationHTML += `<span class=\"mj-page-dots\">...<\/span>`;\n      }\n      paginationHTML += `<button class=\"mj-page-btn\" data-page=\"${totalPages}\">${totalPages}<\/button>`;\n    }\n\n    const nextDisabled = currentPage === totalPages ? 'disabled' : '';\n    paginationHTML += `<button class=\"mj-page-btn ${nextDisabled}\" data-page=\"${currentPage + 1}\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>`;\n\n    paginationContainer.innerHTML = paginationHTML;\n\n    document.querySelectorAll('.mj-page-btn').forEach(btn => {\n      btn.addEventListener('click', function() {\n        const targetPage = parseInt(this.getAttribute('data-page'), 10);\n        if (targetPage && targetPage !== currentPage && targetPage >= 1 && targetPage <= totalPages) {\n          currentPage = targetPage;\n          fetchPosts(currentPage);\n          feedList.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        }\n      });\n    });\n  }\n\n  fetchPosts(1);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-bd79f8c\" data-id=\"bd79f8c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-ac50d1d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ac50d1d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;],&quot;sticky_offset&quot;:20,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-c6911bb\" data-id=\"c6911bb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-991ac1b elementor-widget elementor-widget-html\" data-id=\"991ac1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Fonts: Plus Jakarta Sans -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<div class=\"mj-tm-sidebar-wrapper\">\n  \n  <!-- HEADER SIDEBAR -->\n  <div class=\"mj-tm-sb-header\">\n    <h2 class=\"mj-tm-sb-title\">Mojok.co<\/h2>\n    <a href=\"https:\/\/mojok.co\/\" class=\"mj-tm-sb-more\" target=\"_blank\" rel=\"noopener\">\n      Lainnya <i class=\"fa-solid fa-arrow-right\"><\/i>\n    <\/a>\n  <\/div>\n\n  <!-- WADAH PEMBATAS TINGGI PRESISI (RESERVED SPACE ANTI-CLS) -->\n  <div class=\"mj-tm-sb-list-wrapper\">\n    <div class=\"mj-tm-sb-list\" id=\"mjMojokSidebarList\">\n      <div class=\"mj-tm-sb-loading\">\n        <i class=\"fa-solid fa-circle-notch fa-spin\"><\/i>\n        <span>Memuat Mojok.co...<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n  \/* ISOLASI STYLE UNTUK SIDEBAR *\/\n  .mj-tm-sidebar-wrapper * {\n    box-sizing: border-box !important;\n    margin: 0;\n    padding: 0;\n    word-break: break-word !important;\n    overflow-wrap: anywhere !important;\n  }\n\n  .mj-tm-sidebar-wrapper {\n    background-color: #ffffff !important;\n    color: #1e293b !important;\n    width: 100% !important;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    border: 1px solid #e2e8f0;\n    border-radius: 12px;\n    padding: 20px 16px;\n  }\n\n  \/* HEADER SIDEBAR *\/\n  .mj-tm-sb-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 18px;\n    padding-bottom: 12px;\n    border-bottom: 2px solid #0a202e;\n  }\n\n  .mj-tm-sb-title {\n    font-size: 18px;\n    font-weight: 800;\n    color: #0a202e;\n    line-height: 1.2;\n  }\n\n  .mj-tm-sb-more {\n    font-size: 11px;\n    font-weight: 700;\n    color: #64748b !important;\n    text-decoration: none !important;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    transition: color 0.2s ease;\n  }\n\n  .mj-tm-sb-more:hover {\n    color: #5ea325 !important;\n  }\n\n  \/* --- WADAH PENGUNCI RUANG UTAMA DESKTOP (520px) --- *\/\n  .mj-tm-sb-list-wrapper {\n    width: 100%;\n    height: 520px;\n    overflow: hidden;\n  }\n\n  \/* LOADING STATE DENGAN UKURAN IDENTIK *\/\n  .mj-tm-sb-loading {\n    width: 100%;\n    height: 520px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    color: #0a202e;\n    font-size: 12px;\n    font-weight: 700;\n  }\n\n  .mj-tm-sb-loading i {\n    font-size: 18px;\n    color: #81d742;\n  }\n\n  \/* LIST ITEM SIDEBAR *\/\n  .mj-tm-sb-list {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n\n  .mj-tm-sb-card {\n    display: flex;\n    gap: 12px;\n    align-items: flex-start;\n    padding-bottom: 14px;\n    border-bottom: 1px dashed #e2e8f0;\n    transition: all 0.2s ease;\n  }\n\n  .mj-tm-sb-card:last-child {\n    border-bottom: none;\n    padding-bottom: 0;\n  }\n\n  .mj-tm-sb-img {\n    width: 90px;\n    aspect-ratio: 16 \/ 9;\n    border-radius: 6px;\n    overflow: hidden;\n    flex-shrink: 0;\n    background: #e2e8f0;\n    display: block;\n  }\n\n  .mj-tm-sb-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.3s ease;\n  }\n\n  .mj-tm-sb-card:hover .mj-tm-sb-img img {\n    transform: scale(1.05);\n  }\n\n  .mj-tm-sb-body {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .mj-tm-sb-card-title {\n    font-size: 13px;\n    font-weight: 800;\n    color: #0a202e;\n    line-height: 1.35;\n    margin-bottom: 4px;\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  .mj-tm-sb-card-title a {\n    color: #333333 !important;\n    text-decoration: none !important;\n    transition: color 0.2s ease;\n  }\n\n  .mj-tm-sb-card-title a:hover {\n    color: #5ea325 !important;\n  }\n\n  \/* METADATA PENULIS LENGKAP *\/\n  .mj-tm-sb-meta {\n    font-size: 10.5px;\n    color: #64748b;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    flex-wrap: wrap;\n  }\n\n  .mj-tm-sb-author {\n    color: #666666;\n    font-weight: 700;\n    white-space: normal;\n    max-width: none;\n  }\n\n  .mj-tm-sb-dot {\n    color: #81d742;\n  }\n\n  \/* --- SLOT TINGGI ADAPTIF UNTUK MOBILE (560px) --- *\/\n  @media (max-width: 576px) {\n    .mj-tm-sb-list-wrapper {\n      height: 540px;\n    }\n\n    .mj-tm-sb-loading {\n      height: 540px;\n    }\n  }\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const container = document.getElementById('mjMojokSidebarList');\n  const apiUrl = 'https:\/\/mojok.co\/wp-json\/wp\/v2\/posts?_embed&per_page=5';\n\n  function decodeHTML(html) {\n    const txt = document.createElement('textarea');\n    txt.innerHTML = html;\n    return txt.value;\n  }\n\n  function formatIndoDate(dateStr) {\n    const months = ['Jan', 'Feb', 'Mar', 'Apr', 'Mei', 'Jun', 'Jul', 'Agu', 'Sep', 'Okt', 'Nov', 'Des'];\n    const d = new Date(dateStr);\n    return `${d.getDate()} ${months[d.getMonth()]} ${d.getFullYear()}`;\n  }\n\n  async function fetchMojokPosts() {\n    try {\n      let res = await fetch(apiUrl);\n      if (!res.ok) throw new Error('Gagal mengambil data API');\n      \n      let posts = await res.json();\n\n      if (posts && posts.length > 0) {\n        renderMojokSidebar(posts);\n      } else {\n        container.innerHTML = '<div class=\"mj-tm-sb-loading\">Tidak ada artikel ditemukan.<\/div>';\n      }\n    } catch (error) {\n      container.innerHTML = '<div class=\"mj-tm-sb-loading\" style=\"color:#e53e3e;\">Gagal memuat artikel Mojok.co.<\/div>';\n    }\n  }\n\n  function renderMojokSidebar(posts) {\n    let cardsHTML = '';\n\n    posts.forEach((post) => {\n      const title = decodeHTML(post.title.rendered);\n      const link = post.link;\n      const date = formatIndoDate(post.date);\n\n      const thumb = (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0].source_url) \n        ? post._embedded['wp:featuredmedia'][0].source_url \n        : 'https:\/\/via.placeholder.com\/320x180?text=Mojok.co';\n\n      const author = (post._embedded && post._embedded['author'] && post._embedded['author'][0].name)\n        ? post._embedded['author'][0].name\n        : 'Mojok';\n\n      cardsHTML += `\n        <article class=\"mj-tm-sb-card\">\n          <a href=\"${link}\" class=\"mj-tm-sb-img\" target=\"_blank\" rel=\"noopener\">\n            <img decoding=\"async\" src=\"${thumb}\" alt=\"${title}\">\n          <\/a>\n          <div class=\"mj-tm-sb-body\">\n            <h3 class=\"mj-tm-sb-card-title\">\n              <a href=\"${link}\" target=\"_blank\" rel=\"noopener\">${title}<\/a>\n            <\/h3>\n            <div class=\"mj-tm-sb-meta\">\n              <span class=\"mj-tm-sb-author\">${author}<\/span>\n              <span class=\"mj-tm-sb-dot\">\u2022<\/span>\n              <span class=\"mj-tm-sb-date\">${date}<\/span>\n            <\/div>\n          <\/div>\n        <\/article>\n      `;\n    });\n\n    container.innerHTML = cardsHTML;\n  }\n\n  fetchMojokPosts();\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fa97f7 elementor-widget elementor-widget-html\" data-id=\"6fa97f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"sidebar-adsense\" style=\"max-width: 100%; height:300px; background: rgba(233, 233, 233, 0.3);\n  padding: 5px;\n  box-sizing: border-box;\n  overflow: hidden;\n  margin: 5px auto;\n  text-align: center;  border-radius: 6px;\n  border: 1px dashed #e2e5e2;\">\n<label style=\" font-size: 11px;\n  color: #a0a0a0;\n  display: block;\n  margin-top:10px;\n  padding-bottom:10px;\n  letter-spacing: 1.5px;\n  font-weight: 700;\n  text-transform: uppercase;\">ADVERTISEMENT<\/label>\n<div data-type=\"_mgwidget\" data-widget-id=\"2031987\"><\/div>\n<script>(function(w,q){w[q]=w[q]||[];w[q].push([\"_mgc.load\"])})(window,\"_mgq\");<\/script><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f9cc6c4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f9cc6c4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8a12e05\" data-id=\"8a12e05\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e90153e elementor-widget elementor-widget-spacer\" data-id=\"e90153e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ADVERTISEMENT ADVERTISEMENT ADVERTISEMENT Artikel Lainnya Terminal Mojok Mojok.co Lainnya Memuat Mojok.co&#8230; ADVERTISEMENT<\/p>\n","protected":false},"author":2944,"featured_media":421539,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-342218","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/pages\/342218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/users\/2944"}],"replies":[{"embeddable":true,"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/comments?post=342218"}],"version-history":[{"count":5,"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/pages\/342218\/revisions"}],"predecessor-version":[{"id":422601,"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/pages\/342218\/revisions\/422601"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/media\/421539"}],"wp:attachment":[{"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/media?parent=342218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}