{"id":35509,"date":"2026-07-22T13:52:25","date_gmt":"2026-07-22T06:52:25","guid":{"rendered":"https:\/\/www.lapakgaming.com\/blog\/id-id\/?page_id=35509"},"modified":"2026-07-22T16:07:28","modified_gmt":"2026-07-22T09:07:28","slug":"daftar-game-ragnarok","status":"publish","type":"page","link":"https:\/\/www.lapakgaming.com\/blog\/id-id\/daftar-game-ragnarok\/","title":{"rendered":"Daftar Game Ragnarok Lengkap"},"content":{"rendered":"\n<!-- ============================================================\n     DUNIA RAGNAROK \u2014 hub game Ragnarok (Lapakgaming id-id)\n     Paste this WHOLE block into a WordPress \"Custom HTML\" block\n     (or an Elementor HTML widget). Self-contained: no external files.\n     ============================================================ -->\n<div class=\"rag-hub\">\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\n\n  :root{\n    --midnight:#0b0e2a;\n    --midnight-2:#10143a;\n    --panel:#161b48;\n    --panel-hi:#1e2660;\n    --line:rgba(150,160,225,.16);\n    --gold:#f4c04e;\n    --gold-deep:#e0a12a;\n    --violet:#8a7dff;\n    --teal:#4fd0c8;\n    --berry:#ff7ab0;\n    --ice:#66c6ff;\n    --text:#eef0ff;\n    --muted:#a3a9d6;\n    --muted-2:#7f86b8;\n    --radius:16px;\n    --maxw:1200px;\n    --shadow:0 18px 40px -18px rgba(0,0,0,.7);\n  }\n\n  .rag-hub *{box-sizing:border-box}\n  html{scroll-behavior:smooth}\n  .rag-hub{\n    margin:0;\n    font-family:\"Plus Jakarta Sans\",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;\n    color:var(--text);\n    background:var(--midnight);\n    background-image:\n      radial-gradient(1100px 520px at 78% -8%, rgba(138,125,255,.20), transparent 60%),\n      radial-gradient(900px 500px at 8% 4%, rgba(244,192,78,.10), transparent 55%),\n      linear-gradient(180deg,#0b0e2a 0%, #0a0c22 100%);\n    background-attachment:fixed;\n    -webkit-font-smoothing:antialiased;\n    line-height:1.5;\n  }\n  .rag-hub a{color:inherit;text-decoration:none}\n  .rag-hub img{display:block;max-width:100%}\n\n  .rag-hub .wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}\n\n  \/* ---------- Header ---------- *\/\n  .rag-hub header{\n    position:sticky;top:0;z-index:50;\n    backdrop-filter:blur(12px);\n    background:linear-gradient(180deg, rgba(10,12,34,.92), rgba(10,12,34,.72));\n    border-bottom:1px solid var(--line);\n  }\n  .rag-hub .bar{display:flex;align-items:center;gap:16px;height:66px}\n  .rag-hub .brand{display:flex;align-items:center;gap:11px;flex-shrink:0}\n  .rag-hub .head-search{margin-left:auto;position:relative;width:min(320px,38vw)}\n  .rag-hub .head-search input{\n    width:100%;height:40px;border-radius:999px;border:1px solid var(--line);\n    background:rgba(255,255,255,.04);color:var(--text);\n    padding:0 16px 0 40px;font-size:14px;font-family:inherit;outline:none;\n  }\n  .rag-hub .head-search input::placeholder{color:var(--muted-2)}\n  .rag-hub .head-search input:focus{border-color:rgba(244,192,78,.5);background:rgba(255,255,255,.07)}\n  .rag-hub .head-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);opacity:.55}\n  @media(max-width:720px){ .rag-hub .head-search{display:none} }\n\n  \/* ---------- Logo ---------- *\/\n  .rag-hub .brand-logo{height:30px;width:auto;flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.55))}\n  .rag-hub .brand-tag{\n    font-size:10.5px;color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;\n    white-space:nowrap;padding-left:11px;border-left:1px solid var(--line);\n  }\n  @media(max-width:560px){ .rag-hub .brand-tag{display:none} }\n\n  .rag-hub .hero-inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:44px;align-items:center}\n  .rag-hub .hero-copy{min-width:0}\n  .rag-hub .hero-logo{display:flex;align-items:center;justify-content:center;min-width:0}\n  .rag-hub .hero-logo img{\n    width:100%;max-width:430px;height:auto;\n    filter:drop-shadow(0 0 48px rgba(244,192,78,.20)) drop-shadow(0 14px 28px rgba(0,0,0,.55));\n  }\n  @media(max-width:900px){\n    .rag-hub .hero-inner{grid-template-columns:1fr;gap:20px}\n    .rag-hub .hero-logo{order:-1;justify-content:flex-start}\n    .rag-hub .hero-logo img{max-width:240px}\n  }\n\n  \/* ---------- Hero ---------- *\/\n  .rag-hub .hero{padding:54px 0 30px;position:relative;overflow:hidden}\n  .rag-hub .eyebrow{\n    display:inline-flex;align-items:center;gap:8px;\n    font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);\n    font-weight:700;margin-bottom:18px;\n  }\n  .rag-hub .eyebrow::before{content:\"\";width:26px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}\n  .rag-hub .hero h1{\n    font-family:\"Cinzel\",serif;font-weight:800;\n    font-size:clamp(2.3rem,6vw,4.4rem);line-height:1.02;margin:0 0 18px;\n    letter-spacing:.01em;color:var(--text);-webkit-text-fill-color:var(--text);\n  }\n  .rag-hub .hero h1 .glow{\n    background:linear-gradient(180deg,#ffe6a3,var(--gold) 55%,var(--gold-deep));\n    -webkit-background-clip:text;background-clip:text;\n    color:transparent;-webkit-text-fill-color:transparent;\n    filter:drop-shadow(0 2px 20px rgba(244,192,78,.28));\n  }\n  .rag-hub .hero p.lede{max-width:560px;color:var(--muted);font-size:clamp(1rem,2.4vw,1.15rem);margin:0 0 26px}\n  .rag-hub .hero-search{position:relative;max-width:560px}\n  .rag-hub .hero-search input{\n    width:100%;height:56px;border-radius:14px;border:1px solid var(--line);\n    background:rgba(255,255,255,.05);color:var(--text);\n    padding:0 18px 0 52px;font-size:16px;font-family:inherit;outline:none;\n    transition:border-color .2s,background .2s;\n  }\n  .rag-hub .hero-search input::placeholder{color:var(--muted-2)}\n  .rag-hub .hero-search input:focus{border-color:rgba(244,192,78,.55);background:rgba(255,255,255,.08);box-shadow:0 0 0 4px rgba(244,192,78,.10)}\n  .rag-hub .hero-search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);opacity:.6}\n  .rag-hub .stats{display:flex;gap:26px;margin-top:24px;flex-wrap:wrap}\n  .rag-hub .stat b{font-family:\"Cinzel\",serif;font-size:1.5rem;color:var(--text);display:block;line-height:1}\n  .rag-hub .stat span{font-size:12.5px;color:var(--muted-2);letter-spacing:.03em}\n\n  \/* ---------- Section headings ---------- *\/\n  .rag-hub .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:14px 0 18px}\n  .rag-hub .sec-head h2{\n    font-family:\"Cinzel\",serif;font-weight:700;font-size:clamp(1.25rem,3.2vw,1.7rem);margin:0;\n    color:var(--text);-webkit-text-fill-color:var(--text);\n    display:flex;align-items:center;gap:12px;\n  }\n  .rag-hub .sec-head h2 .rune{width:9px;height:22px;background:linear-gradient(180deg,var(--gold),var(--gold-deep));border-radius:2px;box-shadow:0 0 14px rgba(244,192,78,.5)}\n  .rag-hub .sec-head .hint{color:var(--muted-2);font-size:13px}\n\n  \/* ---------- Featured rail ---------- *\/\n  .rag-hub #featured{padding:22px 0 8px}\n  .rag-hub .rail{\n    display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,1fr);\n    gap:18px;overflow-x:auto;padding:4px 4px 18px;scroll-snap-type:x mandatory;\n    scrollbar-width:thin;scrollbar-color:rgba(138,125,255,.4) transparent;\n  }\n  .rag-hub .rail::-webkit-scrollbar{height:8px}\n  .rag-hub .rail::-webkit-scrollbar-thumb{background:rgba(138,125,255,.35);border-radius:8px}\n  @media(min-width:900px){ .rag-hub .rail{grid-auto-columns:1fr;overflow:visible} }\n  .rag-hub .feat{\n    scroll-snap-align:start;border-radius:var(--radius);overflow:hidden;\n    border:1px solid var(--line);background:var(--panel);\n    display:flex;flex-direction:column;\n    box-shadow:var(--shadow);transition:transform .25s ease,border-color .25s;\n  }\n  .rag-hub .feat:hover{transform:translateY(-5px);border-color:rgba(244,192,78,.45)}\n  .rag-hub .feat .media{position:relative;aspect-ratio:16\/10;overflow:hidden;background:var(--midnight-2)}\n  .rag-hub .feat .media .fallback{position:absolute;inset:0;z-index:1}\n  .rag-hub .feat .media .art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}\n  .rag-hub .feat .body{padding:15px 16px 16px;display:flex;flex-direction:column;gap:10px}\n  .rag-hub .feat h3{\n    font-family:\"Cinzel\",serif;font-weight:700;font-size:1.12rem;margin:0;line-height:1.15;color:var(--text);\n    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;\n    min-height:2.3em;  \/* 2 baris \u2014 meta & CTA sejajar di seluruh rail *\/\n  }\n  .rag-hub .feat .meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}\n  .rag-hub .feat .price{margin-left:auto;text-align:right;line-height:1.1}\n  .rag-hub .feat .price small{display:block;font-size:10px;color:var(--muted-2);letter-spacing:.04em}\n  .rag-hub .feat .price b{font-size:15px;color:var(--gold)}\n  .rag-hub .feat .go{margin-top:2px;display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:13.5px;color:var(--text)}\n  .rag-hub .feat .go svg{transition:transform .2s}\n  .rag-hub .feat:hover .go svg{transform:translateX(4px)}\n\n  \/* ---------- Controls ---------- *\/\n  .rag-hub .controls{\n    position:sticky;top:66px;z-index:20;padding:14px 0;margin-top:8px;\n    background:linear-gradient(180deg,rgba(10,12,34,.96),rgba(10,12,34,.86));\n    backdrop-filter:blur(10px);border-bottom:1px solid var(--line);\n  }\n  .rag-hub .controls-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}\n  .rag-hub .filt-label{\n    font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;\n    color:var(--muted-2);flex-shrink:0;\n  }\n  .rag-hub .filt-label::after{content:\"\u00b7\";margin-left:10px;opacity:.5}\n  @media(max-width:560px){ .rag-hub .filt-label{width:100%} .rag-hub .filt-label::after{content:\"\"} }\n  .rag-hub .chips{display:flex;gap:8px;flex-wrap:wrap;flex:1;min-width:0}\n\/* Sembunyikan filter mata uang in-game khusus mobile (harus SETELAH .chips) *\/\n  @media(max-width:700px){\n    .rag-hub .filt-label,\n    .rag-hub .chips{ display:none }\n  }\n  .rag-hub .chip{\n    border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);\n    padding:8px 15px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;\n    font-family:inherit;white-space:nowrap;transition:.18s;\n  }\n  .rag-hub .chip:hover{color:var(--text);border-color:rgba(138,125,255,.5)}\n  .rag-hub .chip[aria-pressed=\"true\"]{\n    background:linear-gradient(180deg,#ffe29a,var(--gold));color:#3a2a06;border-color:transparent;\n    box-shadow:0 6px 18px -8px rgba(244,192,78,.7);\n  }\n  .rag-hub .sortsel{position:relative;flex-shrink:0}\n  .rag-hub .sortsel select{\n    appearance:none;font-family:inherit;font-size:13px;font-weight:600;color:var(--text);\n    background:#1a2054;border:1px solid var(--line);border-radius:999px;\n    padding:9px 34px 9px 15px;cursor:pointer;outline:none;\n  }\n  .rag-hub .sortsel select option{background:#141a45;color:#eef0ff}\n  .rag-hub .sortsel::after{content:\"\u25be\";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted-2);pointer-events:none;font-size:11px}\n  .rag-hub .count{width:100%;color:var(--muted-2);font-size:12.5px;margin-top:2px}\n\n  \/* ---------- Grid ---------- *\/\n  .rag-hub #grid-sec{padding:26px 0 60px}\n  \/* 18 kartu \u2014 tiap breakpoint membagi rata: 2\u00d79, 3\u00d76, 6\u00d73. Tidak ada baris pincang. *\/\n  .rag-hub .grid{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}\n  @media(min-width:700px){  .rag-hub .grid{gap:16px;grid-template-columns:repeat(3,1fr)} }\n  @media(min-width:1100px){ .rag-hub .grid{grid-template-columns:repeat(6,1fr)} }\n\n  .rag-hub .card{\n    position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);\n    background:var(--panel);display:flex;flex-direction:column;\n    transition:transform .2s ease,border-color .2s,box-shadow .2s;\n  }\n  .rag-hub .card:hover{transform:translateY(-4px);border-color:rgba(244,192,78,.5);box-shadow:var(--shadow)}\n  .rag-hub .card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}\n  .rag-hub .thumb{position:relative;aspect-ratio:4\/5;overflow:hidden;background:var(--midnight-2)}\n  .rag-hub .thumb .art{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}\n  .rag-hub .thumb .fallback{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:14px}\n  .rag-hub .fallback .mono{\n    font-family:\"Cinzel\",serif;font-weight:700;text-align:center;line-height:1.1;\n    font-size:clamp(.95rem,3.4vw,1.15rem);color:rgba(255,255,255,.92);\n    text-shadow:0 2px 12px rgba(0,0,0,.4);\n  }\n  .rag-hub .fallback::after{content:\"\";position:absolute;inset:0;background:\n    radial-gradient(120% 80% at 50% 0%, rgba(255,255,255,.14), transparent 60%),\n    linear-gradient(180deg, rgba(9,11,32,0) 55%, rgba(9,11,32,.55))}\n  .rag-hub .thumb .tag{position:absolute;top:9px;left:9px;z-index:3}\n  .rag-hub .card .info{padding:11px 12px 13px;display:flex;flex-direction:column;gap:9px;flex:1}\n  .rag-hub .card .name{\n    font-weight:700;font-size:13.5px;line-height:1.25;letter-spacing:.005em;\n    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;\n    min-height:2.5em;  \/* 2 baris \u2014 semua footer kartu sejajar *\/\n  }\n  .rag-hub .card .foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:6px}\n  .rag-hub .card .from{line-height:1.05}\n  .rag-hub .card .from small{display:block;font-size:9.5px;color:var(--muted-2)}\n  .rag-hub .card .from b{font-size:13px;color:var(--gold)}\n  .rag-hub .card .cek{font-size:11.5px;color:var(--muted-2);font-weight:600}\n  .rag-hub .card .arrow{color:var(--muted);transition:transform .2s,color .2s;flex-shrink:0}\n  .rag-hub .card:hover .arrow{color:var(--gold);transform:translateX(3px)}\n\n  \/* currency chip *\/\n  .rag-hub .cur{\n    display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;\n    padding:4px 9px;border-radius:999px;letter-spacing:.01em;\n    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:var(--text);\n    backdrop-filter:blur(4px);white-space:nowrap;\n  }\n  .rag-hub .cur .gem{width:8px;height:8px;border-radius:2px;transform:rotate(45deg);flex-shrink:0}\n  .rag-hub .cur[data-c=\"Diamonds\"] .gem{background:var(--ice);box-shadow:0 0 8px var(--ice)}\n  .rag-hub .cur[data-c=\"Nyan Berry\"] .gem{background:var(--berry);box-shadow:0 0 8px var(--berry)}\n  .rag-hub .cur[data-c=\"Starstones\"] .gem{background:var(--gold);box-shadow:0 0 8px var(--gold)}\n  .rag-hub .cur[data-c=\"Top Up\"] .gem{background:var(--violet);box-shadow:0 0 8px var(--violet)}\n\n  \/* empty state *\/\n  .rag-hub .empty{display:none;text-align:center;padding:60px 20px;color:var(--muted)}\n  .rag-hub .empty.show{display:block}\n  .rag-hub .empty .poring{width:76px;height:76px;margin:0 auto 18px}\n  .rag-hub .empty h3{font-family:\"Cinzel\",serif;color:var(--text);margin:0 0 6px;font-size:1.2rem}\n  .rag-hub .empty button{margin-top:16px;background:none;border:1px solid var(--line);color:var(--text);\n    padding:9px 18px;border-radius:999px;font-family:inherit;font-weight:600;cursor:pointer}\n  .rag-hub .empty button:hover{border-color:var(--gold);color:var(--gold)}\n\n  \/* ---------- Blog strip ---------- *\/\n  .rag-hub #blog-sec{padding:8px 0 60px}\n  .rag-hub .blog-all{color:var(--gold)!important;font-weight:600;white-space:nowrap}\n  .rag-hub .blog-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}\n  @media(max-width:900px){ .rag-hub .blog-grid{grid-template-columns:repeat(2,1fr);gap:12px} }\n  .rag-hub .post{display:flex;flex-direction:column;overflow:hidden;\n    border:1px solid var(--line);border-radius:14px;background:var(--panel);\n    transition:transform .2s,border-color .2s,box-shadow .2s}\n  .rag-hub .post:hover{transform:translateY(-4px);border-color:rgba(244,192,78,.5);box-shadow:var(--shadow)}\n  .rag-hub .post-thumb{position:relative;aspect-ratio:16\/9;overflow:hidden;background:var(--midnight-2)}\n  .rag-hub .post-thumb .fallback{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center}\n  .rag-hub .post-thumb .fallback span{font-family:\"Cinzel\",serif;font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.5)}\n  .rag-hub .post-thumb .art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}\n  .rag-hub .post-title{\n    padding:12px 14px 15px;font-weight:700;font-size:14px;line-height:1.32;margin:0;\n    color:var(--text);transition:color .2s;\n    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;\n    min-height:calc(3 * 1.32em + 27px);  \/* 3 baris \u2014 tinggi kartu blog seragam *\/\n  }\n  .rag-hub .post:hover .post-title{color:var(--gold)}\n\n  \/* ---------- Footer ---------- *\/\n  .rag-hub footer{border-top:1px solid var(--line);padding:34px 0 46px;color:var(--muted-2);font-size:13px}\n  .rag-hub footer .frow{display:flex;gap:22px;flex-wrap:wrap;align-items:center;justify-content:space-between}\n  .rag-hub footer a.ext{color:var(--gold);font-weight:600}\n  .rag-hub footer .note{max-width:640px;margin-top:16px;font-size:12px;line-height:1.6;color:var(--muted-2)}\n\n  .rag-hub :focus-visible{outline:2px solid var(--gold);outline-offset:2px}\n\n  @media (prefers-reduced-motion:reduce){\n    .rag-hub *{transition:none!important;scroll-behavior:auto!important}\n  }\n\n<\/style>\n\n<header>\n  <div class=\"wrap bar\">\n    <a class=\"brand\" href=\"https:\/\/www.lapakgaming.com\/id-id\" target=\"_blank\" rel=\"noopener\" aria-label=\"Lapakgaming beranda\">\n      <img data-recalc-dims=\"1\" class=\"brand-logo\" src=\"https:\/\/i0.wp.com\/www.lapakgaming.com\/blog\/id-id\/wp-content\/uploads\/2026\/07\/Ragnarok-Online-Logo.png?w=673&#038;ssl=1\" alt=\"Ragnarok Online\" referrerpolicy=\"no-referrer\" decoding=\"async\">\n      <span class=\"brand-tag\">Hub \u00b7 Lapakgaming<\/span>\n    <\/a>\n    <div class=\"head-search\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle><path d=\"M21 21l-4-4\"><\/path><\/svg>\n      <input id=\"searchTop\" type=\"search\" placeholder=\"Cari game Ragnarok\u2026\" aria-label=\"Cari game Ragnarok\">\n    <\/div>\n  <\/div>\n<\/header>\n\n<section class=\"hero\">\n  <div class=\"wrap hero-inner\">\n    <div class=\"hero-copy\">\n      <span class=\"eyebrow\">Semesta Midgard<\/span>\n      <h1>Semua Game <span class=\"glow\">Ragnarok<\/span><br>dalam satu portal<\/h1>\n      <p class=\"lede\">Semua game Ragnarok yang tersedia di Lapakgaming, diurutkan dari yang paling laris. Pilih judulmu, lalu lanjut top up resmi di halaman produknya.<\/p>\n      <div class=\"hero-search\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle><path d=\"M21 21l-4-4\"><\/path><\/svg>\n        <input id=\"searchHero\" type=\"search\" placeholder=\"Cari judul, misal: Ragnarok X, Origin, The New World\u2026\" aria-label=\"Cari game Ragnarok\">\n      <\/div>\n      <div class=\"stats\">\n        <div class=\"stat\"><b>100%<\/b><span>Supply resmi<\/span><\/div>\n        <div class=\"stat\"><b>24 Jam<\/b><span>Proses top up<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"hero-logo\">\n      <img data-recalc-dims=\"1\" src=\"https:\/\/i0.wp.com\/www.lapakgaming.com\/blog\/id-id\/wp-content\/uploads\/2026\/07\/Ragnarok-Online-Logo.png?w=673&#038;ssl=1\" alt=\"Ragnarok Online\" referrerpolicy=\"no-referrer\" decoding=\"async\">\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"featured\">\n  <div class=\"wrap\">\n    <div class=\"sec-head\">\n      <h2><span class=\"rune\"><\/span>Unggulan<\/h2>\n      <span class=\"hint\">5 game Ragnarok terlaris<\/span>\n    <\/div>\n    <div class=\"rail\" id=\"rail\"><\/div>\n  <\/div>\n<\/section>\n\n<div class=\"controls\">\n  <div class=\"wrap\">\n    <div class=\"controls-row\">\n      <span class=\"filt-label\">Mata uang in-game<\/span>\n      <div class=\"chips\" id=\"chips\" role=\"group\" aria-label=\"Saring berdasarkan mata uang in-game\"><\/div>\n      <div class=\"sortsel\">\n        <select id=\"sort\" aria-label=\"Urutkan\">\n          <option value=\"feat\">Urutkan: Terlaris<\/option>\n          <option value=\"az\">Nama A\u2013Z<\/option>\n          <option value=\"za\">Nama Z\u2013A<\/option>\n        <\/select>\n      <\/div>\n      <div class=\"count\" id=\"count\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<section id=\"grid-sec\">\n  <div class=\"wrap\">\n    <div class=\"sec-head\" id=\"gridHead\">\n      <h2><span class=\"rune\"><\/span>Semua Game Ragnarok<\/h2>\n      <span class=\"hint\">Diurutkan dari yang terlaris \u00b7 ketuk untuk top up<\/span>\n    <\/div>\n    <div class=\"grid\" id=\"grid\"><\/div>\n    <div class=\"empty\" id=\"empty\">\n      <svg class=\"poring\" viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n        <ellipse cx=\"50\" cy=\"58\" rx=\"40\" ry=\"36\" fill=\"#ff86bd\"><\/ellipse>\n        <ellipse cx=\"50\" cy=\"52\" rx=\"40\" ry=\"36\" fill=\"#ff9ecb\"><\/ellipse>\n        <circle cx=\"37\" cy=\"48\" r=\"6\" fill=\"#2a1030\"><\/circle><circle cx=\"63\" cy=\"48\" r=\"6\" fill=\"#2a1030\"><\/circle>\n        <circle cx=\"39\" cy=\"46\" r=\"2\" fill=\"#fff\"><\/circle><circle cx=\"65\" cy=\"46\" r=\"2\" fill=\"#fff\"><\/circle>\n        <path d=\"M40 64 q10 9 20 0\" stroke=\"#2a1030\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\"><\/path>\n        <path d=\"M50 16 l6 12 h-12 z\" fill=\"#ffd36b\"><\/path>\n      <\/svg>\n      <h3>Poring-nya kabur\u2026<\/h3>\n      <p>Tidak ada game Ragnarok yang cocok dengan pencarianmu.<\/p>\n      <button id=\"resetBtn\" type=\"button\">Reset pencarian<\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"blog-sec\">\n  <div class=\"wrap\">\n    <div class=\"sec-head\">\n      <h2><span class=\"rune\"><\/span>Dari Blog Ragnarok<\/h2>\n      <a class=\"hint blog-all\" id=\"blogAll\" href=\"https:\/\/www.lapakgaming.com\/blog\/id-id\/ragnarok\/\" target=\"_blank\" rel=\"noopener\">Lihat semua \u2192<\/a>\n    <\/div>\n    <div class=\"blog-grid\" id=\"blog\"><\/div>\n  <\/div>\n<\/section>\n\n<footer>\n  <div class=\"wrap\">\n    <div class=\"frow\">\n      <span>Portal katalog Ragnarok \u00b7 sumber data <a class=\"ext\" href=\"https:\/\/www.lapakgaming.com\/id-id\" target=\"_blank\" rel=\"noopener\">lapakgaming.com\/id-id<\/a><\/span>\n      <a class=\"ext\" href=\"https:\/\/www.lapakgaming.com\/id-id\" target=\"_blank\" rel=\"noopener\">Buka Lapakgaming \u2192<\/a>\n    <\/div>\n    <p class=\"note\">Setiap kartu mengarah ke halaman produk resmi Lapakgaming untuk judul tersebut. Urutan game disusun berdasarkan penjualan terbaru di katalog id-id. Harga &#8220;mulai dari&#8221; yang ditampilkan adalah snapshot dan dapat berubah \u2014 harga final selalu mengikuti halaman produk. Judul dengan beberapa metode top up (via Login, Drop Link OOC\/GOC) ditampilkan sebagai kartu terpisah sesuai halaman produknya masing-masing.<\/p>\n  <\/div>\n<\/footer>\n\n<script data-cfasync=\"false\">\n\/* ---- Katalog Ragnarok (lapakgaming.com\/id-id) ---- *\/\nconst BASE = \"https:\/\/www.lapakgaming.com\/id-id\/\";\n\/* Every outbound link to the shop gets this campaign tag \u2014 edit in one place. *\/\nconst UTM = \"utm_source=SEO&utm_medium=BLOG&utm_campaign=RagnarokHubPageID\";\nconst withUTM = u => u + (u.indexOf(\"?\") === -1 ? \"?\" : \"&\") + UTM;\n\nconst cdn = p => \"https:\/\/img.lapakgaming.com\/?src=\" + encodeURIComponent(p) + \"&w=720&q=75&f=webp\";\nconst cdn2 = enc => \"https:\/\/img.lapakgaming.com\/?src=\" + enc + \"&w=720&q=75&f=webp&onerror=redirect\";\n\nconst ART = {\n  x:        cdn(\"https:\/\/www.lapakgaming.com\/static\/banner\/lapakgaming\/202601\/Ragnarok X.png\"),\n  mel:      cdn2(\"https%3A%2F%2Fwww.lapakgaming.com%2Fstatic%2Fimages%2Fcategory%2Fragnarok-m-eternal-love.webp\"),\n  theRag:   cdn(\"https:\/\/www.lapakgaming.com\/static\/category\/The Ragnarok Icon.png\"),\n  oriClas:  cdn2(\"https%3A%2F%2Fwww.lapakgaming.com%2Fstatic%2Fcategory%2FRagnarok+Origin+Classic.jpg\"),\n  mClassic: cdn2(\"https%3A%2F%2Fwww.lapakgaming.com%2Fstatic%2Fcategory%2FROM+Classic.jpg\"),\n  tnw:      cdn(\"https:\/\/www.lapakgaming.com\/static\/category\/rotnw.png\"),\n  origin:   cdn(\"https:\/\/www.lapakgaming.com\/static\/banner\/lapakgaming\/202601\/Ragnarok Origin.png\"),\n  btg:      cdn2(\"https%3A%2F%2Fwww.lapakgaming.com%2Fstatic%2Fcategory%2FRagnarok+Back+to+Glory+via+Login.jpg\"),\n  idle:     cdn2(\"https%3A%2F%2Fwww.lapakgaming.com%2Fstatic%2Fcategory%2Fragnarok-idle-adventure-plus.png\"),\n  ggl:      cdn2(\"https%3A%2F%2Fwww.lapakgaming.com%2Fstatic%2Fcategory%2Fpdp-ragnarok-classic.jpg\"),\n  zero:     cdn2(\"https%3A%2F%2Fwww.lapakgaming.com%2Fstatic%2Fcategory%2Fdownload+%281%29.jpg\"),\n  twilight: cdn2(\"https%3A%2F%2Fwww.lapakgaming.com%2Fstatic%2Fcategory%2FRO+TWILIGHT+PNG+.png\")\n};\n\n\/* Each entry is its OWN product page (variants kept separate).\n   Order = ranking by GMV. Zero: Global + Twilight rows pinned at the bottom. *\/\nconst GAMES = [\n  {id:\"x-id-number\",         name:\"Ragnarok X - ID Number\",               url:\"https:\/\/www.lapakgaming.com\/id-id\/ragnarok-x\", cur:\"Diamonds\",   from:64000, img:ART.x},\n  {id:\"mel-sea\",             name:\"Ragnarok M Eternal Love SEA\",          url:\"https:\/\/www.lapakgaming.com\/id-id\/ragnarok-m-eternal-love\", cur:\"Top Up\",     img:ART.mel},\n  {id:\"therag-goc\",          name:\"The Ragnarok - Drop Link GOC\",         url:\"https:\/\/www.lapakgaming.com\/id-id\/the-ragnarok-sea\", cur:\"Diamonds\",   from:41000, img:ART.theRag},\n  {id:\"origin-classic\",      name:\"Ragnarok Origin Classic\",              url:\"https:\/\/www.lapakgaming.com\/id-id\/ragnarok-origin-classic\", cur:\"Nyan Berry\", img:ART.oriClas},\n  {id:\"mclassic-uid\",        name:\"Ragnarok M Classic - UID\",             url:\"https:\/\/www.lapakgaming.com\/id-id\/ragnarok-m-classic\", cur:\"Top Up\",     img:ART.mClassic},\n  {id:\"tnw\",                 name:\"Ragnarok The New World\",               url:\"https:\/\/www.lapakgaming.com\/id-id\/ragnarok-the-new-world\", cur:\"Starstones\", from:18291, img:ART.tnw},\n  {id:\"origin-package\",      name:\"Ragnarok Origin Global - Package\",     url:\"https:\/\/www.lapakgaming.com\/id-id\/ragnarok-origin-special-pack\", cur:\"Nyan Berry\", img:ART.origin},\n  {id:\"btg-droplink\",        name:\"Ragnarok Back to Glory Drop Link\",     url:\"https:\/\/www.lapakgaming.com\/id-id\/ragnarok-back-to-glory\", cur:\"Top Up\",     img:ART.btg},\n  {id:\"idle-plus\",           name:\"Ragnarok Idle Adventure Plus\",         url:\"https:\/\/www.lapakgaming.com\/id-id\/ragnarok-idle-adventure-plus\", cur:\"Top Up\",     img:ART.idle},\n  {id:\"origin-global\",       name:\"Ragnarok Origin Global\",               url:\"https:\/\/www.lapakgaming.com\/id-id\/ragnarok-origin\", cur:\"Nyan Berry\", from:14038, img:ART.origin},\n  {id:\"therag-ooc\",          name:\"The Ragnarok - Drop Link OOC\",         url:\"https:\/\/www.lapakgaming.com\/id-id\/the-ragnarok-sea-link\", cur:\"Diamonds\",   img:ART.theRag},\n  {id:\"therag-login\",        name:\"The Ragnarok - Via Login\",             url:\"https:\/\/www.lapakgaming.com\/id-id\/the-ragnarok-login\", cur:\"Diamonds\",   img:ART.theRag},\n  {id:\"twilight-goc\",        name:\"Ragnarok Twilight - Drop Link GOC\",    url:\"https:\/\/www.lapakgaming.com\/id-id\/ragnarok-twilight-drop-link-goc\", cur:\"Top Up\",     img:ART.twilight},\n  {id:\"classic-ggl\",         name:\"Ragnarok Classic by GGL\",              url:\"https:\/\/www.lapakgaming.com\/id-id\/ragnarok-classic\", cur:\"Top Up\",     img:ART.ggl},\n  {id:\"origin-classic-login\",name:\"Ragnarok Origin Classic via Login\",    url:\"https:\/\/www.lapakgaming.com\/id-id\/ragnarok-origin-classic-login\", cur:\"Nyan Berry\", img:ART.oriClas},\n  {id:\"zero-global\",         name:\"Ragnarok Zero: Global\",                url:\"https:\/\/www.lapakgaming.com\/id-id\/ragnarok-zero-global\", cur:\"Top Up\",     img:ART.zero},\n  {id:\"twilight-ooc\",        name:\"Ragnarok Twilight - Drop Link OOC\",    url:\"https:\/\/www.lapakgaming.com\/id-id\/ragnarok-twilight\", cur:\"Top Up\",     img:ART.twilight},\n  {id:\"twilight\",            name:\"Ragnarok Twilight\",                    url:\"https:\/\/www.lapakgaming.com\/id-id\/ragnarok-twilight-uid\", cur:\"Top Up\",     img:ART.twilight}\n];\n\n\/* \u2500\u2500 Featured row: edit this list to choose which titles appear in \"Unggulan\".\n      Order matters. Use the `id` from the list above. \u2500\u2500 *\/\nconst FEATURED = [\n  \"x-id-number\",\n  \"mel-sea\",\n  \"therag-goc\",\n  \"origin-classic\",\n  \"mclassic-uid\"\n];\nGAMES.forEach((g,i)=>{ g.order = i; g.feat = FEATURED.includes(g.id); });\n\n\/* Fallback list \u2014 shown instantly, then replaced by the live category feed *\/\nconst BLOG = {\n  category: \"https:\/\/www.lapakgaming.com\/blog\/id-id\/ragnarok\/\",\n  posts: [\n    { title:\"Build Gunslinger Gatling Gun Ragnarok The New World\",\n      url:\"https:\/\/www.lapakgaming.com\/blog\/id-id\/rpg-build-gunslinger-gatling-gun-ragnarok-the-new-world\/\",\n      img:\"\" },\n    { title:\"Panduan Kelas Ragnarok The New World: Tier List, Build, dan Job Terbaik\",\n      url:\"https:\/\/www.lapakgaming.com\/blog\/id-id\/rpg-kelas-ragnarok-the-new-world\/\",\n      img:\"\" },\n    { title:\"Kode Redeem Ragnarok The New World Terbaru Juli 2026, Lengkap dan Aktif\",\n      url:\"https:\/\/www.lapakgaming.com\/blog\/id-id\/rpg-kode-redeem-ragnarok-the-new-world\/\",\n      img:\"\" },\n    { title:\"Ragnarok Zero Global Resmi OBT2: Fitur Baru, Class, dan Detail Lainnya\",\n      url:\"https:\/\/www.lapakgaming.com\/blog\/id-id\/rpg-ragnarok-zero-global\/\",\n      img:\"\" }\n  ]\n};\n\n\/* deterministic cohesive gradient for art-less tiles *\/\nfunction tileGradient(name){\n  let h=0; for(const c of name) h=(h*31+c.charCodeAt(0))>>>0;\n  const hue = 218 + (h % 74);           \/\/ indigo \u2192 violet band\n  const hue2 = (hue + 26) % 360;\n  const gold = (h % 5 === 0);           \/\/ occasional rune-gold tile\n  if(gold) return \"linear-gradient(150deg,#3a2c53,#241b46 55%,#141031)\";\n  return `linear-gradient(150deg,hsl(${hue} 46% 26%),hsl(${hue2} 52% 15%))`;\n}\nconst rp = n => \"Rp\" + n.toLocaleString(\"id-ID\");\nconst curChip = c => `<span class=\"cur\" data-c=\"${c}\"><span class=\"gem\"><\/span>${c}<\/span>`;\n\n\/* ---- Featured rail ---- *\/\nfunction renderRail(){\n  const feats = FEATURED.map(id => GAMES.find(g => g.id === id)).filter(Boolean);\n  document.getElementById(\"rail\").innerHTML = feats.map(g=>`\n    <a class=\"feat\" href=\"${withUTM(g.url)}\" target=\"_blank\" rel=\"noopener\" aria-label=\"Top up ${g.name}\">\n      <div class=\"media\">\n        <div class=\"fallback\" style=\"background:${tileGradient(g.name)}\"><\/div>\n        <img class=\"art\" src=\"${g.img}\" alt=\"\" loading=\"lazy\" decoding=\"async\" referrerpolicy=\"no-referrer\" onerror=\"this.remove()\">\n      <\/div>\n      <div class=\"body\">\n        <h3>${g.name}<\/h3>\n        <div class=\"meta\">\n          ${curChip(g.cur)}\n          ${g.from ? `<span class=\"price\"><small>mulai dari<\/small><b>${rp(g.from)}<\/b><\/span>` : ``}\n        <\/div>\n        <span class=\"go\">Top up sekarang\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n        <\/span>\n      <\/div>\n    <\/a>`).join(\"\");\n}\n\n\/* ---- Grid ---- *\/\nfunction cardHTML(g){\n  const priceBlock = g.from\n    ? `<span class=\"from\"><small>mulai dari<\/small><b>${rp(g.from)}<\/b><\/span>`\n    : `<span class=\"cek\">Cek harga<\/span>`;\n  const art = g.img\n    ? `<img class=\"art\" src=\"${g.img}\" alt=\"\" loading=\"lazy\" decoding=\"async\" referrerpolicy=\"no-referrer\" onerror=\"this.remove()\">`\n    : \"\";\n  return `\n   <a class=\"card\" href=\"${withUTM(g.url)}\" target=\"_blank\" rel=\"noopener\" aria-label=\"Top up ${g.name}\">\n     <div class=\"thumb\">\n       <div class=\"fallback\" style=\"background:${tileGradient(g.name)}\"><span class=\"mono\">${g.name}<\/span><\/div>\n       ${art}\n       <span class=\"tag\">${curChip(g.cur)}<\/span>\n     <\/div>\n     <div class=\"info\">\n       <span class=\"name\">${g.name}<\/span>\n       <span class=\"foot\">\n         ${priceBlock}\n         <svg class=\"arrow\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n       <\/span>\n     <\/div>\n   <\/a>`;\n}\n\nlet state = {q:\"\", cur:\"all\", sort:\"feat\"};\n\nfunction apply(){\n  let list = GAMES.slice();\n  const q = state.q.trim().toLowerCase();\n  if(q) list = list.filter(g => g.name.toLowerCase().includes(q));\n  if(state.cur !== \"all\") list = list.filter(g => g.cur === state.cur);\n  if(state.sort === \"az\") list.sort((a,b)=>a.name.localeCompare(b.name));\n  else if(state.sort === \"za\") list.sort((a,b)=>b.name.localeCompare(a.name));\n  else list.sort((a,b)=>(b.feat?1:0)-(a.feat?1:0) || a.order-b.order);\n\n  document.getElementById(\"grid\").innerHTML = list.map(cardHTML).join(\"\");\n  document.getElementById(\"count\").textContent =\n    `${list.length} game${state.cur!==\"all\"?\" \u00b7 \"+state.cur:\"\"}${q?` \u00b7 \"${state.q}\"`:\"\"}`;\n  document.getElementById(\"empty\").classList.toggle(\"show\", list.length===0);\n  document.getElementById(\"grid\").style.display = list.length===0 ? \"none\":\"grid\";\n  \/\/ focus the catalog when searching\n  const searching = !!q;\n  document.getElementById(\"featured\").style.display = searching ? \"none\":\"block\";\n  document.getElementById(\"gridHead\").style.display = searching ? \"none\":\"flex\";\n}\n\n\/* ---- currency filter chips ---- *\/\nfunction buildChips(){\n  const order = [\"all\",\"Diamonds\",\"Nyan Berry\",\"Starstones\",\"Top Up\"];\n  const label = {all:\"Semua\", \"Top Up\":\"Lainnya\"};\n  const wrap = document.getElementById(\"chips\");\n  wrap.innerHTML = order.map((c,i)=>\n    `<button class=\"chip\" type=\"button\" data-cur=\"${c}\" aria-pressed=\"${i===0}\">${label[c]||c}<\/button>`\n  ).join(\"\");\n  wrap.addEventListener(\"click\", e=>{\n    const b = e.target.closest(\".chip\"); if(!b) return;\n    state.cur = b.dataset.cur;\n    wrap.querySelectorAll(\".chip\").forEach(x=>x.setAttribute(\"aria-pressed\", x===b));\n    apply();\n  });\n}\n\n\/* ---- search sync (hero + header) ---- *\/\nfunction bindSearch(){\n  const hero = document.getElementById(\"searchHero\");\n  const top  = document.getElementById(\"searchTop\");\n  const on = v => { state.q = v; hero.value = v; top.value = v; apply(); };\n  hero.addEventListener(\"input\", e=>on(e.target.value));\n  top.addEventListener(\"input\", e=>on(e.target.value));\n  document.getElementById(\"resetBtn\").addEventListener(\"click\", ()=>{ on(\"\"); hero.focus(); });\n}\n\n\/* ---- Blog strip ----\n   Pulls the latest posts straight from the Ragnarok category (ID 3175) in one\n   request, so new articles appear here automatically \u2014 title, link and\n   thumbnail all come from WordPress. If the API can't be reached, the static\n   BLOG.posts list above is shown instead. *\/\nconst RAG_CATEGORY_ID = 3175;\nconst BLOG_API = \"https:\/\/www.lapakgaming.com\/blog\/id-id\/wp-json\/wp\/v2\/posts\";\nconst BLOG_LIMIT = 4;\n\nfunction postImage(post){\n  const media = post._embedded && post._embedded[\"wp:featuredmedia\"] && post._embedded[\"wp:featuredmedia\"][0];\n  if(media){\n    const sizes = media.media_details && media.media_details.sizes;\n    const src = (sizes && ((sizes.medium_large && sizes.medium_large.source_url) ||\n                           (sizes.large        && sizes.large.source_url) ||\n                           (sizes.medium       && sizes.medium.source_url)))\n             || media.source_url;\n    if(src) return src;\n  }\n  if(post.jetpack_featured_media_url) return post.jetpack_featured_media_url;\n  const html = (post.content && post.content.rendered) || \"\";\n  const m = html.match(\/<img[^>]+src=[\"']([^\"']+\\.(?:jpe?g|png|webp))(?:\\?[^\"']*)?[\"']\/i);\n  return m ? m[1] : \"\";\n}\n\nconst decodeEntities = s => {\n  const t = document.createElement(\"textarea\");\n  t.innerHTML = s; return t.value;\n};\n\nfunction renderBlog(list){\n  const el = document.getElementById(\"blog\");\n  if(!el) return;\n  el.innerHTML = list.slice(0, BLOG_LIMIT).map(p=>`\n    <a class=\"post\" href=\"${p.url}\" target=\"_blank\" rel=\"noopener\">\n      <div class=\"post-thumb\">\n        <div class=\"fallback\" style=\"background:${tileGradient(p.title)}\"><span>Ragnarok<\/span><\/div>\n        ${p.img ? `<img class=\"art\" src=\"${p.img}\" alt=\"\" loading=\"lazy\" decoding=\"async\" referrerpolicy=\"no-referrer\" onerror=\"this.remove()\">` : ``}\n      <\/div>\n      <h3 class=\"post-title\">${p.title}<\/h3>\n    <\/a>`).join(\"\");\n  const all = document.getElementById(\"blogAll\");\n  if(all) all.href = BLOG.category;\n}\n\nasync function loadBlog(){\n  try{\n    const r = await fetch(`${BLOG_API}?categories=${RAG_CATEGORY_ID}&per_page=${BLOG_LIMIT}&_embed=1`,\n                          { headers:{ \"Accept\":\"application\/json\" } });\n    if(!r.ok) throw new Error(\"HTTP \" + r.status);\n    let data = await r.json();\n    if(!Array.isArray(data) || !data.length) throw new Error(\"empty\");\n    \/\/ the host may strip query params \u2014 filter to the Ragnarok category ourselves\n    const inCat = data.filter(p => Array.isArray(p.categories) && p.categories.includes(RAG_CATEGORY_ID));\n    if(inCat.length) data = inCat;\n    const posts = data.slice(0, BLOG_LIMIT).map(p => ({\n      title: decodeEntities((p.title && p.title.rendered) || \"\"),\n      url:   p.link,\n      img:   postImage(p)\n    }));\n    if(posts.length){\n      renderBlog(posts);\n      console.log(\"Blog Ragnarok: \" + posts.length + \" post dimuat, \" +\n                  posts.filter(p=>p.img).length + \" punya thumbnail.\");\n    }\n  }catch(e){\n    console.warn(\"Blog Ragnarok: memakai daftar cadangan.\", e);\n  }\n}\n\n\/* ---- boot: run only once the DOM exists, wherever this script is placed ---- *\/\nfunction init(){\n  if(!document.getElementById(\"grid\")) return;\n  const sortEl = document.getElementById(\"sort\");\n  if(sortEl) sortEl.addEventListener(\"change\", e=>{ state.sort=e.target.value; apply(); });\n  renderRail();\n  buildChips();\n  bindSearch();\n  renderBlog(BLOG.posts);\n  loadBlog();\n  apply();\n}\nif(document.readyState === \"loading\"){\n  document.addEventListener(\"DOMContentLoaded\", init);\n}else{\n  init();\n}\n<\/script>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hub \u00b7 Lapakgaming Semesta Midgard Semua Game Ragnarokdalam satu portal Semua game Ragnarok yang tersedia di Lapakgaming, diurutkan dari yang paling laris. Pilih judulmu, lalu lanjut top up resmi di halaman produknya. 100%Supply resmi 24 JamProses top up Unggulan 5 game Ragnarok terlaris Mata uang in-game Urutkan: TerlarisNama A\u2013ZNama Z\u2013A Semua Game Ragnarok Diurutkan dari<\/p>\n","protected":false},"author":33,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-35509","page","type-page","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Daftar Game Ragnarok Lengkap - Blog Lapakgaming<\/title>\n<meta name=\"description\" content=\"Berikut daftar lengkap game Ragnarok yang bisa kamu beli di Lapakgaming.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.lapakgaming.com\/blog\/id-id\/daftar-game-ragnarok\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Daftar Game Ragnarok Lengkap - Blog Lapakgaming\" \/>\n<meta property=\"og:description\" content=\"Berikut daftar lengkap game Ragnarok yang bisa kamu beli di Lapakgaming.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.lapakgaming.com\/blog\/id-id\/daftar-game-ragnarok\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Lapakgaming\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-22T09:07:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.lapakgaming.com\/blog\/id-id\/wp-content\/uploads\/2026\/07\/Ragnarok-Online-Logo.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/daftar-game-ragnarok\\\/\",\"url\":\"https:\\\/\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/daftar-game-ragnarok\\\/\",\"name\":\"Daftar Game Ragnarok Lengkap - Blog Lapakgaming\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/daftar-game-ragnarok\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/daftar-game-ragnarok\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/Ragnarok-Online-Logo.png\",\"datePublished\":\"2026-07-22T06:52:25+00:00\",\"dateModified\":\"2026-07-22T09:07:28+00:00\",\"description\":\"Berikut daftar lengkap game Ragnarok yang bisa kamu beli di Lapakgaming.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/daftar-game-ragnarok\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/daftar-game-ragnarok\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/daftar-game-ragnarok\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/Ragnarok-Online-Logo.png?fit=1536%2C1024&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/Ragnarok-Online-Logo.png?fit=1536%2C1024&ssl=1\",\"width\":1536,\"height\":1024,\"caption\":\"Logo Ragnarok Online dengan desain biru bergaya fantasy medieval\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/daftar-game-ragnarok\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Daftar Game Ragnarok Lengkap\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/#website\",\"url\":\"https:\\\/\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/\",\"name\":\"Lapakgaming\",\"description\":\"Berita dan Gaming Guides Terlengkap\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/#organization\",\"name\":\"Lapakgaming\",\"url\":\"https:\\\/\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/logo-lapakgaming.webp?fit=237%2C47&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/logo-lapakgaming.webp?fit=237%2C47&ssl=1\",\"width\":237,\"height\":47,\"caption\":\"Lapakgaming\"},\"image\":{\"@id\":\"https:\\\/\\\/www.lapakgaming.com\\\/blog\\\/id-id\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Daftar Game Ragnarok Lengkap - Blog Lapakgaming","description":"Berikut daftar lengkap game Ragnarok yang bisa kamu beli di Lapakgaming.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.lapakgaming.com\/blog\/id-id\/daftar-game-ragnarok\/","og_locale":"id_ID","og_type":"article","og_title":"Daftar Game Ragnarok Lengkap - Blog Lapakgaming","og_description":"Berikut daftar lengkap game Ragnarok yang bisa kamu beli di Lapakgaming.","og_url":"https:\/\/www.lapakgaming.com\/blog\/id-id\/daftar-game-ragnarok\/","og_site_name":"Blog Lapakgaming","article_modified_time":"2026-07-22T09:07:28+00:00","og_image":[{"url":"https:\/\/www.lapakgaming.com\/blog\/id-id\/wp-content\/uploads\/2026\/07\/Ragnarok-Online-Logo.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"2 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.lapakgaming.com\/blog\/id-id\/daftar-game-ragnarok\/","url":"https:\/\/www.lapakgaming.com\/blog\/id-id\/daftar-game-ragnarok\/","name":"Daftar Game Ragnarok Lengkap - Blog Lapakgaming","isPartOf":{"@id":"https:\/\/www.lapakgaming.com\/blog\/id-id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.lapakgaming.com\/blog\/id-id\/daftar-game-ragnarok\/#primaryimage"},"image":{"@id":"https:\/\/www.lapakgaming.com\/blog\/id-id\/daftar-game-ragnarok\/#primaryimage"},"thumbnailUrl":"https:\/\/www.lapakgaming.com\/blog\/id-id\/wp-content\/uploads\/2026\/07\/Ragnarok-Online-Logo.png","datePublished":"2026-07-22T06:52:25+00:00","dateModified":"2026-07-22T09:07:28+00:00","description":"Berikut daftar lengkap game Ragnarok yang bisa kamu beli di Lapakgaming.","breadcrumb":{"@id":"https:\/\/www.lapakgaming.com\/blog\/id-id\/daftar-game-ragnarok\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lapakgaming.com\/blog\/id-id\/daftar-game-ragnarok\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.lapakgaming.com\/blog\/id-id\/daftar-game-ragnarok\/#primaryimage","url":"https:\/\/i0.wp.com\/www.lapakgaming.com\/blog\/id-id\/wp-content\/uploads\/2026\/07\/Ragnarok-Online-Logo.png?fit=1536%2C1024&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.lapakgaming.com\/blog\/id-id\/wp-content\/uploads\/2026\/07\/Ragnarok-Online-Logo.png?fit=1536%2C1024&ssl=1","width":1536,"height":1024,"caption":"Logo Ragnarok Online dengan desain biru bergaya fantasy medieval"},{"@type":"BreadcrumbList","@id":"https:\/\/www.lapakgaming.com\/blog\/id-id\/daftar-game-ragnarok\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.lapakgaming.com\/blog\/id-id\/"},{"@type":"ListItem","position":2,"name":"Daftar Game Ragnarok Lengkap"}]},{"@type":"WebSite","@id":"https:\/\/www.lapakgaming.com\/blog\/id-id\/#website","url":"https:\/\/www.lapakgaming.com\/blog\/id-id\/","name":"Lapakgaming","description":"Berita dan Gaming Guides Terlengkap","publisher":{"@id":"https:\/\/www.lapakgaming.com\/blog\/id-id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.lapakgaming.com\/blog\/id-id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.lapakgaming.com\/blog\/id-id\/#organization","name":"Lapakgaming","url":"https:\/\/www.lapakgaming.com\/blog\/id-id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.lapakgaming.com\/blog\/id-id\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/www.lapakgaming.com\/blog\/id-id\/wp-content\/uploads\/2022\/08\/logo-lapakgaming.webp?fit=237%2C47&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.lapakgaming.com\/blog\/id-id\/wp-content\/uploads\/2022\/08\/logo-lapakgaming.webp?fit=237%2C47&ssl=1","width":237,"height":47,"caption":"Lapakgaming"},"image":{"@id":"https:\/\/www.lapakgaming.com\/blog\/id-id\/#\/schema\/logo\/image\/"}}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.lapakgaming.com\/blog\/id-id\/wp-json\/wp\/v2\/pages\/35509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lapakgaming.com\/blog\/id-id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.lapakgaming.com\/blog\/id-id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.lapakgaming.com\/blog\/id-id\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lapakgaming.com\/blog\/id-id\/wp-json\/wp\/v2\/comments?post=35509"}],"version-history":[{"count":0,"href":"https:\/\/www.lapakgaming.com\/blog\/id-id\/wp-json\/wp\/v2\/pages\/35509\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.lapakgaming.com\/blog\/id-id\/wp-json\/wp\/v2\/media?parent=35509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}