WhatsApp Pop #whatsapp-popup { display: none; position: fixed; bottom: 20px; right: 20px; background-color: #25D366; color: white; padding: 16px 20px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); font-family: Arial, sans-serif; font-size: 16px; z-index: 9999; cursor: pointer; max-width: 300px; } #whatsapp-popup:hover { background-color: #1ebe5b; } #whatsapp-popup .close-btn { position: absolute; top: 6px; right: 10px; font-weight: bold; cursor: pointer; } #whatsapp-popup .icon { margin-right: 8px; } </style> </head> <body> <!-- WhatsApp Pop-up --> <div id="whatsapp-popup" onclick="openWhatsApp()"> <span class="close-btn" onclick="closePopup(event)">×</span> <span class="icon">💬</span> Klik sini untuk hubungi kami melalui WhatsApp! </div> <script> function openWhatsApp() { var phoneNumber = "60145822809"; // Nombor dalam format antarabangsa var message = "Assalamualaikum, saya ingin bertany."; var url = "https://wa.me/" + phoneNumber + "?text=" + encodeURIComponent(message); window.open(url, '_blank'); } function closePopup(event) { event.stopPropagation(); // elak trigger openWhatsApp() document.getElementById('whatsapp-popup').style.display = 'none'; } // Tunjukkan pop-up selepas 5 saat window.onload = function() { setTimeout(function() { document.getElementById('whatsapp-popup').style.display = 'block'; }, 5000); } </script> <html lang="ms"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>WhatsApp Pop-up
WhatsApp Logo Assalamualaikum, saya ingin bertanya tentang takaful
ChatGPT Bot

Memoir

Setiap episod dalam kehidupan adalah merupakan kenangan yang terindah

  • img_0440.jpeg
    Agama Fairy Tale
    May 31, 2025 at 7:25 PM

    Baca Lagi