Sitenizde bu şekilde gözükecek:

Head altına eklenecek kod:
<style type="text/css">.kizilay-container {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);position: fixed;z-index: 90;width: 100%;max-width: 500px;}.kizilay-overlay {position: fixed;background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;left: 0;top: 0;z-index: 9;}.kizilay-close {position: absolute;right: -10px;top: -15px;background: #1b1b1b;font-size: 32px;color: #fff;border-radius: 100%;border: 2px solid #cacaca;padding: 2px 10px;line-height: 1;cursor:pointer;}</style> <div class="kizilay-popup"> <div class="kizilay-wrap"> <div class="kizilay-overlay"></div> <div class="kizilay-container"> <div class="kizilay-close">×</div> <a href="https://www.kizilay.org.tr/Bagis/BagisYap/404/pazarcik-depremi-bagisi?utm_source=r10&utm_medium=banner&utm_campaign=deprem" rel="nofollow" target="_blank"><img src="https://cdn.r10.net/editor/27818/84720729.png" alt="Deprem Yardım"></a> </div> </div> </div>Javascript kodu / Sitenin sonuna eklenecek kod:
<script type="text/javascript"> function getCookie(name) { const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) return parts.pop().split(';').shift(); } if(getCookie("kizilaygosterme")==1) { document.querySelector(".kizilay-popup").style.display = "none"; } document.querySelector(".kizilay-close").addEventListener("click", function() { document.querySelector(".kizilay-wrap").style.display = "none"; document.cookie = "kizilaygosterme=1; path=/;"; }); </script>Bir kere kapatıldığında cookie oluşuyor ve tekrar gösterilmiyor.
Kodları github üzerinden almak isterseniz: https://github.com/v4r1able/kizilay-popup
Deneme sayfası: https://v4r1able.github.io/kizilay-popup/