Berikut Adalah Kode HTML Nya..........
===============================================
<!-- ==========================
BolaBale Welcome Popup
========================== -->
<style>
#bb-popup-overlay{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,.55);
backdrop-filter:blur(8px);
display:flex;
justify-content:center;
align-items:center;
z-index:999999;
animation:fadeIn .4s ease;
}
#bb-popup{
width:92%;
max-width:520px;
background:#ffffff;
border-radius:24px;
padding:35px;
box-shadow:
0 25px 60px rgba(0,0,0,.30);
font-family:Segoe UI,Arial,sans-serif;
text-align:center;
position:relative;
animation:popup .45s ease;
}
#bb-close{
position:absolute;
right:18px;
top:14px;
font-size:30px;
cursor:pointer;
color:#888;
transition:.3s;
}
#bb-close:hover{
color:#d60000;
transform:rotate(90deg);
}
.bb-logo{
font-size:55px;
margin-bottom:15px;
}
#bb-popup h2{
margin:10px 0;
font-size:28px;
color:#198754;
}
#bb-popup p{
font-size:17px;
line-height:1.8;
color:#444;
margin:18px 0 30px;
}
.bb-btn{
display:inline-block;
padding:16px 34px;
border-radius:60px;
background:linear-gradient(135deg,#25D366,#128C7E);
color:white;
font-size:18px;
font-weight:bold;
text-decoration:none;
box-shadow:
0 10px 25px rgba(37,211,102,.45);
transition:.35s;
}
.bb-btn:hover{
transform:translateY(-3px) scale(1.04);
box-shadow:
0 20px 35px rgba(37,211,102,.55);
}
@keyframes popup{
from{
opacity:0;
transform:translateY(40px) scale(.9);
}
to{
opacity:1;
transform:none;
}
}
@keyframes fadeIn{
from{opacity:0;}
to{opacity:1;}
}
@media(max-width:600px){
#bb-popup{
padding:28px 22px;
}
#bb-popup h2{
font-size:24px;
}
#bb-popup p{
font-size:16px;
}
.bb-btn{
display:block;
width:100%;
padding:16px;
font-size:17px;
}
}
</style>
<div id="bb-popup-overlay">
<div id="bb-popup">
<div id="bb-close">×</div>
<div class="bb-logo">🌿</div>
<h2>Assalamu 'alaikum</h2>
<p>
Terima Kasih Telah Mengunjungi Situs <strong>BolaBale</strong>.
<br><br>
Silakan Beritahu Kami Apa yang Dapat Kami Bantu.
</p>
<a class="bb-btn"
href="https://wa.wizard.id/3af6e6"
target="_blank">
💬 Hubungi Admin
</a>
</div>
</div>
<script>
document.getElementById("bb-close").onclick=function(){
document.getElementById("bb-popup-overlay").style.display="none";
};
</script> ============================================================== ```html
×
🌿
Assalamu 'alaikum
Terima Kasih Telah Mengunjungi Situs BolaBale.
Silakan Beritahu Kami Apa yang Dapat Kami Bantu.
