Siteleriniz için deprem popup kodu

@BurtiNET; tarafından deprem yardımı konusuna eklenen html kodu popup halinde düzenledim, sitesine eklemek isteyen varsa buyursun:

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">&times;</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/

Teşekkürle mesajım bulunsun.

2 sitem var ama nasıl eklenir bilmiyorum AnyDesk ile yapabilir misin hocam

Kızılay yerine bir de AFAD olanını yapabilir misiniz ?

Görsel linkini ve adres linkini değiştirip kullanabilirsiniz

Tabi ki PM gönderin hocam

Eline sağlık

Kapatma butonu çalışmıyor sanırım.

Düzelttim hocam jquery kalmış, javascript çevirdim tekrardan